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

2022-12-26 13:37:32 來(lái)源/作者: / 己有:44人學(xué)習(xí)過(guò)
PS網(wǎng)頁(yè)設(shè)計(jì)實(shí)例:多彩導(dǎo)航條制作

創(chuàng)建新畫布。

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

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

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

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

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

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

選擇漸變工具。

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

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

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

效果如下:

添加新參考線。

利用鋼筆工具按下圖所示連接三個(gè)點(diǎn)。

制作三角形。

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

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