當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕(2)

來源:xueuisheji 作者:xueuisheji 學(xué)習(xí):12120人次

​ 【注意點3】:點擊圖層樣式右邊+號可以復(fù)制多層,此功能僅PS 15CC及以上版本可使用,最新版本下載地址:平面圖像處理軟件 Adobe Photoshop CC 2017 中文/英文

​3. 新建橢圓2,尺寸300 * 300PX。調(diào)節(jié)圖層樣式

圖層樣式 – 斜面和浮雕

樣式:內(nèi)斜面

方法:平滑

深度:66%

方向:上

大小:1

軟化:0

角度:110

高度:30

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

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

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

圖層樣式 – 描邊

大。3

混合模式:線性加深

不透明度:20%

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

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

圖層樣式 – 內(nèi)陰影

混合模式:正片疊底

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

不透明度:10%

角度:120度

距離:0

阻塞:0

大小:27

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

圖層樣式:漸變疊加

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

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

樣式:線性 角度:159

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

圖層樣式 – 投影

混合模式:正常

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

不透明度:49%

角度:120

距離:2

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

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

​5.新建橢圓4,尺寸440* 440PX。打開屬性窗口。并調(diào)節(jié)圖層樣式

圖層樣式:漸變疊加

混合模式:正常

不透明度:100%

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

樣式:線性

角度:167

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

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

圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕_www.theoat.com.cn

步驟二:制作發(fā)光效果

新建一個 12 * 12PX的橢圓,命名為發(fā)光橢圓1,放在圖標(biāo)相對位置。并設(shè)置圖層樣式

圖層樣式:內(nèi)陰影

混合模式:濾色

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

不透明度:100%

角度:120度

距離:1

阻塞:0

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
逗你玩6662019-02-20 03:18
打卡
楊布布2018-11-13 05:11
打卡我的作業(yè):
楊布布2018-11-13 05:09
我的作業(yè):鎮(zhèn)懼煄浜界敗渚炲剼 的原帖:大神,請問你這個循環(huán)的燈光是怎么做出來的。
小螞蟻_R82052018-06-17 07:21
贊一個
簡單的風(fēng)格_2018-06-17 01:33
回復(fù)一下
簡單的風(fēng)格_2018-06-17 01:33
回復(fù)一下
菇?jīng)鲂⌒∠?/span>2018-06-16 09:19
學(xué)習(xí)學(xué)習(xí)。!
菇?jīng)鲂⌒∠?/span>2018-06-16 09:19
學(xué)習(xí)學(xué)習(xí)。!
時間是你的臉2018-06-16 07:53
跟放驢屁一樣
時間是你的臉2018-06-16 07:53
跟放驢屁一樣
悾城亽甡侞儚2018-06-16 02:13
我的作業(yè):
誤闖土木2018-06-16 10:35
謝謝老師 多多學(xué)習(xí)
圈圈中的12018-06-16 09:48
在哪投稿?
圈圈中的12018-06-16 09:48
在哪投稿?
騎魚看CAi2018-06-16 03:29
打卡

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!