PS設(shè)計(jì)制作漂亮水晶玻璃效果的網(wǎng)站導(dǎo)航條
本例介紹運(yùn)用PS簡(jiǎn)單制作漂亮的水晶玻璃效果的網(wǎng)站導(dǎo)航條,主要通過圓角矩形工具、圖層樣式的設(shè)置來(lái)完成最終效果,簡(jiǎn)單易學(xué),適合新手朋友了解圖層樣式的運(yùn)用~~
來(lái)看看效果圖:
PS:教程中涉及的顏色可以根據(jù)自己喜歡來(lái)設(shè)定,改變下參數(shù),會(huì)做出大家意想不到的效果哦,所以請(qǐng)練習(xí)的朋友靈活運(yùn)用!
制作步驟:
1:新建一個(gè)700*300的文件
2:用圓角矩形工具畫一個(gè)稍等小一點(diǎn)的形狀
3:轉(zhuǎn)換為選區(qū)
4:新建一層,填充為任意顏色
5:給新建的層添加圖層樣式,1---投影效果
6:繼續(xù)增加圖層樣式,2--內(nèi)陰影
7:3---外發(fā)光
8:4--內(nèi)發(fā)光
9:5--斜面和浮雕
10:6--改變斜面和浮雕里面的等高線
11:7--光澤
12:最后一個(gè)圖層樣式8--顏色疊加
13:效果如圖
下面我們來(lái)制作導(dǎo)航條上的小按鈕
14:用圓角矩形工具畫如圖大小的路徑并轉(zhuǎn)換為選區(qū)
15:新建一層,填充為任意色,拷貝剛剛那個(gè)圖層的圖層樣式,在新建的圖層中粘貼圖層樣式
16:效果如圖
17:同樣的方法做出其它
18:同樣的方法做出圓形的
19:加入文字
20:改變下文字層的不透明度,降低到50%
21:加上別的裝飾,也改變下不透明度
22:在加上網(wǎng)站,得到最終效果
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- banner教程,用ps制作960*90的廣告圖片
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 陰影效果,教你制作各類陰影教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 用ps制作豎列導(dǎo)航
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片