分分快3app

?
當前位置:主頁 > PS教程 > 設計教程 >

ps制作不銹鋼風格的網頁按鈕教程

  • 2020-05-19 09:57
  • 來源/作者:PS聯盟/零下一度
  • 己被圍觀 次

本教程主要使用Photoshop制作不銹鋼風格的圓形開關按鈕,今天我們來做一個不銹鋼按鈕,制作方法很簡單,只需要通過圖層樣式就可以實現,適合ps初學者練習,讓我們開始吧。

分分快3app 先看下最終效果圖:

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟1

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟2

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟3

轉到圖層面板,雙擊圖層1打開圖層樣式。

分分快3app 使用以下設置添加斜面和浮雕 :

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟4

分分快3app 使用以下設置添加等高線 :

等高線:半圓

檢查反鋸齒框。

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟5

分分快3app 使用以下設置添加描邊 :

大小:21

填充類型:漸變

角度:123

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟6

使用以下設置添加內陰影 :

距離:24

分分快3app 大小:43。

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟7

使用以下設置添加浙變疊加 :

樣式: 角度

浙變顏色色值:#ffffff、 #8b8a8a、

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟8

分分快3app 添加一個投影與這些設置:

分分快3app 不透明度: 53%

距離: 5

擴展: 21

大小: 9

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟9

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟10

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟11

轉到圖層面板,雙擊圖層2打開圖層樣式。

分分快3app 使用以下設置添加斜面和浮雕 :

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟12

使用以下設置添加等高線 :

等高線:滾動斜坡-遞減

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟13

使用以下設置添加描邊 :

大小:4

填充類型:漸變

角度:123

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟14

分分快3app 使用以下設置添加浙變疊加 :

樣式: 角度

浙變顏色色值:#ffffff、 #8b8a8a、

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟15

添加一個投影與這些設置:

不透明度: 53%

距離: 8

擴展: 17

大小: 9

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟16

分分快3app 好了,看下效果如下:

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟17

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟18

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟19

分分快3app 轉到編輯-描邊,寬度2像素,顏色白色,位置居中。

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟20

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

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網

步驟21

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

 

Photoshop制作不銹鋼風格的網頁按鈕教程,PS教程,PS家園網


(責任編輯:極限)

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(a5rw.com)

分享到:

標簽(TAG) 不銹鋼風格 網頁按鈕 

上一篇:PS設計超酷的游戲網站首頁

下一篇:沒有了

更多精彩內容

  • ps制作不銹鋼風格的網頁按 ps制作不銹鋼風格的網頁按
  • PS給花園中的女孩添加丁達 PS給花園中的女孩添加丁達
  • PS設計超酷的游戲網站首頁 PS設計超酷的游戲網站首頁
  • PS制作時尚大氣的護膚品促 PS制作時尚大氣的護膚品促
?