photoshop設(shè)計一個漂亮的網(wǎng)站導(dǎo)航(3)
來源:未知
作者:bbs.16xx8.com
學(xué)習(xí):238人次
作者:佚名 出處:![](http://www.tgudhdp.cn/1linkpic/17.gif)
![](http://www.tgudhdp.cn/1linkpic/17.gif)
內(nèi)容提要:用photoshop制作一個漂亮的網(wǎng)站導(dǎo)航,主要應(yīng)用了圖層樣式和圖層蒙版。
先看效果圖。
因為是演示,所以新建小點的文檔,300x100像素,如果想做一個完整的導(dǎo)航,建議文檔尺寸600x100像素,畫一個圓角矩形,填充任意顏色。
添加圖層樣式。
效果如下。
畫一個稍大些的圓角矩形。
添加圖層樣式。
效果如下。
右擊形狀2圖層,柵格化,畫一個橢圓,變換選區(qū),回車確定。
點擊紅框圖標(biāo),添加蒙版,調(diào)出橢圓選區(qū),往右側(cè)挪一段距離,選擇蒙版,填充黑色,效果如下。
重復(fù)上一步驟,輸入文字,背景做一漸變,最終效果如下。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 界面設(shè)計,設(shè)計音樂播放器界面圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop制作網(wǎng)頁搜索條
- Photoshop制作網(wǎng)站導(dǎo)航圖
- banner教程,用ps制作960*90的廣告圖片
- Photoshop教程:像素化細(xì)節(jié)設(shè)計技巧
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!