1-02（2） アイコン入りのバナーに施すグラデーション

【1】ここではアイコンとそれを乗せるバナーをつくってみよう。アイコンは円にビックリマークという単純なものだ。円はグラデーションのスタイルを円形に設定し、作成するとよいだろう。一般的な静物デッサンと同様に円の中の左上の個所がもっとも明るくなるようなグラデーションにする。


【2】ビックリマークには、円に施したものとは逆の左上が暗くなるようなグラデーションをかける。これで、ビックリマークが埋まっているように見える。赤の斜め線の個所にもグラデーションをかけることで印象が変わる。


【3】バナーの背景部分にもグラデーションをかけよう。背景なので、主張しすぎないようにグラデーションの変化を少なめにしている。また、複数のグラデーションを使って間に白を入れることで、ハイライトの表現を加えている。