Photoshop教程:輕松繪制黑色風(fēng)格導(dǎo)航條文字
來(lái)源:未知
作者:bbs.16xx8.com
學(xué)習(xí):471人次
作者:布嚕盒子 出處:
首先建立背景
然后用圓角矩形 圓角5px 尺寸和顏色圖片有說(shuō)明
這里使用軟畫(huà)筆提亮背景,筆觸300像素大小
原教程中沒(méi)有的步驟,為了讓字體有一點(diǎn)突出感,我加了點(diǎn)投影,細(xì)微的變化
拉漸變,可以直接用矩形選框,距離外框10px即可,然后漸變圖層透明度為5%
寫(xiě)上目錄,選自己喜歡的顏色和字體
然后是加分割線和調(diào)整點(diǎn)擊時(shí)候的色彩
這是我的最終效果,字體有些模糊,但是我覺(jué)得跟整個(gè)質(zhì)感匹配~
只不過(guò)放網(wǎng)頁(yè)上的話,字有些不清晰
這個(gè)是老外的最終效果,文字使用的是無(wú)樣式
分享完畢~
挺簡(jiǎn)單的導(dǎo)航制作,半小時(shí)左右就可以完成,甚至更快……有興趣可以試試哈
學(xué)習(xí) · 提示
相關(guān)教程
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 網(wǎng)頁(yè)設(shè)計(jì),設(shè)計(jì)金屬質(zhì)感游戲主題登陸框
- ps設(shè)計(jì)游戲網(wǎng)頁(yè)頭版教程
- 臨摹播放條
- 利用光來(lái)修飾卡通人物廣告圖片
- ps制作透明質(zhì)感導(dǎo)航圖片教程
- 專題頭圖設(shè)計(jì)需要注意的細(xì)節(jié)
- 做出有品質(zhì)的廣告圖片
- ps設(shè)計(jì)網(wǎng)頁(yè)進(jìn)度條教程
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 陰影效果,教你制作各類陰影教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop制作網(wǎng)站導(dǎo)航圖
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop制作網(wǎng)頁(yè)搜索條
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!