スタイリッシュなアイコンの作り方

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

 

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

線画作品のスケッチ集

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

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

アナログツールとデジタルツールを使ってスケッチする芸術家

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

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

iPad

ベクトル線を用いたスケッチ集

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

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

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

モノのデザインアイコン

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

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

黒を背景にした色付きのアイコン

色や奥行き感を追加

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

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

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

手順

手描きのラフを取り込む

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

手順

デザインを作成する

使

手順

細部を統一する

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

手順

色や線をつける

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

手順

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

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

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

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

ソーシャルメディアプロファイルとデジタル履歴書のカメラアイコン

シンプルなアイコンからスタート

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

キュートなデジタルアイコンセット

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

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

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

作成したアイコンをプレゼンテーションに追加

オリジナル感のあるアイコンをデザインしましょう。次に、アイコンをプレゼンテーションスライドに追加して、ポイントを分かりやすくするためにインパクトを与えましょう。

さまざまなサイズと色のアイコンの例

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

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

 

最適なプランをお選びください

Adobe Illustrator単体プラン

2,480 円/月

Illustratorデスクトップ&iPad版だけをお選びの場合にご利用ください。


コンプリートプラン
Illustrator含むクリエイティブアプリ
月額5,680 (税別)

|

コンプリートプラン
Illustrator含むすべてクリエイティブアプリ
月額5,680 (税別)

学生・教職員向け

1,980 /月(税別)

Creative Cloudすべてアプリ使最大65%OFF  詳細を見る


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

|

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