2009/05/11

3Dっぽく見えるグラデーションの背景

Small web design elements tutorials collection | Design-Notes
という記事にある「3D illusion in two dimension web design」がおもしろかったのでメモ。
3Dっぽく見えるグラデーションのやり方です。
上から、


  1. 少し暗い→明るい(奥の壁)

  2. 暗い→少し明るい(面)

  3. ハイライト(角)

  4. 明るい→少し暗い、けれど1よりは明るい(手前の壁)


という風にグラデーションをかけます。
するとこんな感じに。

段っぽく見えます?

ちなみに女子はアイシャドウみたいにやるといいそうですよ!
(確かにあれも立体感が大切です。)

ahkslog  ©Template Blogger Green by Dicas Blogger.

TOP