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

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

1. 少し暗い→明るい（奥の壁）


2. 暗い→少し明るい（面）


3. ハイライト（角）


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

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

段っぽく見えます？

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