最近,這種菜單好象很流行,不少網(wǎng)站都有了,這個菜單可以節(jié)約有限的空間,很有價值,經(jīng)常設(shè)計(jì)中要用到,今天有Fireworks 的初學(xué)者,來問怎么做這種菜單,所以順手做了一下,其實(shí)這樣的菜單不復(fù)雜,無非是漸變的填充,用 fireworks 強(qiáng)大的交互式填充工具來制作,那簡直是手到擒來。另外矢量化修改,也很方便,所以 fireworks 非常適合 web 設(shè)計(jì)創(chuàng)作。
第一步,做底條,注意邊框顏色和漸變設(shè)置
第二步、做菜單條。其實(shí)就是復(fù)制一下底條,調(diào)整長寬和填充。
第三步、做菜單條的突出效果。復(fù)制菜單條,去掉邊框色,調(diào)整一下漸變?紤]到還有缺口顯示,所以要做長一些,把深顏色加強(qiáng)。
第四步、做菜單條的投影。復(fù)制剛做的填充,轉(zhuǎn)180度,調(diào)整長寬和漸變。
出處:藍(lán)色理想
責(zé)任編輯:藍(lán)色
上一頁 下一頁 用 fireworks 做雅虎菜單 [2]
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|