gradationmesh

制作ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

関連記事

  1. アプリの画像

    制作ツール

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

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

  2. 制作ツール

    アトリエ整理整頓におすすめ!バンカーズボックスのご紹介!

    アトリエや作業部屋の整理整頓ってなかなか難しいですよね。配置変えのこ…

  3. Gravit Designerの画像

    制作ツール

    無料で使える!!Illustratorみたいなソフト「Gravit Designer」のご紹介!

    デザイン制作には欠かせないのがIllustratorという有料ソフト…

  4. UV

    制作ツール

    パテでの穴埋めが一瞬でできる!!光硬化パテの使い方!!

    フィギュアの原型やガレージキットなど立体物の製作をしているときに悩ま…

  5. スキルアップ

    無料で使える3Dソフト「Fusion360」のご紹介!

    3Dモデリングって興味はあるけど難しそうだな、ソフトも高いんだろうな…

  6. premiere講座の画像

    クリエイター入門

    【目指せYouTuber】Adobe Premiere Pro CCでYouTube用動画を編集をし…

    こんにちは、CREMAGAライターの渡部学です!! Premiere…

スポンサーリンク

CREMAGAとは

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

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立。​2022年現在「もにまるず」「Ambiance Paper」「TRFG」などオリジナルブランドの運営をしながら、グラフィックデザイン・WEBデザイン・Udemy講師などをしています。武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。
https://www.watabemanabu.com/

最近の記事

  1. 通販用の商品撮影に最適!小物撮影用の背景紙Ambiance …
  2. ラフスケッチ専用ノート「Roughly (ラフリー)」で快適…
  3. Illustrator(イラストレーター)傾いたオブジェクト…
  4. Illustrator(イラストレーター)で共通オブジェクト…
  5. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…

スポンサーリンク

  1. イベント出展・展示

    イベントの搬入・搬出を楽にするアイテムはこれ!
  2. Ambiance Paper

    制作ツール

    通販用の商品撮影に最適!小物撮影用の背景紙Ambiance Paperで快適な撮…
  3. クリエイター入門

    クリエイターになるために具体的に行動をしよう
  4. トップ画像

    クリエイター入門

    Illustrator(イラストレーター)で共通オブジェクトをまとめて選択する方…
  5. CROWNの画像

    制作ツール

    Illustrator(イラストレーター)の「クラウンツール」でハジけたグラフィ…
PAGE TOP