アイディア溢れる質の高いアイコンを作りましょう。

何か重要なことを伝えるのであれば、長い文で説明するよりも、アイコンで示したほうが一目瞭然ですぐに相手に伝わります。特に「かっこいい!」と記憶に残るアイコンがあれば、デザインは一層輝きを増すことでしょう。

 

Adobe Illustratorなら、ロゴデザインはもちろん、Webサイト、アプリ、

ラインアートスケッチのコレクション

素敵なアイコンセットをデザインするには

Adobe Illustrator豊富な機能を活用すれば、素敵なアイコンをデザインできます。同時に複数のアイコンを作って作っ

アナログとデジタルのツールを使ってスケッチするアーティスト

アイコンのアイディアスケッチから始める

まずはラフなアイデアを紙にスケッチしてから、スキャンAdobe Illustratorに「配置」で取り込みます

iPad

ベクタースケッチのコレクション

アイコンのスケッチをもとにベクターを描く

Adobe Illustrator「楕円形」ツールや「長方形」ツールを使って、基本的な形からアイコンを作っていきます。

スマートガイドをオンにすると、余白や位置などの目安になるので、より正確な描写を効率よくおこなう助けになります。

素材デザインのアイコン

アイコンのデザインを調整する

アイコンのセットには統一感が大切です。角の丸みの数値は「コーナーウィジェット」を使って統一していきましょう。ほかにもサイズを「変形」パネル、線の幅を「線」パネルで同じ数値に調整すると、統一感のあるアイコンセットになります。

黒の背景に描かれたカラーのアイコン

色や奥行き感を追加

「塗り」を設定してアイコンに色をつけるとさらにバラエティーに富んだ仕上がりになります。グラデーションや透明、描画モードを調整して奥行き感を演出すれば、オリジナリティーのある自分だけのアイコンが出来上がります。

アイデアスケッチを元にアイコンをデザインする

アイコンが完成したら「配置」や「書き出し」で活用しましょう。

手順

手描きのラフを取り込む

スケッチブックやスマートフォンで描いたアイデアスケッチを取り込んで、最初のレイヤーに「配置」します。

手順

デザインを作成する

使

手順

細部を統一する

角の大きさ、オブジェクトの大きさや余白の関係など、アイコンとしてのルールづけが統一できているかを確認しながら調整していきます。

手順

色や線をつける

色や線をつけることで、さまざまな印象が生まれます。グラデーションや透明効果なども効果的な演出のひとつになります。

手順

Webや印刷向けにデータを用意する

印刷で使用する場合は、別の印刷向けデザインのドキュメントに配置してアイコンを活用します。Webの場合は「アセットの書き出し」などを使ってデータをSVGやPNGで書き出します。

次のチュートリアルを参考にして、アイコンのデザインを始めましょう

プロフェッショナルなアイコンを作るには、まず基本的なシェイプから始めましょう。プロが伝えるヒントとチュートリアルには、役立つ情報が豊富にあります。

ソーシャルメディアのプロフィールに組み込まれたカメラのアイコンと、デジタル履歴書

簡単なアイコンからスタート

SNSのプロフィール画像や、デジタル履歴ポートフォリオリンクするボタンとして使用するカメラアイコ作成ます。

いくつかの可愛らしいアイコン

自分だけのカスタムアイコンのセットを作る

アイコンデザインプロセス理解デジタルプロジェクト使用する一貫したシンプルアイコセット作成します。

プレゼンテーションで使われているアイコン

プレゼンテーションい新しいアイコンを加える

自分独特のタッチを加えてアイコンをデザインしましょう。そして、それをプレゼンテーションのスライドに加え、さらに強いインパクトで自分の意図を伝えましょう。

違うサイズと色のアイコンの例

さまざまなフォーマットへの書き出し

さまざまなサイズやフォーマットのアプリアイコンなどを、1ステップで書き出す方法について説明します。

 

無料のアイコンテンプレートを使いましょう

Illustratorのためのテンプレートを使って、ユニークなパーソナライズしたアイコンをデザインしましょう。

 Adobe Illustrator のコンパスのイラストのアイコン
 Adobe Illustrator のマテリアルアイコンセット

最適なプランを選択しましょう

Adobe Illustrator 単体プラン

2,728 円/月

Illustrator Creative Cloudの1部としてPCとiPadに入れましょう。


Adobe Illustrator単体プラン
Creative CloudIllustrator単体プラン
月額2,728 (税別)

Creative Cloud コンプリートプラン

6,480 円/月

Illustratorを含む20種類以上の creativeアプリを入手 
内容をご覧ください。 | 詳細を見る


Creative Cloudコンプリートプラン
Illustrator含むすべてクリエイティブアプリ使えて
月額6,480 (税別)
詳細を見る › 

学生・教職員向け

2,178 /月

Illustratorを含む20以上のCreative Cloudアプリが、最大65%OFFでご利用いただけます。詳細を見る


法人向け

4,380 円/月

Illustratorを含む20以上のCreative Cloudアプリが使えて、法人専用の機能も含まれます。
製品一覧を見る | 詳細を見る


学生・教職員向け

2,178 円/月(税込)

20を超えるCreative Cloudアプリが最大65%OFF利用いただけます。 詳細を見る


法人向け
Illustratorを含むすべて
Creative Cloudアプリ使えて法人専用機能す。
月額
4,380 (税込)から

|

法人向け
Illustratorを含むすべて
Creative Cloudアプリ使えて法人専用機能ます。
月額4,380 (税込)から

Illustratorを購入

Adobe Illustrator 単体プラン

2,728 円/月

Illustratorを Creative Cloudの1部としてPCとiPadに入れましょう。詳細を見る


Creative Cloud コンプリートプラン

6,480 円/月

Illustratorを含め、20種類以上のアプリを入手しましょう。
内容をご覧ください。 | 詳細


学生・教職員向け

2,178 /月(税別)

Illustrator含む20種類以上のCreative Cloudアプリを65%以上のディスカウントで購入しましょう。 詳細を見る


法人向け

4,380 円/月(1ライセンス当たり)

Illustratorとその他すべてのCreative Cloudのアプリと、法人向け特殊機能を入手しましょう。詳細を見る