.

ILLUSTRATOR FEATURES

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

記憶に残るおしゃれなアイコンで、グラフィックデザインを引き立てましょう。スケッチから適用の段階まで、人にアピールするベクター画像を、アイコン、web、ロゴのデザイン用にどのように作成するか探ってみましょう。

無料で始める 購入する

アイコンデザインを輝かせるために必要なこと

Web用のアイコンをどのように作成し、微調整していくかを学びましょう。Adobe Illustratorの豊富な機能を活用すれば、アイコンデザイナーとしてのスキルを簡単にレベルアップできます。

style
grid width 8

スケッチから始める

ラフなアイデアを紙にスケッチしてから、Adobe Illustratorにスキャンします。またはスマートフォンかiPadでスケッチして、それを取り込みましょう。

ベクターを作成する

楕円ツールや長方形ツールで、汎用性の高いベクターシェイプを作成します。スマートガイドをオンにしてシェイプをアレンジしたり、ペンツールを使って、フリーハンドで描いた絵をスムーズにしましょう。

デザインを微調整する

ベクターシェイプを重ねて組み合わせるだけで、フラットなアイコンを簡単に作成できます。Shaperツールで全体の形を仕上げ、コーナーウィジェットをドラッグしてシャープなエッジを丸めます。

色と奥行きを加える

自分だけのアイコンスタイルを作りましょう。「塗りつぶし」を使って色を加え、ストロークを使って視覚的なバランスを調整し、不透明度を変えて最高のアイコンに仕上げましょう。

style
M spacing

「色相／彩度」の調整レイヤーを使う方法

好きなアイコンを描き、それをデバイスに合わせて書き出しましょう。

  1. 手描きのラフを取り込む：
    紙ナプキンやモバイルデバイスにスケッチした絵をスキャン、または取り込んで、最初のレイヤーにしてください。
  2. 作成する：
    新規のレイヤーにベクターシェイプを加えるか、またはスマートガイドのペンツールを使って、スケッチの上をトレースします。
  3. 微調整する：
    コーナーウィジェットをドラッグして、シャープなエッジを丸めます。
  4. 最適化する：
    ファイルを終了したら、ファイル／書き出し／スクリーン用に書き出しを選択します。
  5. 書き出す：
    プロジェクトに最適な画面設定を選択して、「書き出し」をクリックします。
style
Grid width 8
background
#F5F5F5

Adobe Illustratorでさらに試してみる

無料で始める 詳細を見る

style
static links
background

チュートリアルを使ってアイコンのデザインを始める

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

style
grid width 10
Camera icon on a social media profile and a digital resume

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

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

詳しく見る

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

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

詳しく見る

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

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

詳しく見る

Example of an icon at different sizes and colors

完璧な書き出しを

たった1回のステップで、アプリのアイコンやその他のアイコンを、複数のサイズとフォーマットで書き出す方法を学びましょう。

詳しく見る

style
Four up
style
L spacing

無料のアイコンテンプレートをチェック

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

style
grid width 10
background
#F5F5F5
Icon design template for Adobe Illustrator featuring a compass drawing tool

アイコンテンプレート

無料素材

アイコンテンプレートをすべて見る

Collage of various icon design templates for Adobe Illustrator

Illustratorのテンプレート

無料素材

Illustratorテンプレートをすべて見る

style
Grid width 8, Two up, Static Links
background
#F5F5F5
style
M spacing
background
#F5F5F5
Background
linear-gradient(90deg, #FE3600 0%, #FF7B02 16%, #FAD220 34%, #81DA42 58%, #318EFF 81%, #8B68E8 100%)
style
xxs spacing

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

Adobe Illustrator単体プラン
3,280 円/月  (税込)

年間プラン（月々払い）

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

Creative Cloud Pro

9,080 円/月 (税込)

年間プラン（月々払い）

Illustratorを含む20以上のアプリとAdobe FireflyクリエイティブAIをご利用いただけます。

製品一覧を見る | 詳細を見る

学生・教職員向け

通常価格 : 9,080 円/月 特別価格 : 2,180 円/月 (税込)

年間プラン（月々払い）

初年度、20以上のアプリとFireflyクリエイティブAIを最大75％OFFでご利用いただけます。

利用条件を見る | 詳細を見る

ビジネス版
11,990 円/月 1ライセンス (税込)

年間プラン（月々払い）

FireflyクリエイティブAIを含む20以上のアプリが使えて、法人専用の機能も含まれます。

製品一覧を見る | 詳細を見る
style
Grid width 12, four merch cards, dark, center
background
#000
電話でのご注文：0120-921-104
style
dark, xxs spacing, static links
background
#000000