圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕

來(lái)源:公眾號(hào) 作者:SoulEC 學(xué)習(xí):13973人次

用PS制作一款開(kāi)關(guān)按鈕,要用到漸變工具,再用矩形工具畫一個(gè)圓形矩形,通過(guò)圖層樣式來(lái)給其添加樣式,基本都在圖層樣式中完成,圖層樣式可以給圖片添加很多種樣式,做文字和圖標(biāo)用到圖層樣式的時(shí)候很多,所以同學(xué)們?cè)陂e暇之余可以好好學(xué)習(xí)一下圖層樣式中的各種功能,相信會(huì)對(duì)同學(xué)們學(xué)習(xí)PS有所幫助。

效果圖:

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

操作步驟:

1、新建500*500的文檔

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

2、選擇漸變工具從#ffffff到#a3de91徑向漸變

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

 

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

3、利用圓角矩形工具畫一個(gè)直徑為45PX的圓角矩形

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

4、雙擊圓角圖層,添加描邊 大小-5  填充類型—漸變,漸變顏色由#ffffff到#d8d5d5 并勾選反向

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

5、內(nèi)陰影設(shè)置:混合模式—正常,距離-2,阻塞-0,大小-5

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

6、內(nèi)發(fā)光設(shè)置,顏色#358bab,塞阻-100%----大小-5

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

7、漸變疊加混合模式—濾色--勾選仿色---不透明度25%

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

8、用橢圓工具在圓角矩形左邊畫一個(gè)白色的圓

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

9、內(nèi)陰影

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

顏色疊加

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

描邊

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

內(nèi)發(fā)光

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

投影,雙擊圓形圖層在這個(gè)圓添加圖層樣式(參數(shù)可參考以上圖)

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

10、在圓形按鈕下用畫筆畫一個(gè)點(diǎn) ,做這個(gè)按鈕的陰影

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

11、在圓形按鈕上用橢圓工具再畫一個(gè)白色的圓

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

12、雙擊這個(gè)的圓的圖層給新畫的圓圖層樣式添加立體感

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

13、最后給這個(gè)按鈕添加文字ON,給文字添加圖層樣式,添加投影,參數(shù)看以上圖

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

完成:

圖標(biāo)制作,在PS中制作開(kāi)關(guān)按鈕_theoat.com.cn

 

做出來(lái)最終效果就是這樣的啦,是不是很逼真呢?可以用于給平面設(shè)計(jì)做產(chǎn)品優(yōu)化,快來(lái)通過(guò)PS學(xué)習(xí)一下吧。

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
1537965792021-09-24 03:53
謝謝老師的分享。
慕秦2021-09-23 02:44
我的作業(yè):

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

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