用ps制作豎列導(dǎo)航(6)
一般來說,國內(nèi)網(wǎng)站導(dǎo)航都是橫條的,國外網(wǎng)站相反,大部分是豎列的,今天我們就來制作一個(gè)豎列導(dǎo)航,先看效果圖。
新建文檔210x260像素,背景白色。建新層,選擇圓角矩形工具,畫一個(gè)矩形,設(shè)置如下, 顏色#ff7f00。
放大畫布顯示,用白箭頭工具點(diǎn)一下路徑,會出現(xiàn)一些節(jié)點(diǎn)。
用鋼筆工具刪除2個(gè)節(jié)點(diǎn),調(diào)整如下圖所示,使底部形成直角。
建新層,調(diào)出上圖的選區(qū),選擇>修改>收縮2像素,編輯>描邊1像素。
合并除背景外的所有層,做一矩形選區(qū),刪除底部。
建新層,做如下矩形選區(qū),填充白色,圖層不透明度35%。
Ctrl+J復(fù)制一層,往底下挪一段距離,圖層模式柔光,不透明度25%。
輸入白色文字,添加描邊圖層樣式。
建新層,做如下矩形選區(qū),描邊1像素。
保持選區(qū),建新層,選擇>修改>收縮1像素,編輯>描邊1像素。重復(fù)這個(gè)步驟,顏色分別是桔黃和灰色,效果如下。
保持選區(qū),建新層,填充# f9f6ee,添加圖層樣式。
輸入一些文字,最終效果如下。
剩下的我不用說了。文字加上鏈接即可。
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 設(shè)計(jì)知識,新手詳情頁制作誤區(qū)
- banner教程,超簡單三步設(shè)計(jì)一個(gè)BANNER
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例
- banner教程,用ps制作960*90的廣告圖片
- 做投影,教你做扁平風(fēng)格長陰影
- 網(wǎng)頁設(shè)計(jì),設(shè)計(jì)金屬質(zhì)感游戲主題登陸框
- ps設(shè)計(jì)游戲網(wǎng)頁頭版教程
推薦教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 陰影效果,教你制作各類陰影教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop制作網(wǎng)頁搜索條
- 用ps制作豎列導(dǎo)航
- banner教程,用ps制作960*90的廣告圖片
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框