開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)

來源:站酷 作者:全棧UI筆記 學(xué)習(xí):6629人次

本篇教程通過PS打造一款特別的漸變風(fēng)格的音樂旋轉(zhuǎn)按鈕圖標(biāo),教程主要還是用圖層樣式來完成,同學(xué)們感受到圖層樣式在圖標(biāo)中的重要作用了沒,幾乎我們做的大多圖標(biāo)都是需要用到它,這次再次來襲,同學(xué)們還不趕緊操練起來。

最終效果:

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn
theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

步驟一:

首先新建畫布1000px*1000px畫布,命名為旋轉(zhuǎn)按鈕,為背景添加漸變疊加圖層樣式。

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

步驟二:

使用橢圓工具、繪制一個700px*700px底座,并為它添加圖層樣式。

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

步驟三:

高逼格的底座一下就出來了,有木有!!接下來繼續(xù)使用橢圓工具、繪制一個等大的圓,并為它添加圖層樣式,圖案疊加追加灰度紙,選擇纖維紙圖案。

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

步驟四:

現(xiàn)在繪制一下底座的線條吧,選擇直線工具繪制一條長度700px粗細(xì)3px的直線吧,顏色為#909090。

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

步驟五:

復(fù)制直線執(zhí)行自由變換命令,調(diào)整中心點(diǎn)至畫布中心,旋轉(zhuǎn)60度,并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外1個直線段,并添加一下圖層樣式吧。

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)_theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
元真2019-08-26 04:26
這是cs幾啊
楊布布2018-10-30 03:09
亂室宅男2017-11-29 09:59
辛苦 了。
冷雪中惆悵2017-11-29 09:48
比較猛比較猛,就是那個太麻煩了沒看懂
大俠配美女2017-11-29 08:15
太棒了
很冒險的夢2017-11-29 03:34
有些步驟不會!
閃龍蒼穹2017-11-29 03:15
真復(fù)雜啊~~~~~
莎士比亞282017-11-29 02:45
學(xué)到了很多

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

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