photoshop繪制碳纖維風(fēng)格的網(wǎng)頁導(dǎo)航按鈕(2)
來源:未知
作者:jijuan96
學(xué)習(xí):1060人次
![](http://pic.16xx8.com/allimg/100609/1K53MT9-18.png)
創(chuàng)建導(dǎo)航球
選取”橢圓選框工具”,新建圖層,在第一個鏈接上方拖出一小型橢圓。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53J264-19.png)
選取”漸變工具”,在上述的橢圓選區(qū)中拖出一個從黑(#000000)到灰(#828282)的線性漸變。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53G4R-20.png)
再一次使用”橢圓選框工具”,在剛剛創(chuàng)建的橢圓里新建一個圓形的選區(qū)。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53G616-21.png)
以顏色#8e8e8e填充此圓形選區(qū),保持此選區(qū)為激活狀態(tài),并在灰色圓形圖層上創(chuàng)建新圖層,設(shè)置前景色為白色,用漸變工具從左上角拖出一個從白到透明的徑向漸變。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53M512-22.png)
改變漸變類型為線性漸變,仍然保持選區(qū)為激活狀態(tài),再新建圖層,從底部向上拖出此漸變。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53H3U-23.png)
改變每個圖層的透明度和漸變的位置,以增加球體的高光點。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53G241-24.png)
復(fù)制球體到每個按鈕上方。
創(chuàng)建按鈕激活狀態(tài)
選擇某按鈕添加激活狀態(tài),簡單的給此按鈕的球體添加漸變疊加(我沒有這樣操作,只是合并創(chuàng)建球體的所有圖層,然后添加調(diào)整圖層- 色相/飽和度,并著色),選擇你覺得合適的顏色。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53JB3-25.png)
使用”矩形選框工具”選中此按鈕,不要包括分隔線。如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53G335-26.png)
創(chuàng)建新圖層,保持選區(qū)不變,以顏色#dddddd填充此選區(qū),然后設(shè)置圖層混合模式為”疊加”。
![](http://pic.16xx8.com/allimg/100609/1K53G130-27.png)
最后,使用”多邊形套索工具”創(chuàng)建三角形,三角形的顏色和背景色是一樣的,然后添加圖層樣式陰影,如下所示:
![](http://pic.16xx8.com/allimg/100609/1K53G5V-28.png)
最后,按鈕激活狀態(tài)效果如下:
![](http://pic.16xx8.com/allimg/100609/1K53JU3-29.png)
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計,用PS制作一款小清新的擬物時鐘
- 圖標(biāo)設(shè)計,用PS制作精美的辦公室圖標(biāo)
- 圓環(huán)圖標(biāo),簡單幾步通過PS制作炫酷效果的圓環(huán)圖標(biāo)
- 插畫制作,用PS設(shè)計具有漸變風(fēng)格的插畫圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡約的圓環(huán)圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!