gradationmesh

制作ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

関連記事

  1. スポンジヤスリ

    制作ツール

    便利で長持ちするヤスリ!!スポンジヤスリを使おう!!

    立体物を研磨するときには、ヤスリを使いますよね。今回は紙ヤスリよりも…

  2. スキルアップ

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

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

  3. 制作ツール

    複数のスクリーンショットを一枚の画像に自動で繋げてくれるアプリ!「Tailor」のご紹介!

    WEBサイトの記事や、インスタグラムのフィードを一枚の画像にしたい時…

  4. アプリの画像

    制作ツール

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

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

  5. Roughly

    制作ツール

    ラフスケッチ専用ノート「Roughly (ラフリー)」で快適なラフスケッチ! 3つの特徴!!

    快適なラフスケッチのために作られた、ラフスケッチ専用ノート「Roug…

  6. 制作ツール

    Evernote(エバーノート)の便利なスキャン機能!LINEスタンプ作成にも!

    スキャナーを使ったスキャンって結構面倒ですよね。特に何枚もある場合や…

スポンサーリンク

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. 傾いたオブジェクトを戻す方法

    制作ツール

    Illustrator(イラストレーター)傾いたオブジェクトを正確な水平に戻す方…
  2. imutoの画像

    イベント出展・展示

    imutoポータブル電源のご紹介!!イベント時に大活躍!!
  3. UV

    制作ツール

    パテでの穴埋めが一瞬でできる!!光硬化パテの使い方!!
  4. gelの画像

    イベント出展・展示

    作品の固定に!!撮影時や展示に便利。透明なミュージアムジェルの使い方!!
  5. クリエイター入門

    委託販売のはじめ方!販売までの流れ・専門用語・気をつけること!
PAGE TOP