photoshop設(shè)計黑色網(wǎng)站導(dǎo)航(3)
來源:未知
作者:空來風(fēng)
學(xué)習(xí):556人次
出處:UCD博客 版權(quán)所有 轉(zhuǎn)載請注明出處 鏈接先看看小樣吧!:)

以下是詳細(xì)的photoshop教程步驟:
第一步:新建文件,選擇徑向漸變,設(shè)置前景顏色為#b3a773,背景顏色為#877948。效果如圖:

第二步:創(chuàng)建圓角矩形(半徑為10px)大小為220x50px,顏色#212121,如圖:

第三步:選擇圖層樣式 漸變 描邊,效果如圖





,第四步:新建層,選擇選區(qū)工具(快捷鍵M)大小為15x100px,填充白色,效果如圖:

第五步:復(fù)制白色線條層2次(快捷鍵ctrl+J),移動20px,合并3個白線層,效果如圖:

第六步:選擇變換(快捷鍵ctrl+T)

第七步:載入圓角矩形選區(qū)(按ctrl+鼠標(biāo)點擊圓角矩形層),選擇白線層,反選(快捷鍵shift+ctrl+i),刪除多余白線。

第八步:設(shè)置還層不透明為5%

第九步:添加自喜歡的文字和圖標(biāo):

第十步:選擇圓角矩形,半徑為10 px,顏色為#2f2f2f,如圖:

第十一步:調(diào)整圖層的順序。

,第十二步:選擇圖層樣式 外發(fā)光(柔光) 內(nèi)發(fā)光 描邊




第十三步:選擇文本工具(快捷鍵T)輸入文字,如圖:

第十四步:新建層,選擇畫筆(快捷鍵B)創(chuàng)建200x1px細(xì)線,顏色為#292929,如圖:

第十五步:新建層,選擇選區(qū)工具(快捷鍵M),大小為8x3px,填充白色,效果如圖:

第十六步:選擇圖層樣式 外發(fā)光,


第十七步:復(fù)制圖層(快捷鍵ctrl+J),效果如圖:

完成!:)

以下是詳細(xì)的photoshop教程步驟:
第一步:新建文件,選擇徑向漸變,設(shè)置前景顏色為#b3a773,背景顏色為#877948。效果如圖:

第二步:創(chuàng)建圓角矩形(半徑為10px)大小為220x50px,顏色#212121,如圖:

第三步:選擇圖層樣式 漸變 描邊,效果如圖





,第四步:新建層,選擇選區(qū)工具(快捷鍵M)大小為15x100px,填充白色,效果如圖:

第五步:復(fù)制白色線條層2次(快捷鍵ctrl+J),移動20px,合并3個白線層,效果如圖:

第六步:選擇變換(快捷鍵ctrl+T)

第七步:載入圓角矩形選區(qū)(按ctrl+鼠標(biāo)點擊圓角矩形層),選擇白線層,反選(快捷鍵shift+ctrl+i),刪除多余白線。

第八步:設(shè)置還層不透明為5%

第九步:添加自喜歡的文字和圖標(biāo):

第十步:選擇圓角矩形,半徑為10 px,顏色為#2f2f2f,如圖:

第十一步:調(diào)整圖層的順序。

,第十二步:選擇圖層樣式 外發(fā)光(柔光) 內(nèi)發(fā)光 描邊




第十三步:選擇文本工具(快捷鍵T)輸入文字,如圖:

第十四步:新建層,選擇畫筆(快捷鍵B)創(chuàng)建200x1px細(xì)線,顏色為#292929,如圖:

第十五步:新建層,選擇選區(qū)工具(快捷鍵M),大小為8x3px,填充白色,效果如圖:

第十六步:選擇圖層樣式 外發(fā)光,


第十七步:復(fù)制圖層(快捷鍵ctrl+J),效果如圖:

完成!:)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- 陰影效果,教你制作各類陰影教程
- Photoshop設(shè)計網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 用ps制作豎列導(dǎo)航
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop教程:像素化細(xì)節(jié)設(shè)計技巧
- 界面設(shè)計,設(shè)計音樂播放器界面圖片
- Photoshop制作網(wǎng)頁搜索條
- banner教程,用ps制作960*90的廣告圖片
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!