サイズ: 55
コメント:
|
サイズ: 1911
コメント:
|
削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
行 1: | 行 1: |
## page was renamed from グラデーションのサンプル | |
行 3: | 行 4: |
グラデーションは使い方によって効果が違います。 * 線形と放射の使い分け * 向きの調整 は必ず行うこと。 しっかり調整しましょう。 ---- === サンプル1 === 線形と放射、向きの調整 . {{attachment:gradient9.png}} 左から * 線形グラデーション * 中心の暗い放射グラデーション * 中心の明るい放射グラデーション * 2つ重ねたもの です。 ---- === サンプル2 === 線の色をどうするかによっても効果が違います。 . {{attachment:gradsample1.png}} 左から * グラデーションの方向未調整 * グラデーションの方向を調整、線の色は黒 * グラデーションの方向を調整、線の色はなし * グラデーションの方向を調整、線の色は同系色 です。 ---- === 補足 === 透明度の使い方については後日解説します。 透明度を使うには部品の重なりをマスターする必要があります。 今回は、透明度を使わないグラデーションを練習してください。 下の3つは左から順に . 1)透明になって後ろのものが透けてみえている。これではだめです。 . 2)不透明にすると重なりがはっきりします。 . 3)透明度を使ったグラデーションの例です。 . {{attachment:gradsample2.png}} 3番目の例は、同じ形の部品を同じ位置に重ねて配置し、下の部品は単色で塗っています。そのうえで手前の部品に透明度を使ったグラデーションを指定しています。このグラデーションは中央が白、端が透明の放射グラデーションです。 今回は使いません。 |
グラデーションのサンプル
グラデーションは使い方によって効果が違います。
- 線形と放射の使い分け
- 向きの調整
は必ず行うこと。 しっかり調整しましょう。
サンプル1
線形と放射、向きの調整
左から
- 線形グラデーション
- 中心の暗い放射グラデーション
- 中心の明るい放射グラデーション
- 2つ重ねたもの
です。
サンプル2
線の色をどうするかによっても効果が違います。
左から
- グラデーションの方向未調整
- グラデーションの方向を調整、線の色は黒
- グラデーションの方向を調整、線の色はなし
- グラデーションの方向を調整、線の色は同系色
です。
補足
透明度の使い方については後日解説します。 透明度を使うには部品の重なりをマスターする必要があります。 今回は、透明度を使わないグラデーションを練習してください。
下の3つは左から順に
- 1)透明になって後ろのものが透けてみえている。これではだめです。
- 2)不透明にすると重なりがはっきりします。
- 3)透明度を使ったグラデーションの例です。
3番目の例は、同じ形の部品を同じ位置に重ねて配置し、下の部品は単色で塗っています。そのうえで手前の部品に透明度を使ったグラデーションを指定しています。このグラデーションは中央が白、端が透明の放射グラデーションです。 今回は使いません。