PhotoShop制作一個(gè)網(wǎng)頁導(dǎo)航按鈕的教程

2023-11-10 17:22:05 來源/作者: / 己有:2人學(xué)習(xí)過


作者:zhouyuling909   出處:站酷

1.填充背景為深灰色,設(shè)置前景色,新建圖層1,繪制圓色矩形

2.為圖層1添加圖層樣式(投影,內(nèi)陰影,外發(fā)光,漸變疊加,描邊);

 



3.選擇圖層1,使用濾鏡>雜色>添加雜色(根據(jù)情況調(diào)整雜色的數(shù)量); 

4.按CTRL鍵點(diǎn)擊圖層1,調(diào)出圖層1的圖形選區(qū)之后,新建圖層2,填充任意色彩,選擇矩形選框工具,按向上方向鍵,將選區(qū)向上移動1個(gè)像表的距離,再按刪除鍵刪除選區(qū)內(nèi)的色彩.再CTRL+D,取消選區(qū).這樣我們就得到了按鈕底部的高光了

5.選圖層2,添加圖層樣式(漸變疊加);

 



6.按CTRL鍵,點(diǎn)擊圖層1,調(diào)出層1選區(qū),再新建圖層3,使用漸變工具(徑向漸變,白到黑色,從按鈕的上中位置拖到按鈕的下右位置),CTRL+D取消選區(qū),改變層3的圖層樣式;如圖設(shè)置 

7.選擇圓角矩形工具,建立與按鈕同等寬度的圓色矩形路徑,再選用轉(zhuǎn)換點(diǎn)工具,移動右下角兩個(gè)節(jié)點(diǎn).使其變成梯形,新建圖層4,設(shè)置前景色為白色,進(jìn)入路徑面板,填充路徑(白色).按CTRL鍵點(diǎn)擊層1,選圖層4,為圖層4添加圖層蒙板.再設(shè)置圖層混合模式,產(chǎn)生按鈕的高光效果

 



8.輸入文字,添加圖層樣式 

完成最終效果




標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程