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