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

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のアセットファイルに、適切なアプリアイコン画像を登録できるようになります。

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