你可以在adobephotoshop中創建很多非常有用的東西，從簡單的相框到複雜的ui。你可以在Photoshop中創建的最有用的東西之一是3D按鈕，如果你運行一個帶有自定義界面的博客或網站，3D按鈕就會派上用場。

在本文中，我們將向您展示如何使用Photoshop創建3D按鈕，以及視覺上的“向上”和“向下”狀態，這樣您就可以為它們設置動畫。（本文將不討論動畫本身。）

第一步：準備文件

雖然3D按鈕在網站上彈出的頻率最高，但重要的是，還有其他應用程序，例如動畫GIF、模擬產品顯示和移動遊戲。根據您正在為其創建此按鈕的內容，最終文件格式和尺寸可能會有所不同。

要在Photoshop中創建一個3D按鈕，您需要為它創建一個自定義文檔。為此，打開Photoshop，然後單擊Create New&gt；Custom。開始輸入你的值。

要創建三維按鈕，您需要一個水平文檔。對於我們的，我們使用：

• 900 x 300像素高
• 300像素/英寸
• RGB顏色模式

雖然這些規格絕對不是一個硬性規定，這將確保你有足夠的空間來工作，並有能力擴大你的按鈕大小上下需要。

第二步：為3d按鈕設置矩形

為文件設置規範之後，您將被帶進工作區。你將在一層中有一個水平的白色畫布，這是你開始構建你的按鈕的地方。

要構建3D按鈕，請單擊屏幕左側的圓角矩形工具，如此處所示，紅色。您也可以使用快捷方式U訪問它。

點擊一次你的白色圖層：這將自動彈出你的創建圓角矩形框。您將使用此框指定矩形的尺寸。

我們的按鈕是：

• 300像素寬
• 75像素高

我們還確保角被圓角10像素。不要太高，也不要太低。然後我們按OK。

注意：按鈕的大小和形狀各不相同，所以不必使用這些精確的尺寸。另外，如果你想了解更多關於快捷鍵的信息，這裡有一些最有用的Photoshop鍵盤命令。

當你按“確定”時，Photoshop會在你的圖層裡創建一個圓形的矩形。您可以使用屏幕左上角的下拉菜單更改其填充和筆劃顏色。

在本教程中，為了說明“向上”和“向下”按鈕可能是什麼樣子，我們將把“向下”按鈕變成紅色。

第三步：把你的按鈕做成3d

創建基本按鈕並選擇其顏色後，您將需要在“圖層樣式”對話框中對其進行調整。這是為了讓它看起來更立體。

要訪問“圖層樣式”對話框，可以從頂部菜單轉到“圖層樣式”。您也可以雙擊包含按鈕的圖層，自動將其打開。這種方式更快，我們個人更喜歡。

圖層樣式框設置好後，轉到“倒角和浮雕”選項。打開它。

這是一個快速而簡單的方法，讓您的按鈕邊緣更高的，“三維”看。在本教程中，我們使用了以下設置：

結構

• 樣式：內倒角
• 手法：鑿軟
• 深度：605
• 方向：向上
• 尺寸：5
• 軟化：1

底紋

• 角度：90
• 海拔：37
• 高亮模式：顏色減淡，55%不透明度
• 陰影模式：多重，25%不透明度

訣竅是使設置足夠高，你可以看到一些不同，但不是太強，它是壓倒性的。

在我們完成斜角和浮雕，我們去輪廓，並打開了。“輪廓”使倒角和浮雕的定義更加明確，在本教程中，我們選擇了“圓錐體-反轉”設置。

接下來，啟用“漸變覆蓋”（Gradient overlay）。這是什麼給一個按鈕，圓形，略有“光澤”的外觀。設置如下：

• 混合模式：疊加
• 不透明度：90
• 樣式：線性
• 角度：90
• 比例尺：100

最後，我們打開了dropshadow，使按鈕看起來從網站或博客的白色背景有點“凸起”。同樣，以下是設置：

結構

• 混合模式：多個
• 不透明度：35
• 角度：90
• 距離：2
• 排列：6
• 尺寸：8

質量

• 輪廓：線性
• 噪聲：0
• 層剔除下拉陰影：打開

現在是時候將這些規格保存為圖層樣式了。

步驟4:另存為圖層樣式

完成按鈕設置後，它將開始顯示為3D。因為創建多個3D按鈕的可能性很大，我們需要找到一種快速簡便的方法。

下面是方法。

在“圖層樣式”對話框中單擊“確定”之前，請單擊“新建樣式”。當你這樣做時，Photoshop會保存你為按鈕**的圖層樣式。

如果您使用的是Photoshop CC，這個新樣式將保存到您的Libraries部分，如上所示。這是非常快速和容易訪問。

步驟5：如何使用保存的圖層樣式

既然已經設計了按鈕並將其保存為圖層樣式，那麼讓我們看看它在“向上”狀態下的作用。別撒謊，這會把你的工作時間減半。

首先，讓我們在紅色按鈕層的正上方創建另一個按鈕，如下所示。讓我們把它變成綠色，以示強調。

下一步---不是雙擊圖層本身來打開圖層樣式對話框---而是雙擊“庫”面板中的圖層樣式。

當你這樣做時，Photoshop會自動將你保存的樣式應用到你的新按鈕圖層上，同時保持它的新顏色和形狀。你現在有兩個按鈕——一個在向上狀態，一個在向下狀態——這很簡單。我喜歡這條捷徑。

步驟6：向按鈕添加文本

接下來，我們將向按鈕添加文本。

要添加文本，請在兩個按鈕層上方創建一個新層。單擊“類型”工具開始鍵入。

對於本教程，我們將寫一個詞“訂閱”，因為它是你經常在網站和社交媒體平臺上看到的東西。

我們還將使用sanserif網絡安全字體。最後選擇哪一個是你自己的按鈕是由你決定的。蒙特塞拉特、Proxima Nova、Arial和Verdana都是廣泛使用的替代品，對web來說是安全的。

然而，在這之後，為了讓這個文本變成“pop”，還需要做一些更細微的更改

首先，雙擊包含文字的圖層，以便在圖層樣式對話框中顯示文字。

接下來，單擊“內部陰影”，在文本中添加一點凹陷（或凹陷區域）。這使它看起來像字母被刻進按鈕。我們在本教程中使用的確切設置如下。

結構

• 混合模式：乘法
• 不透明度：35
• 角度：90
• 距離：2
• 阻風門：4
• 尺寸：1

質量

• 輪廓：線性
• 噪音：0

下一步，應用漸變覆蓋這些字母，使他們更容易融入按鈕，而不顯得平坦。同樣，我們的設置是：

• 混合模式：顏色燃燒
• 不透明度：90
• 樣式：線性
• 角度：90
• 比例尺：100

第7步：完成

創建此文本樣式後，尤其是如果要再次使用它，請轉到“新樣式”並保存它，然後單擊“確定”。

完成後，您可以快速地在兩個按鈕層之間來回切換可見性，以查看“向上”和“向下”狀態的外觀。

很酷吧？要保存您的文件，請轉到“文件”&gt；“另存為”，並將其保存為適合您正在處理的任何項目的適當文件格式。

使用3d按鈕和小部件自定義博客

既然你知道如何在Photoshop中創建3D按鈕，你就可以用它來創作，設計自己的3D按鈕來滿足你的需要。有了這些技能，你就能做出一個不僅專業，而且具有個人風格的產品。

想知道這個程序還能做些什麼嗎？下面是如何在Photoshop中刪除背景。