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