トップ > 知っておきたい機能 > フィルとストローク >
メッシュグラデーション(格子状・円錐状の色の変化)(その2)

メッシュグラデーションでバナナを描いてみる(続き)

では続いて、メッシュを作成しましょう。 すでに説明したように、メッシュとは格子状(または円錐状)の網目のような枠のことです。

上図のように画面左部にあるツールボックスからメッシュツールを選択します。

続いて、画面上部のツールコントロールでメッシュグラデーションの設定を行います。

上図のようにツールコントロールの "新規:" の[格子状のメッシュグラデーションを作成]ボタン()と "対象:" の[フィルのグラデーションを作成]ボタン()を選択し、行を 4 に、列を 8 に変更します。

"新規" と "対象" のボタンの意味は以下の通りです。

つまり、先ほど作成したパスのフィルに格子状のグラデーションをかけるという意味になります。

なお、行と列はメッシュの格子の網目の数のことであり、今回は4行 x 8列の計32マスの網目のメッシュを作成します。

では、メッシュを作成しましょう。 選択中のオブジェクトのバウンディングボックス内をマウスの左ボタン()でドラッグすることでメッシュグラデーションが作成されます。

上図のようにバウンディングボックス内をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにバウンディングボックスにピッタリと収まるようにメッシュが作成されます。 メッシュは設定した通りの4行 x 8列の計32マスです。

なお、菱形で描かれているのは『角』と呼ばれる網目の交差点です。 この『角』が、色を設定するための場所です。 丸で描かれているのはハンドルで、メッシュの枠の線を曲げるために使用します。

次にやるべき作業は、角を移動させてメッシュの形状をバナナの形に合わせることです。 そのためには、移動させる角を選択する必要があります。 では、任意の角を選択してみましょう。

上図のように任意の角をマウスの左ボタン()でクリックします。

上図のようにクリックした角が灰色から青色に変化します。 これは、角が選択状態になったことを表しています。 選択されていない角は灰色で、選択中の角は青色で描画されます。

また、ハンドルが矢印の形状に変化しています。 角を選択すると、その角から伸びているハンドルは矢印に変化します。 矢印の方向は、そのハンドルの根本の角を指します(どの角から伸びているハンドルか判別しやすいようになっている)。

なお、SHIFTキーを押しながらマウスの左ボタン()でクリックすると追加選択になります。

メッシュの枠の線をマウスの左ボタン()でクリックすると両端の角が選択されます。 この操作の場合も、SHIFTキーを押しながらだと追加選択になります。

また、マウスの左ボタン()のドラッグで囲んで選択することもできます。 同じくこの操作でも、SHIFTキーを押しながらだと追加選択になります。

まだ説明しておきたいことがあります。 マウスカーソルをハンドルの上に乗せてください。

上図のようにそのハンドルで操作できるメッシュの枠の線が赤色に変化します。 このように、角を選択しなくてもハンドルがどのメッシュの枠の線に影響を与えるかを知ることができます。

ではここでハンドルを非表示にしましょう。 ハンドルを表示したままだと角の移動がやりづらいためです。

上図のようにツールコントロールの[ハンドルを表示]ボタン()を押します。

上図のようにハンドルが非表示になります。 これで角が見やすくなりましたので、さっそく角を移動しましょう。 キーボードのカーソルキーの左(←)を押し続けてください。

上図のように選択中の角が左に移動します。 なお、SHIFTキーを押しながらだと大きく、ALTキーを押しながらだと細かく移動させることができます。

では続いてマウスで角を移動させてみましょう。 角をマウスの左ボタン()でドラッグします。

上図のように角をドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにドラッグした角が移動します。

では、これまで説明した角の移動方法を駆使してメッシュの形状をバナナの輪郭に合わせてください。 実際にバナナに格子状の網目を巻くように形作ってください。

上図のように角を移動させてメッシュをバナナの輪郭に合わせます。 重要なのは角が下絵のバナナの写真からはみ出さないことです。 なお、今回はわざと一部の角がバナナの輪郭の外に位置するようにしています(先端の角がはみ出している)。

ではここでハンドルを表示状態に戻しましょう。 なぜハンドルを再表示するのかは、後で説明します。

上図のようにツールコントロールの[ハンドルを表示]ボタン()を押します。

上図のようにハンドルが再表示されます。 ではここで全ての角を選択しましょう。 キーボードのCTRL+Aを押します。

上図のように全ての角が選択されます。

ではここで、メッシュの枠の線の種類をベジェ曲線から直線に変えます。 これはヨレヨレになったメッシュの枠の線をキレイにするためです。

上図のようにツールコントロールの[選択中の枠をベジェ曲線/直線に]ボタン()を押します(またはキーボードのALT+Bを押します)。

上図のようにメッシュの枠の線が直線になります。 ヨレヨレだったメッシュの枠の線が美しくなりました。

ただし、ハンドルが消えています。 ハンドルが消えた理由は、メッシュの枠の線が直線になって曲げることができなくなったためです。 そのため、不要になったハンドルが表示されなくなったというわけです。

メッシュの枠の線がキレイになったので、メッシュの枠の線の種類をベジェ曲線に戻しましょう。

上図のようにツールコントロールの[選択中の枠をベジェ曲線/直線に]ボタン()を押します(またはキーボードのALT+Bを押します)。

上図のようにメッシュの枠の線がベジェ曲線に戻ります。 また、ハンドルが表示されているのがわかります。 つまり、メッシュの枠の線を曲げることができるようになっています。

では、ハンドルを操作してメッシュの枠の線をバナナの輪郭に添わせてください。 実際にバナナに格子状の網目を巻くように、表面の凹凸を想像しながら形作ってください。

上図のようにメッシュの枠の線を曲げてバナナの輪郭に合わせます。 これで、メッシュの形状をバナナに合わせる作業は終わりました。 ハンドルはもう不要ですので、非表示にしましょう。

上図のようにツールコントロールの[ハンドルを表示]ボタン()を押します。