當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

PS設(shè)計制作漂亮水晶玻璃效果的網(wǎng)站導(dǎo)航條(3)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):4188人次


作者:zixuan_gzs 編譯   出處:中國教程網(wǎng)論壇

本例介紹運用PS簡單制作漂亮的水晶玻璃效果的網(wǎng)站導(dǎo)航條,主要通過圓角矩形工具、圖層樣式的設(shè)置來完成最終效果,簡單易學(xué),適合新手朋友了解圖層樣式的運用~~

來看看效果圖:

PS:教程中涉及的顏色可以根據(jù)自己喜歡來設(shè)定,改變下參數(shù),會做出大家意想不到的效果哦,所以請練習(xí)的朋友靈活運用!

制作步驟:

1:新建一個700*300的文件

2:用圓角矩形工具畫一個稍等小一點的形狀

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:最后一個圖層樣式8--顏色疊加

13:效果如圖

下面我們來制作導(dǎo)航條上的小按鈕

14:用圓角矩形工具畫如圖大小的路徑并轉(zhuǎn)換為選區(qū)

15:新建一層,填充為任意色,拷貝剛剛那個圖層的圖層樣式,在新建的圖層中粘貼圖層樣式

16:效果如圖

17:同樣的方法做出其它


18:同樣的方法做出圓形的

19:加入文字

20:改變下文字層的不透明度,降低到50%

21:加上別的裝飾,也改變下不透明度

22:在加上網(wǎng)站,得到最終效果



學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
落英滿裳2018-04-01 12:05
有點困難~
如果沒有你7152017-05-28 03:54
對于新手真的有點難
屬于彼岸的守望2017-05-28 01:05
有點困難

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!