gradationmesh

制作ツール

Illustrator(イラストレーター)のグラデーションメッシュで自由なグラデーション表現をしよう!!

Illustrator(イラストレーター)のグラデーションって少し扱いが難しいイメージがありますよね。今回は、グラデーションメッシュの機能を使用してインスタグラムのアイコンような自由なグラデーションを作る方法をご紹介します!

グラデーションメッシュとは

グラデーションメッシュとは、描いた図形の中にメッシュを作成してアンカーポイントごとに色をつけることができる機能です。

上の図が今回作成するグラデーションメッシュの完成形です。

四角の中にメッシュが作成されていて、アンカーポイント(小さい丸い点)に色をつけている状態になっています。

グラデーションメッシュの使い方

まず、Illustratorで四角を描きます。(今回は四角ですが、その他の形でも応用可能です)

ツールバーにあるメッシュツールを選択します。

メッシュツールを選択した後に、四角の中をクリックするとメッシュが作成されます。

二回クリックして、このように9分割されたメッシュを作成しました。

このメッシュの数が多いほど細かい設定をすることができるようになりますが、細かすぎると編集が大変になるので、今回はこのくらいにします。

メッシュの中のアンカーポイントをダイレクト選択ツール(白い矢印)で部分選択し、カラーを変更すると上の図のように部分的にグラデーションをつけることができました。

複数のアンカーポイントを選択してカラーを変更すると、上の図のように同時に3点の色を変更できます。

このように、中間の色は自動で補ってくれるので便利ですよね!

また、グラデーションメッシュのアンカーポイントのハンドルを、ダイレクト選択ツール(白い矢印)で選択することで線の傾きや長さを変更することができます。

この調整で色の混じり具合や位置を細かく設定することができるようになります。

今回は、このようなグラデーションメッシュを作成しました。

メッシュの表示が無い状態がこちらです。

インスタグラムのアイコンのような自由なグラデーションを作成することができました!

まとめ

Illustrator(イラストレーター)のグラデーションって少し扱いが難しいイメージがありますが、グラデーションメッシュの機能を使用するとインスタグラムのアイコンような自由なグラデーションを作ることができます。

ぜひ、デザインのアクセントにぜひ使ってみて、クリエイターとしての新しい一歩を踏み出してください!

関連記事

  1. クリエイター入門

    Illustrator(イラストレーター)文字のアウトライン化をする方法!

    印刷所にデータを入稿するときに、必ず「文字をアウトライン化してくださ…

  2. アプリの画像

    制作ツール

    アプリでも見ることができるグラフィック系おすすめサイト3選!!

    作品制作をしているとき、参考資料としてWEBで作品を見たりしますよね…

  3. 制作ツール

    デザインアプリ「Canva」がすごい!! SNS用画像作成から名刺・フライヤー制作まで!

    Illustratorを持っていないけど、ちょっとデザインをしたいな…

  4. クリエイター入門

    背景透過PNG画像をIllustratorで書き出す方法!

    Illustrator(イラストレーター)で作成したデータの背景を透…

  5. クリエイター入門

    色相・明度・彩度ってなに?色の三属性を学ぼう!

    デザインやアートなどクリエイター活動をしていると必ず出てくる…

スポンサーリンク

CREMAGAとは

これからクリエイターになる人のためのWEBマガジン CREMAGA(クリマガ)。日々のスキマ時間にサクッと読める記事を掲載します。 人に聞きにくいすごく初歩的なことから、クリエイターのリアルな気持ちまで。

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立 2015~2018年 武蔵野美術大学 インターンシップ演習 特別講師 ​2019年現在「もにまるず」「TRFG」など自身の作品の制作をしながら、グラフィックデザイン・WEBデザイン・講師などのお仕事もさせていただいております。 武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。 https://www.watabemanabu.com/

最近の記事

  1. Illustrator(イラストレーター)傾いたオブジェクト…
  2. Illustrator(イラストレーター)で共通オブジェクト…
  3. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…
  4. 【目指せYouTuber】Adobe Premiere Pr…
  5. 作品の固定に!!撮影時や展示に便利。透明なミュージアムジェル…

Twitter

スポンサーリンク

  1. クリエイター起業

    クリエイター活動をはじめるときに考えておきたい3つのこと!
  2. クリエイター入門

    RGBとCMKYの違いとは?
  3. クリエイター入門

    Illustrator(イラストレーター)文字のアウトライン化をする方法!
  4. クリエイター起業

    クリエイター起業をするなら読んでおきたい一冊!マイケル・E・ガーバー「はじめの一…
  5. イベント出展・展示

    イベントに来るバイヤーさんはココを見ている!
PAGE TOP