Photoshop教程:設(shè)計(jì)質(zhì)感時(shí)尚網(wǎng)頁導(dǎo)航按扭(3)
本教程主要用Photoshop制作一個(gè)立體質(zhì)感的時(shí)尚按鈕,銀灰色的質(zhì)感表現(xiàn)的非常完美,下面一起來為自己的網(wǎng)頁設(shè)計(jì)一個(gè)漂亮的按鈕吧.
像以前一樣,我們先來看效果圖.漂亮不,心動(dòng)不,那就就跟夕木木一起來學(xué)習(xí)創(chuàng)建這個(gè)
時(shí)尚的按扭.
1.打開photoshop,然后新建一個(gè)文檔250*150,并填充背影:#252a38.
2.在工具箱上選擇橢圓圖標(biāo)并設(shè)置如圖:
新建一個(gè)圖層,然后填充一個(gè)顏色.
3.在調(diào)色板上設(shè)置如下:
使用漸變,漸變?nèi)缦?br />
4.雙擊圖層,打開圖層樣式,給圖層添加陰影.
再添加一個(gè)描邊,但是這樣描邊和平常不太一樣,是用漸變抽邊,設(shè)置如圖所示.
5.在工具箱上選擇加深和減淡工具,設(shè)置如圖:
然后在圖所標(biāo)識(shí)的地方,涂沫如下.
效果如下:
6.選擇橢圓選區(qū),作出效果如下.
7.添加漸變,設(shè)置如圖:
從上而下線性漸變
按ctrl+D取消選區(qū),并更改圖層的不透明度:40%,混合模式為:opacity.
8.現(xiàn)在使用文字工具,添加文字并設(shè)置圖層樣式.
效果如下:
9.添加下面的文字,效果如下:
10.在這個(gè)網(wǎng)站下載圖標(biāo)(icon).然后導(dǎo)入photoshop,按ctrl+U,設(shè)置如下,最后更改混合模式:overlay.
你也可以做一個(gè)導(dǎo)航菜單
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- 圓角教程,教你制作網(wǎng)頁常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop制作網(wǎng)頁搜索條
- 陰影效果,教你制作各類陰影教程
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 用ps制作豎列導(dǎo)航
- banner教程,用ps制作960*90的廣告圖片
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果