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í) · 提示
相關(guān)教程
- ps設(shè)計游戲網(wǎng)頁實例
- ps設(shè)計懷舊復(fù)古的網(wǎng)頁
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計iPhone蘋果應(yīng)用電子網(wǎng)站
- 如何設(shè)計與PSD模板標(biāo)題導(dǎo)航菜單教程
- PS簡潔網(wǎng)頁美工教程
- 如何創(chuàng)建一個Fancy的設(shè)計工作室網(wǎng)頁布局
- 使用ps打造一個企業(yè)網(wǎng)站首頁設(shè)計制作全
- PS設(shè)計教程之如何制作一個時尚的商業(yè)模
- PS設(shè)計教程之制作WordPress新聞博客模
推薦教程
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制好看的老式wordpress主題
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!