Photoshop教程:輕松繪制黑色風(fēng)格導(dǎo)航條文字
來源:未知
作者:bbs.16xx8.com
學(xué)習(xí):471人次
作者:布嚕盒子 出處:
首先建立背景
然后用圓角矩形 圓角5px 尺寸和顏色圖片有說明
這里使用軟畫筆提亮背景,筆觸300像素大小
原教程中沒有的步驟,為了讓字體有一點(diǎn)突出感,我加了點(diǎn)投影,細(xì)微的變化
拉漸變,可以直接用矩形選框,距離外框10px即可,然后漸變圖層透明度為5%
寫上目錄,選自己喜歡的顏色和字體
然后是加分割線和調(diào)整點(diǎn)擊時(shí)候的色彩
這是我的最終效果,字體有些模糊,但是我覺得跟整個(gè)質(zhì)感匹配~
只不過放網(wǎng)頁上的話,字有些不清晰
這個(gè)是老外的最終效果,文字使用的是無樣式
分享完畢~
挺簡(jiǎn)單的導(dǎo)航制作,半小時(shí)左右就可以完成,甚至更快……有興趣可以試試哈
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 陰影效果,教你制作各類陰影教程
- 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)頁搜索條
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!