photoshop繪制碳纖維風(fēng)格的網(wǎng)頁導(dǎo)航按鈕

2022-12-26 14:24:51 來源/作者: / 己有:10人學(xué)習(xí)過




創(chuàng)建導(dǎo)航球

選取”橢圓選框工具”,新建圖層,在第一個(gè)鏈接上方拖出一小型橢圓。如下所示:



選取”漸變工具”,在上述的橢圓選區(qū)中拖出一個(gè)從黑(#000000)到灰(#828282)的線性漸變。如下所示:



再一次使用”橢圓選框工具”,在剛剛創(chuàng)建的橢圓里新建一個(gè)圓形的選區(qū)。如下所示:



以顏色#8e8e8e填充此圓形選區(qū),保持此選區(qū)為激活狀態(tài),并在灰色圓形圖層上創(chuàng)建新圖層,設(shè)置前景色為白色,用漸變工具從左上角拖出一個(gè)從白到透明的徑向漸變。如下所示:



改變漸變類型為線性漸變,仍然保持選區(qū)為激活狀態(tài),再新建圖層,從底部向上拖出此漸變。如下所示:



改變每個(gè)圖層的透明度和漸變的位置,以增加球體的高光點(diǎn)。如下所示:



復(fù)制球體到每個(gè)按鈕上方。
創(chuàng)建按鈕激活狀態(tài)

選擇某按鈕添加激活狀態(tài),簡(jiǎn)單的給此按鈕的球體添加漸變疊加(我沒有這樣操作,只是合并創(chuàng)建球體的所有圖層,然后添加調(diào)整圖層- 色相/飽和度,并著色),選擇你覺得合適的顏色。如下所示:



使用”矩形選框工具”選中此按鈕,不要包括分隔線。如下所示:



創(chuàng)建新圖層,保持選區(qū)不變,以顏色#dddddd填充此選區(qū),然后設(shè)置圖層混合模式為”疊加”。



最后,使用”多邊形套索工具”創(chuàng)建三角形,三角形的顏色和背景色是一樣的,然后添加圖層樣式陰影,如下所示:



最后,按鈕激活狀態(tài)效果如下: