gradationmesh

制作ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

関連記事

  1. トップ画像
  2. 制作ツール

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

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

  3. クリエイター入門

    解像度って何だろう?画像の基本を学ぼう!

    画像を扱っていると「解像度」という言葉が出てきますよね。「dpi」と…

  4. アプリの画像

    制作ツール

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

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

  5. Marbleの画像
  6. クリエイター入門

    Udemyで新しい技術を習得しよう!動画学習で効率UP!

    みなさま、新しいソフトや技術を学ぶときはどのように習得していますか?…

スポンサーリンク

CREMAGAとは

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

CREMAGAライター

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

最近の記事

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

スポンサーリンク

  1. イベント出展・展示

    作品の大きさは意外なことに影響されている!?制作時に気をつける4つのポイント!
  2. クリエイター入門

    解像度って何だろう?画像の基本を学ぼう!
  3. アートの画像

    モチベーション

    「天才たちの日課」を読んで自分の制作スタイルについて考えてみよう!!
  4. クリエイター入門

    PANTONE指定ってなに?PANTONEカラーの使い方!
  5. 制作ツール

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