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

PS網(wǎng)頁設(shè)計實例:多彩導(dǎo)航條制作

來源:不詳 作者:佚名 學(xué)習(xí):2553人次
PS網(wǎng)頁設(shè)計實例:多彩導(dǎo)航條制作

創(chuàng)建新畫布。

建立4條垂直參考線,將畫布等分為五份。

在畫布下方添加一條水平參考線。

首先繪制第一個按鈕,選擇矩形工具并選擇形狀圖層模式。

在水平參考線和垂直參考線之間繪制如下紅色矩形。

為按鈕添加漸變效果。在距離按鈕邊緣5個像素的位置添加垂直參考線。

設(shè)置前景色為紅色,背景色為白色。

選擇漸變工具。

按如下方式設(shè)置漸變條。

創(chuàng)建新的圖層,利用矩形選框工具創(chuàng)建如下選區(qū)。

漸變填充,并將圖層不透明度設(shè)為“50%”。

效果如下:

添加新參考線。

利用鋼筆工具按下圖所示連接三個點。

制作三角形。

采用相同的方法完成其他顏色按鈕的制作。

彩色導(dǎo)航條就制作完成了。



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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
天際2007-08-21 02:13
不錯,很不錯,謝謝樓主的分享。。

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

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