gradationmesh

制作ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

関連記事

  1. Marbleの画像
  2. クリエイター入門

    PANTONE指定ってなに?PANTONEカラーの使い方!

    印刷物やグッズ制作の依頼時に「PANTONE指定」という言葉を聞いた…

  3. Gravit Designerの画像

    制作ツール

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

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

  4. 制作ツール

    角丸加工が自分でできる!コーナーカッター かどまるPRO!

    名刺やショップカードを角丸にしたいとき、印刷会社に加工をお願いすると…

  5. クリエイター入門

    「JPEG」「GIF」「PNG」の拡張子の違いとは?画像ファイルの基本を学ぼう!

    WEB制作やデザインなどをしていると必ず出てくる「.jpg」「.gi…

スポンサーリンク

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. 制作ツール

    デザインアプリ「Canva」がすごい!! SNS用画像作成から名刺・フライヤー制…
  2. ストアーズの画像

    クリエイター起業

    STORES.jpで簡単にオシャレな通販サイトを作ろう!!
  3. クリエイター入門

    美大や専門学校に行かないとクリエイターになれないの?
  4. 陰影の画像

    クリエイター入門

    「陰(いん)」と「影(えい)」の違いとは?「陰影」の基本を押さえて表現の幅を広げ…
  5. premiere講座の画像

    クリエイター入門

    【目指せYouTuber】Adobe Premiere Pro CCでYouTu…
PAGE TOP