本教程將教你如何使用形狀圖層和圖層樣式制作電話撥號(hào)按鈕的立體效果。我們先來看一下最終的效果圖： 新建畫布 首先，打開Photoshop并新建一個(gè)畫布，大小根據(jù)需要自行調(diào)整。 創(chuàng)建背景 創(chuàng)建

本教程將教你如何使用形狀圖層和圖層樣式制作電話撥號(hào)按鈕的立體效果。我們先來看一下最終的效果圖：

新建畫布

首先，打開Photoshop并新建一個(gè)畫布，大小根據(jù)需要自行調(diào)整。

創(chuàng)建背景

創(chuàng)建一個(gè)名為“背景”的圖層，并填充顏色為363636。

添加紋理的背景

復(fù)制背景圖層，并執(zhí)行濾鏡gt;雜色gt;添加雜色，參數(shù)根據(jù)需要進(jìn)行調(diào)整。

改變背景副本的模式

將背景副本的混合模式改為疊加，并設(shè)置不透明度為15%左右。

添加漸變燈光效果

給背景圖層添加一個(gè)漸變燈光效果。首先設(shè)置前景色為白色，然后復(fù)制背景副本圖層并命名為“梯度”。設(shè)置圖層的填充為0%，并應(yīng)用圖層樣式gt;漸變疊加，設(shè)置漸變顏色為前景色到透明，參數(shù)根據(jù)需要進(jìn)行調(diào)整。

創(chuàng)建小圓圈

使用橢圓工具創(chuàng)建一個(gè)小圓圈，作為按鈕外的影子，命名為“圓按鈕（外）”，大小約76像素。設(shè)置圖層的填充為0%，并應(yīng)用圖層樣式，參數(shù)根據(jù)需要進(jìn)行調(diào)整。

創(chuàng)建內(nèi)部圓圈

復(fù)制“圓按鈕（外）”圖層，并重新命名為“圓按鈕（內(nèi)）”。將“圓按鈕（內(nèi)）”圖層的顏色設(shè)置為363636，填充不透明度為100%。

設(shè)置圖層樣式

為“圓按鈕（內(nèi)）”圖層應(yīng)用圖層樣式，參數(shù)根據(jù)需要進(jìn)行調(diào)整。

添加數(shù)字和撥號(hào)

在鍵盤上添加數(shù)字和撥號(hào)按鈕，位置根據(jù)需要進(jìn)行調(diào)整。

編組和復(fù)制

將數(shù)字、字母、圓按鈕（外）、圓按鈕（內(nèi)）進(jìn)行編組，并放置在一個(gè)文件夾中，命名為“2”。根據(jù)需要，復(fù)制該組并修改數(shù)字和字母，再進(jìn)行對(duì)齊。

完成最終效果

所有步驟完成后，你將得到一個(gè)立體撥號(hào)鍵盤圖標(biāo)的最終效果。

希望本教程能幫助你學(xué)習(xí)如何使用PS繪制立體撥號(hào)鍵盤圖標(biāo)！