PS繪制一個簡單的網(wǎng)頁導(dǎo)航條的詳細(xì)教程
來源:未知
作者:bbs.16xx8.com
學(xué)習(xí):904人次
作者:布嚕盒子 出處:
又是一個簡單的導(dǎo)航臨摹步驟,我把練習(xí)步驟貼出來與大家分享
希望對初學(xué)者有所幫助
步驟2,創(chuàng)建導(dǎo)航背景,下面忘記寫了,顏色是#5a5a5a
設(shè)置灰色塊的圖層樣式,內(nèi)陰影+漸變
設(shè)置完漸變的時候效果出來啦
好,復(fù)制背景,行距是3px
為導(dǎo)航條寫上標(biāo)題
下面設(shè)置圓圈的樣式
圖層樣式設(shè)置完畢把圖層不透明°設(shè)置為70%
加上箭頭得到效果
最終效果
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作網(wǎng)頁搜索條
- 陰影效果,教你制作各類陰影教程
- PS教程:設(shè)計導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop教程:像素化細(xì)節(jié)設(shè)計技巧
- Photoshop設(shè)計網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 界面設(shè)計,設(shè)計音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 用ps制作豎列導(dǎo)航
- banner教程,用ps制作960*90的廣告圖片
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!