グラデーションメッシュは、Illustratorのグリッドベースのペイントテクニックです。これにより、ベクターオブジェクトに滑らかで柔軟な色の変化を与える高度なカラーリングが可能になります。Illustratorのペンツールやその他のパス描画ツール、選択ツール、カラーツールにある程度慣れている方であれば、グラデーションメッシュ機能を使用して、平面的なベクターオブジェクトにリアルなカラーリング、ライティング、3D特性を加えることができます。グラデーションメッシュは、解像度に依存しないベクターアートワークの利点と自由度をすべて備え、フォトリアリスティックなペイント効果を実現します。
グラデーション メッシュを使用する理由 グラデーション メッシュは通常、標準グラデーション、Illustrator でのオブジェクト ブレンド、Photoshop ( ) や Corel Painter ( ) でのペイントという 3 つのカラー手法と比較されます。
グラデーションメッシュ vs. 標準グラデーション：標準グラデーションは非常に限定的です。直線的に色を変化させる線形グラデーションと、同心円状に色を変化させる放射状グラデーションから選択できます。グラデーションメッシュは、任意の方向、任意の形状に色を変化させることができ、アンカーポイントとパスセグメントの精度で制御できます。
グラデーション メッシュとオブジェクト ブレンド: Illustrator でオブジェクトをブレンドするには、2 つ以上のオブジェクトを選択し、互いにモーフィングする中間オブジェクトを作成します。たとえば、赤い三角形を青い四角形の前にブレンドすると、2 つのオブジェクトの間に追加のオブジェクトが作成され、三角形の形状と色が徐々に四角形の形状と色にモーフィングされます。ちょうど中間点で、半分が三角形で半分が四角形の紫色の図形が得られます。オブジェクト ブレンドは、不規則な形状の色の遷移とグラデーションを作成するのに効果的な方法ですが、手間がかかります。新しいグラデーションはそれぞれ、開始カラー オブジェクトと終了カラー オブジェクトという 2 つのオブジェクトとして作成し、個別にブレンドする必要があります。一方、グラデーション メッシュは単一のオブジェクトで、その内部で異なるカラー領域がブレンド オブジェクトの効果によって互いにトランジションします。
グラデーションメッシュとPhotoshopやCorel Painterでのペイント： PhotoshopやPainterでのペイントは、グラデーションメッシュを作成するよりもはるかに簡単です。しかし、ペイントでは固定解像度のピクセルで作業する必要があります。一方、Illustratorのグラデーションメッシュは解像度に依存しないベクターオブジェクトであるため、無限に拡大または縮小しても元の品質を維持できます。ピクセルベースの画像は、拡大するほど品質が低下します。さらに、グラデーションメッシュオブジェクトの色は継続的に調整・変更できますが、Photoshopでペイントを調整するには再ペイントが必要になり、データが破損する可能性があります。
グラデーションメッシュの作成
グラデーションメッシュの作成は、基本を押さえてしまえばかなり直感的に行えます。それでは、グラデーションメッシュを使ってシンプルなトマトに色を塗ってみましょう。
まず、ペン、鉛筆、またはシェイプ ツールを使用して、トマトの形状を 1 つの閉じたパスとして描画します。
トマトのベースカラーを選択し、その色でパスを塗りつぶします。好きな色を選んで構いませんが、参考までにRGB: 185, 44, 7 から始めました。
トマトのパスを選択した状態で、「オブジェクト」→「グラデーションメッシュを作成」を選択します。「グラデーションメッシュを作成」ダイアログが表示されます。
グラデーション メッシュはグリッドなので、パスをグラデーション メッシュ オブジェクトに変換するときは、最初にオブジェクトを想定される色の領域に分割する必要があります。行と列は後から追加したり削除したりできます。グリッド内の列と行の線の各交点にはメッシュ ポイントがあります。メッシュ ポイントは、画面上ではアンカー ポイントと呼ばれることもありますが、アンカー ポイントと非常によく似た動作をし、そこから発するパス セグメントの方向と曲率を制御します。違いは、メッシュ ポイントが色の値も保持できることです。これがグラデーション メッシュの要点です。色はメッシュ ポイント間で遷移します。たとえば、2 x 2 の黒いメッシュで、中心のメッシュ ポイントを白にすると、その中心点から上、下、左、右、および 4 つの角に向かって 8 方向すべてに滑らかなグラデーションが作成されます。
「グラデーションメッシュ」ダイアログで、適切な開始列数と開始行数を選択します。開始列数は、トマトなどのオブジェクトの大きさと形状によって異なります。トマトに光、影、そして異なる表面色を簡単に適用できるだけの行数と列数が必要ですが、列と行の間には十分な間隔を設け、色の遷移が急激ではなく滑らかになるようにする必要があります。2つのメッシュポイントが離れているほど、それぞれの色の変化はより滑らかで繊細になります。2つのメッシュポイントが近いほど、色の遷移はより急激になります。
プレビューをオンにしてください（まだオンになっていない場合）。グリッドを構成するメッシュラインが完全に水平または垂直ではないことに注意してください。メッシュラインは、外側のパスによって定義されたオブジェクトの形状に合わせて変化します。そのため、グラデーションメッシュオブジェクトには既に立体感が備わっていることがよくあります。
私の例に倣って、まずは8行8列から始めましょう。外観はフラット、ハイライトは100%に設定してください。「OK」をクリックしてください。
トマトはグラデーションメッシュオブジェクトになり、すべてのメッシュポイントが選択されました（空のポイントではなく、塗りつぶされた、または選択されたポイントになっていることに注意してください）。白い矢印のダイレクト選択ツールに切り替え、メッシュポイントを個別に選択し、スウォッチパネルからスウォッチを選択するか、カラーパネルから新しい色を混ぜて色を変更します。トマトに最初のハイライトを与えるには、左上付近のメッシュポイントを選択し、白で塗ります。ハイライトが小さすぎる場合は、最初の白の周りのメッシュポイントを塗ります。
ハイライトの形状が思い通りにならない場合は、白い矢印でメッシュポイントを移動したり、曲線ハンドルをドラッグして、メッシュポイントに接続されたメッシュラインの形状を変更したり、色の遷移の方向と深さを調整したりできます。メッシュポイントはアンカーポイントと同じように動作します。唯一の違いは、曲線の方向と深さのデータだけでなく、色のデータも含まれていることです。さらに、メッシュポイント上で「アンカーポイントの変換」ツールを使用して、スムーズポイントからコーナーポイントに変更したり、両側のメッシュラインの曲率を個別に操作したりすることもできます。
メッシュポイントをさらに追加する必要がある場合は、ツールパネルの棒グラフツールとグラデーションツールの間にあるメッシュツールに切り替えます。メッシュツールでメッシュパッチ（行と列の間の空きスペース）をクリックすると、新しい行と列が作成されます。メッシュツールでメッシュラインを直接クリックすると、行または列が作成されます。垂直のメッシュラインをクリックするとその位置に新しい行が作成され、水平のメッシュラインをクリックすると新しい列が作成されます。既に色が付けられている領域に新しい行または列を追加すると、結果として得られるメッシュポイントには挿入ポイントの色が適用されます。
色の遷移が急激すぎるなど、メッシュポイントの数を減らしたい場合は、optionキーを押しながらメッシュツールでメッシュポイントをクリックします。すると、そのメッシュポイントで交差する列と行が削除されます。
パスシェイプの外側、つまり列と行の線の端にあるメッシュポイントにも色を割り当てることができます。この方法で、トマトの右端にバックライトを付けました。
トマトの前面の影のように、より広い範囲に色を塗りたい場合は、メッシュパッチ内の白い矢印（メッシュツールではありません）をクリックします。すると、パッチの形状を定義する4つのメッシュポイントが自動的に選択され、同時に色を塗ることができます。
満足のいく結果が得られるまで、色付けを続けます。間違えた場合は、Command + Z で元に戻すか、メッシュポイントの色を変更してください。メッシュポイントは、Illustrator ドキュメントを保存して閉じ、再度開いた後でもいつでも編集可能です。
トマトが完成したら、葉っぱと茎を描いて仕上げます。それぞれにグラデーション メッシュを使用して色を付けることもできます。
信じられないかもしれませんが、この例で使用したトマトは、最初のパスの描画から葉と茎の追加と着色まで、最初から最後までたった15分で作成できました。最初はもっと時間がかかるかもしれませんが、少し練習すれば、驚くほど美しい色のグラデーションメッシュオブジェクトを素早く作成できます。
明日公開されるこのチュートリアルのパート 2 では、上記のタスクを実行するために使用できる簡単なキーボード ショートカットの概要を説明します。
[ Pariah S. Burke は、『Mastering InDesign CS3 for Print Design and Production』（Sybex、2007年）などの著書があり、フリーランスのグラフィックデザイナーでもあります。また、ウェブサイト GurusUnleashed.com、WorkflowFreelance.com、CreativesAre.com の運営者でもあります。Pariah はオレゴン州ポートランド在住です。 ]
[このシリーズの第 2 部は、2010 年 3 月 4 日木曜日に公開されます。 ]
