## page was renamed from グラデーションのサンプル
#acl All:
== グラデーションのサンプル ==
グラデーションは使い方によって効果が違います。
 * 線形と放射の使い分け
 * 向きの調整
は必ず行うこと。
しっかり調整しましょう。
----
=== サンプル１ ===
線形と放射、向きの調整
 . {{attachment:gradient9.png}}

左から
 * 線形グラデーション
 * 中心の暗い放射グラデーション
 * 中心の明るい放射グラデーション
 * ２つ重ねたもの
です。
----
=== サンプル２ ===

線の色をどうするかによっても効果が違います。
 . {{attachment:gradsample1.png}}

左から
 * グラデーションの方向未調整
 * グラデーションの方向を調整、線の色は黒
 * グラデーションの方向を調整、線の色はなし
 * グラデーションの方向を調整、線の色は同系色
です。
----
=== 補足 ===

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

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

 . {{attachment:gradsample2.png}}

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