用PS圖層樣式設計制作光影旋鈕開關圖片

2019-02-27 21:47:14 來源/作者: 未知 / 駿騫 己有:1261人學習過

【注意點3】:點擊圖層樣式右邊+號可以復制多層

3. 新建橢圓2,尺寸300 * 300PX。調節圖層樣式

圖層樣式 – 斜面和浮雕

樣式:內斜面

方法:平滑

深度:66%

方向:上

大小:1

軟化:0

角度:110

高度:30

高光模式:濾色 #ffffff (R:255 G:255 B:255)不透明度:70

陰影模式:顏色加深 #171a1b(R:23 G:26 B:27) 不透明度:16

用PS圖層樣式設計制作光影旋鈕開關圖片

圖層樣式 – 描邊

大小:3

混合模式:線性加深

不透明度:20%

填充類型:顏色 色值:acbbbc(R:172 G:187 B:188)

用PS圖層樣式設計制作光影旋鈕開關圖片

圖層樣式 – 內陰影

混合模式:正片疊底

色值:282b33(R:40 G:43 B:51)

不透明度:10%

角度:120度

距離:0

阻塞:0

大小:27

用PS圖層樣式設計制作光影旋鈕開關圖片

圖層樣式:漸變疊加

混合模式:正常 不透明度:100%

漸變色值:#bacacb(R:186 G:202 B:203)~#f6f8ef(R:246 G:248 B:239)

樣式:線性 角度:159

用PS圖層樣式設計制作光影旋鈕開關圖片 

圖層樣式 – 投影

混合模式:正常

色值:#ffffff(R:255 G:255 B:255)

不透明度:49%

角度:120

距離:2

用PS圖層樣式設計制作光影旋鈕開關圖片

4. 復制橢圓2,并將復制的圖層改名為橢圓3,放到橢圓2圖層下面,Ctrl+T進入自由變換,等比放大到134%。

5.新建橢圓4,尺寸440* 440PX。打開屬性窗口。并調節圖層樣式

圖層樣式:漸變疊加

混合模式:正常

不透明度:100%

漸變色值:(R:187 G:202 B:203) (R:235 G:240 B:235)

樣式:線性

角度:167

用PS圖層樣式設計制作光影旋鈕開關圖片

【注意點4】:在這里面有很多人發現,自己的圓感覺沒有對齊,這個大家可以把橢圓層全選在選擇情況下點擊對齊。

用PS圖層樣式設計制作光影旋鈕開關圖片

步驟二:制作發光效果

新建一個 12 * 12PX的橢圓,命名為發光橢圓1,放在圖標相對位置。并設置圖層樣式

圖層樣式:內陰影

混合模式:濾色

色值:#abe2ff(R:171 G:226 B:255)

不透明度:100%

角度:120度

距離:1

阻塞:0

大小:1

用PS圖層樣式設計制作光影旋鈕開關圖片