2008年8月19日 星期二

Shading 倒角


為了讓圖示看起來更立體,常需要將二維的圖示展示成三維的樣子,這時就需要一點視覺方面的技巧。做一個看起來像是倒角的東西,主要的技巧是陰影的交互使用,比較暗的,自然會覺得比較離光源比較遠,就靠這種視覺的暗示,讓人在二維圖案中出現三維的感覺。

這裡主要參考 Apple Air Banner in Fireworks | Abduzeedo 來做,另外原則性的說明可以參考Universal principles of design : Three Dimensional Projection(P194)。

這篇 色胚子部落 » 繪製Web 2.0 Style圖示的概念也有類似說明。

如果把握陰影漸層原則,工具反而是輔助而已,例如上圖用 inkscape 畫,Abduzeedo 則是用 Fireworks,色胚子用的是 Photoshop,都可以達成類似的視覺效果。

沒有留言:

張貼留言