グラデーションの概要

• 単色での着色の他に、グラデーションを用いた着色ができます。

グラデーションの種類

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

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

• 

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

これまでに「なし」と「フラットカラー」は説明しました。

今回は「グラデーション」２種類を説明します。

「指定しない」は使いません。（オブジェクトでは色を指定しないで、グループ化した親での色指定を使う意味です）

使い方(概要)

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

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

1. グラデーションを作る
2. グラデーションで着色する
3. グラデーションの方向を調整する

グラデーションのサンプル

グラデーションは使い方によって効果が違います。

• 線形と放射の使い分け
• 向きの調整

は必ず行うこと。 しっかり調整しましょう。

サンプル１

線形と放射、向きの調整

左から

• 線形グラデーション
• 中心の暗い放射グラデーション
• 中心の明るい放射グラデーション
• ２つ重ねたもの

です。

サンプル２

線の色をどうするかによっても効果が違います。

左から

• グラデーションの方向未調整
• グラデーションの方向を調整、線の色は黒
• グラデーションの方向を調整、線の色はなし
• グラデーションの方向を調整、線の色は同系色

です。

補足

透明度の使い方については後日解説します。 透明度を使うには部品の重なりをマスターする必要があります。 今回は、透明度を使わないグラデーションを練習してください。

下の３つは左から順に

• １）透明になって後ろのものが透けてみえている。これではだめです。
• ２）不透明にすると重なりがはっきりします。
• ３）透明度を使ったグラデーションの例です。

• 

３番目の例は、同じ形の部品を同じ位置に重ねて配置し、下の部品は単色で塗っています。そのうえで手前の部品に透明度を使ったグラデーションを指定しています。このグラデーションは中央が白、端が透明の放射グラデーションです。 今回は使いません。