ps制作不銹鋼風格的網頁按鈕教程
- 2020-05-19 09:57:58
- 來源/作者:互聯網/佚名
- 己被圍觀次
本教程主要使用Photoshop制作不銹鋼風格的圓形開關按鈕,今天我們來做一個不銹鋼按鈕,制作方法很簡單,只需要通過圖層樣式就可以實現,適合ps初學者練習,讓我們開始吧。
先看下最終效果圖:

步驟1
我們新建或Ctrl+N,創建800x 800像素大小,分辨率72像素/英寸,RGB顏色,8位,背景內容為白色的新文件 。大小也可以根據需要自己設定。

步驟2
轉到橢圓選框工具,按住Shift鍵畫一個圓,Alt+Delete填充顏色。


步驟3
轉到圖層面板,雙擊圖層1打開圖層樣式。
使用以下設置添加斜面和浮雕 :

步驟4
使用以下設置添加等高線 :
等高線:半圓
檢查反鋸齒框。

步驟5
使用以下設置添加描邊 :
大小:21
填充類型:漸變
角度:123

步驟6
使用以下設置添加內陰影 :
距離:24
大小:43。

步驟7
使用以下設置添加浙變疊加 :
樣式: 角度
浙變顏色色值:#ffffff、 #8b8a8a、


步驟8
添加一個投影與這些設置:
不透明度: 53%
距離: 5
擴展: 21
大小: 9

步驟9
這樣第一個圓畫好了,效果如下:

步驟10
接下來我們來做下面的圓,轉到圖層面板,選用橢圓選框工具,按住Shift鍵畫一個更大的圓,Alt+Delete填充顏色。

步驟11
轉到圖層面板,雙擊圖層2打開圖層樣式。
使用以下設置添加斜面和浮雕 :

步驟12
使用以下設置添加等高線 :
等高線:滾動斜坡-遞減

步驟13
使用以下設置添加描邊 :
大小:4
填充類型:漸變
角度:123

步驟14
使用以下設置添加浙變疊加 :
樣式: 角度
浙變顏色色值:#ffffff、 #8b8a8a、


步驟15
添加一個投影與這些設置:
不透明度: 53%
距離: 8
擴展: 17
大小: 9

步驟16
好了,看下效果如下:

步驟17
為了使按鈕金屬感更強,我們增加一些高光,按Ctrl鍵點擊圖層1,得到選區。

步驟18
轉到編輯-描邊,寬度2像素,顏色白色,位置居中。

步驟19
轉到編輯-描邊,寬度2像素,顏色白色,位置居中。

步驟20
轉到圖層添加圖層蒙板,不透明度設為72%,用畫筆把不需要的地方涂一些掉,完成后如下圖。

步驟21
我們還需要在給按鈕加上一個背景圖。找一個木紋圖片拉入Photoshop中,放在按鈕的最下面一層,好了,最后的效果如下。

(責任編輯:極限)
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:PS制作清新主題風格的清潔膏海報
下一篇:PS設計超酷的游戲網站首頁








