Photoshop制作3D立體質(zhì)感網(wǎng)頁(yè)按鈕

2022-12-26 14:24:56 來(lái)源/作者: / 己有:9人學(xué)習(xí)過(guò)


將上面的圓角矩形命名為"Button Top" ,下面的圖層命名為"Button Base" ,這里我們?yōu)榱酥谱鞒?D按鈕的立體質(zhì)感效果,將會(huì)用底部的圖層來(lái)做陰影,上面的圖層保持不變,所以選中底部圖層,按ctrl+u設(shè)置"色相/飽和度"參數(shù)如下

將兩個(gè)圖層的位置進(jìn)行調(diào)整,下面的圖層向下移動(dòng)10像素(按shift+下鍵),完成后的效果如下:

現(xiàn)在我們?yōu)?D按鈕上面的圖層進(jìn)行視覺(jué)上的修飾,先按住ctrl點(diǎn)選上面的圖層,使其整個(gè)處于選中狀態(tài),隨后按“選擇>修改>收縮”,設(shè)置縮小1px

然后我們用工具欄的加深工具,設(shè)置參數(shù)如下

在選中的圖層上按住shift從左向右進(jìn)行涂抹