グラデーションの使い方

グラデーションの概要

単色での着色の他に、グラデーションを用いた着色ができます。 グラデーションには線形グラデーションと放射グラデーションがあります。

グラデーションを用いた着色を行ったときは、着色後にグラデーションの向きと量の調整が必要です。

つまり、次の３つの作業を行うことになります。

１） グラデーションを作る ２） グラデーションで着色する ３） グラデーションの方向を調整する

グラデーションの種類

グラデーションには線形グラデーションと放射グラデーションの２種類があります。

線形 放射状

グラデーションで着色する場合も、フィル／ストロークウインドウを使って指定します。 フィル（またはストロークペイント）タブをクリックして選択できます。

フィル １番目は「なし」 ２番目は「フラットカラー」 ３番目は「線形グラデーション」 ４番目は「放射グラデーション」 ５番目は「パターン」 ６番目は「指定しない」

「なし」と「フラットカラー」は前回説明しました。 「パターン」は後日説明予定。 「指定しない」にするとオブジェクトでは色を指定しないで、グループ化した親での色指定を使うことになります。（この授業では使いません）

線形または放射グラデーションを選ぶと次のような表示になります。

赤丸で示した箇所でグラデーションを選択します。 最初は選択できるグラデーションが１つしかありませんが、作成すると増えてきます。 その２行下にある、「繰り返し」では なし、リフレクト、ダイレクト が選べます。通常は「なし」のままでよい。 「なし」は繰り返しなし 「ダイレクト」は単純な繰り返し 「リフレクト」はグラデーションの方向を反転しての繰り返し です。

gradient

グラデーションが作成されていれば、赤丸のところで選択するだけで使えます。

gradient

新規グラデーションの作成

グラデーションは最初は１つしかありません。

すでに使われているグラデーションを編集すると着色されている部品の色も修正されます。

新しいグラデーションを作成するには、コピーしてから編集します。

グラデーションを１つ選択し その下の「コピー」をクリック します。

これで（色は同じで）名前の違うグラデーションが作成されます。

グラデーションの編集

編集したいグラデーションが上記赤丸のところに表示されている状態で「編集」をクリックします。

次のようなウインドウが開きます。 グラデーションの作成・編集はここで行います。

演習

ウインドウの上部に現在のグラデーションの状態が表示されています。

例では、左端が黒、右端が透明になっています。 チェック模様が見えるのは透明を表しています。

次の行に stop0000 という表示があり、その右のボタンを使って選択できるようになっています。0000の部分は異なります。 最初は選択できるstopは２つしかありません。 １つは左端の色 もう１つは右端の色 を指定するためのものです。 どちらが左端でどちらが右端かは、選択したときにオフセットのスライドバーが左にあるか、右にあるかで確認できます。

左端に対応するstopを選択し、色を修正するとグラデーションの左端の色が変わります。 右端に対応するstopを選択し修正すれば、グラデーションの右端の色が変わります。

慣れるまでは、透過性(A)は２５５にして使いましょう。 初期状態では右端が透明（透過性０）になっていますが、透明にすると下のものが透けて見えるので、オブジェクトや色の重なりに慣れてからでないと使いにくいと思います。

３色以上のグラデーションを作ることもできます。 これには「色を追加」を使います。

「色を追加」をクリックすると、stopが追加され編集できるようになります。 stopを追加したときは、オフセットのスライドバーを動かして、どの位置の色を指定するのか決めてから、色を作りましょう。

「色を追加」するとstopの個数が増えていきます。 作りすぎたときは「色を削除」を使ってstopを削除できます。 削除したいstopを選んだ状態でクリックしてください。

放射グラデーションの作成・編集も同じ画面で行います。 左端が中心で、右端が外側に対応します。

グラデーションの向きを調整する

グラデーションツールグラデーションツールを使います。

グラデーションで着色したオブジェクトをこのツールを使って選択すると、グラデーションの方向を調整するための線が表示されます。

線形グラデーションの場合

線の両端にある四角を移動して、グラデーションの方向を調整します。 線形

放射グラデーションの場合

中心位置を表す四角と、グラデーションの向きと大きさを表す丸を移動して調整します。 放射状

グラデーションツールを選んでいると、画面上部に ツール が表示され、ここを使ってグラデーションの選択や編集もできます。