【Illustrator】メッシュツール・グラデーションメッシュの使い方

この記事を読むのに必要な時間は約 12 分です。

Illustrator（イラストレーター）のメッシュツールとグラデーションメッシュの使い方を解説します。
初心者の方にも分かりやすいように細かく解説いたします。

では早速始めていきましょう！

この記事の目次

メッシュツール

メッシュツールの使い方

STEP.1

オブジェクトを作成

基本となるオブジェクトを作成します。
今回は [ 長方形ツール ] を使って長方形を作成してメッシュツールを適用してみます。

STEP.2

メッシュツールを選択

ツールバーから [ メッシュツール ] を選択します。
ショートカットは [ U ] です。

MATCHBOX

ポートフォリオ制作&転職を最速で実現

MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。
作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能！

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。

FINISH

オブジェクト内をクリック

先ほど作成した長方形をクリックします。
クリックした箇所にメッシュポイント（アンカーポイント）が作成されます。

複数回クリックするとその分メッシュが追加されます。

OMAKE

色んな図形にメッシュツールを適用すると

正円や多角形、星型にメッシュツールを適用した例です。

メッシュを編集する

STEP.1

メッシュポイントを選択

[ ダイレクト選択ツール(A) ] または [ メッシュツール(U) ] でメッシュポイント上にカーソルを合わせてクリックするとメッシュポイント（アンカーポイント）が選択されます。

※[ Shift ] をクリックしながらメッシュポイントを選択すると複数のメッシュポイントが選択ができます。

STEP.2

メッシュポイントの色変更・移動・削除

カラーパネルから色を変更すると選択したメッシュポイントの色を変えられます。

ドラッグでメッシュポイントを移動できます。

[ Delete ] または [ Back Space ] でメッシュポイントを削除できます。

レバテッククリエイター

クリエイターの転職に必要不可欠

レバテッククリエイターはクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した求人数が業界トップクラス！

転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト

STEP.3

メッシュパッチを選択

[ ダイレクト選択ツール(A) ] でメッシュポイント（アンカーポイント）で囲われた面（メッシュパッチ）を選択できます。

STEP.4

メッシュパッチの色変更・移動・削除

カラーパネルから色を変更できます。

ドラッグでメッシュパッチを移動することもできます。

[ Delete ] または [ Back Space ] でメッシュパッチを削除することもできます。

FINISH

ハンドルを操作

[ ダイレクト選択ツール(A) ] でメッシュポイント（アンカーポイント）をクリックするとハンドルが表示されます。

ハンドルをドラッグするとメッシュポイント（アンカーポイント）を繋いでいるセグメント（パス）を編集できます。

グラデーションメッシュ

STEP.1

オブジェクトを作成

基本となるオブジェクトを作成します。
今回は [ 長方形ツール(M) ] を使って長方形を作成してメッシュツールを適用してみます。

侍エンジニア塾

無料体験レッスンでAmazonギフト券5000円分がもらえる

侍エンジニア塾は未経験からプロのエンジニアを目指せるオンラインスクールです。
現役プロによるマンツーマン指導、手厚い転職支援により高い転職成功率を誇っています。

今だけ無料体験レッスンに申し込むとアマゾンギフト券5000円分がプレゼントされます！

侍エンジニア塾公式サイト

STEP.2

グラデーションメッシュを作成

[ オブジェクト ] → [ グラデーションメッシュを作成 ] をクリックします。

STEP.3

ダイアログ画面を設定

[ グラデーションメッシュを作成 ] のダイアログ画面が表示されます。
グラデーションメッシュの行数、列数、種類、ハイライトを調整できます。

行数・列数：メッシュポイントの数を設定
フラット：ベタ塗り
中心方向：中心にハイライト
エッジ方向：外側にハイライト
ハイライト：0%でハイライト無し、数値が高くなるほどハイライトが濃くなる

FINISH

完成