【超入門】iPhoneアプリのアイコンをAdobe Illustratorで作成しよう!Xcodeへの登録まで!
3.9 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
59 students enrolled

【超入門】iPhoneアプリのアイコンをAdobe Illustratorで作成しよう!Xcodeへの登録まで!

XcodeでiOSアプリを開発していて、アイコンもご自身で作成したい方向けの講座です。10種類のアイコンを一緒に作成しながらIllustratorの操作と機能を学習しXcodeへの登録もします。Illustrator未経験者向けの講座です。
3.9 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
59 students enrolled
Created by 渡部 学
Last updated 5/2019
Japanese
Current price: $61.99 Original price: $94.99 Discount: 35% off
21 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 2 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Adobe Illustratorの無料体験版(7日間)をダウンロードし、基本操作を学習できます。
  • Adobe Illustratorを使ってiPhoneアプリのアイコンの作成方法を学習できます。
  • iOSアプリに必要になる複数のサイズにリサイズし、Xcodeに登録する方法を学習できます。
Requirements
  • Adobe Illustratorがインストールできる(されている)PC
  • XcodeがインストールされているPC
Description

iPhoneアプリを開発していて、アイコンもご自身で作成したい方向けの講座です。

Adobe Illustrator未経験者でも大丈夫です。Illustratorの7日間無料体験版インストールから始めます。

受講された方がダウンロードできる「アイコン作成用のテンプレート」を使用してiPhoneアプリのアイコンをデザインしていきましょう。

10種類のアイコンを一緒に作成しながらIllustratorの操作と機能を学習していきます。

講座を学び終えた後には、学習した様々な機能を応用してご自身が思い描くアイコンデザインをすることができるようになります。

※このコースではデザイン的に優れたアイコンデザインを作成することがゴールではなく、Illustratorを使用してアイコンを作成し、Xcodeに登録するまでをご自身で完結することを目的としたコースです。


ーーコース内容ーー

【Adobe Illustrator無料体験版のダウンロード方法】

無料体験版は7日間、全機能を使用することができます。本コースは短時間でアイコンを作成できるので7日間の間に修了することもできます。


【Illustratorの基本操作を学習しよう】

Illustratorの基本操作を学習します。画面の見方、保存方法から学習します。


【アイコンデザインについて】

最近のアイコンのトレンドと、このコースで学べることの関係性について説明します。

AppleのiOSアプリアイコンのガイドラインの簡単な説明。

このコースではデザイン的に優れたアイコンデザインを作成することがゴールではなく、Illustratorを使用してアイコンを作成し、Xcodeに登録するまでをご自身で完結することを目的としたコースです。


【Adobe Illustratorを使ってiPhoneアプリのアイコンを作成しよう】

本コースでは10個のアプリアイコンを例に一緒に作成していきます。


①リマインダーアプリのアイコンを作成しよう」

図形と線を描画して簡単なアイコンを作成します。


②SNSアプリ風のアイコンを作成しよう

文字のアウトライン化、影をつけるドロップシャドウの使い方を学習します。


③メールアプリのアイコンを作成しよう

クリッピングマスク・透明効果を学習しましょう。


④メッセージアプリのアイコンを作ろう

グラデーションの使い方、パスファインダーの使い方を学習することができます。


⑤ファイルアプリ風のアイコンを作成しよう

パスのアウトライン化・パスファインダーの復習と、応用を学習することができます。


⑥ビジネスアプリ風アイコンを作成しよう

オブジェクトのグラデーションのかけ方、立体感のあるグラッフィクの作成方法を学習することができます。


⑦フォトライブラリアプリ風のアイコンを作ろう

透明効果の乗算を使用して、重なり合った透明感のあるグラフィックを作成することができます。


⑧アイソメトリックで立体的なアイコンを作ろう

アイソメトリックのグリッドの作成方法を学習し、擬似的な立体的グラフィックを制作するスキルを身に付けます。


⑨ネオン管グラフィックのアプリアイコンをつくろう

ドロップシャドウの効果を使用してネオン管のような効果をつける方法を学習できます。


⑩インスタグラム風の背景のアイコンを作ろう

グラデーションメッシュ機能を用いて、インスタグラム風の複雑なグラデーションをつける方法を学習できます。


【テンプレートにあてはめよう】

iOSアプリアイコンをデザインするためのテンプレートに当てはめて、実際のアイコンになった時のデザインの確認や微調整する方法を学習します。


【Xcodeに登録するための画像を書き出そう】

iOSで必要になってくる様々なサイズのアイコンの作成方法を学習します。


【Xcodeにアイコン画像を登録しよう】

iOSアプリ開発環境のXcodeのアセットファイルに、適切なアプリアイコン画像を登録できるようになります。

最後にはシュミレーターで実際にアイコンが反映されるか確認するところまで行います。


Who this course is for:
  • XcodeでiPhoneアプリを開発していて、ご自身でアイコンを作成されたい方
  • iPhoneアプリのアイコンをデザインしたい方
  • Adobe Illustrator未経験者・初心者の方
Course content
Expand all 53 lectures 02:31:38
+ はじめに
2 lectures 03:12

このコースの概要を学べます。

Preview 03:08
iosアイコン用のaiファイルのダウンロード
00:04
+ SNSアプリ風のアイコンを作成しよう
6 lectures 17:04
レイヤー分けをしよう
03:12
円と文字を描こう
03:31
テキストをアウトライン化しよう
04:01
パスをアウトライン化しよう
03:30
ドロップシャドウをかけよう
02:32
+ メールアプリのアイコンを作成しよう
3 lectures 09:27
透明表現と乗算について
05:53
クリッピングマスクをしよう
02:56
+ メッセージアプリのアイコンを作ろう
5 lectures 15:14
パスファインダを使って結合しよう
05:52
文字にグラデーションをかけよう
02:38
補足:文字で切り抜くパスファインダー
01:52
+ ファイルアプリ風のアイコンを作成しよう
3 lectures 05:43
パスファインダーで中抜きしよう
04:38
補足:グループ解除でパーツを編集しよう
00:33
+ ビジネスアプリ風アイコンを作成しよう
3 lectures 08:42
長方形ツールを変形させてZを描こう
03:56
グラデーションで立体感をつけよう
03:54
+ フォトライブラリアプリ風のアイコンを作ろう
3 lectures 10:01
回転ツールで複製しよう
05:55
乗算で透明表現をしよう
03:42