PS網(wǎng)頁設(shè)計(jì)實(shí)例：多彩導(dǎo)航條制作
- 2022-12-24 22:36:38
- 來源/作者：互聯(lián)網(wǎng)/佚名
- 己被圍觀次
PS網(wǎng)頁設(shè)計(jì)實(shí)例：多彩導(dǎo)航條制作 創(chuàng)建新畫布。 建立4條垂直參考線，將畫布等分為五份。 在畫布下方添加一條水平參考線。 首先繪制第一個(gè)按鈕，選擇矩形工具并選擇形狀圖層模式。 在水平參考線和垂直參考線之間繪制
PS網(wǎng)頁設(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)航條就制作完成了。
*PSjia.COM 傾力出品，轉(zhuǎn)載請(qǐng)注明來自PS家園網(wǎng)（m.sz-xdd.com.cn）
標(biāo)簽(TAG) 工具 實(shí)例 網(wǎng)頁模板 網(wǎng)頁設(shè)計(jì) 佚名 制作
更多精彩內(nèi)容
-
APP展示圖，教你怎么用PS制作APP的界面圖片 -
用ps制作大拇指勝利手勢(shì)logo -
用ps制作金屬質(zhì)感徽章 -
用ps制作綠色環(huán)保Logo -
用ps制作放大縮小logo -
ps cs6設(shè)計(jì)火箭UI圖標(biāo) -
教你用PS打造網(wǎng)頁效果圖全過程 -
進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條