welcome: please sign in
location: "グラデーションの概要"の差分
2と3のリビジョン間の差分
2010-10-22 05:32:57時点のリビジョン2
サイズ: 158
編集者: masahiko
コメント:
2010-10-22 05:33:12時点のリビジョン3
サイズ: 1787
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 3: 行 3:
サンプル1

グラデーションは使い方によって効果が違います。
線形と放射の使い分け、向きの調整は必ず行うこと。
しっかり調整しましょう。

左から
線形グラデーション
中心の暗い放射グラデーション
中心の明るい放射グラデーション
2つ重ねたもの
です。

サンプル


サンプル2

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

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

サンプル

補足

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

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

サンプル

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

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

サンプル1

グラデーションは使い方によって効果が違います。 線形と放射の使い分け、向きの調整は必ず行うこと。 しっかり調整しましょう。

左から 線形グラデーション 中心の暗い放射グラデーション 中心の明るい放射グラデーション 2つ重ねたもの です。

サンプル

サンプル2

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

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

サンプル

補足

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

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

サンプル

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

  • gradient9.png

  • gradsample1.png

  • gradsample2.png

グラデーションの概要 (最終更新日時 2017-11-06 05:20:43 更新者 masahiko)