圖標設(shè)計,設(shè)計播放按鈕圖標(7)

來源:未知 作者:涼星在 學(xué)習(xí):8894人次

今天這篇教程適合新手練習(xí),重點是幫同學(xué)們深入理解圖層樣式的運用,作者@涼星在 特別說明,數(shù)值不是標準,自己折騰才有進步,來感受下

效果:
圖標設(shè)計,設(shè)計播放按鈕圖標

第一步:

新建畫布,大小自定,填充一個淡色。

圖標設(shè)計,設(shè)計播放按鈕圖標

第二步:

畫一個圓形,大小自定,填充如下。

圖標設(shè)計,設(shè)計播放按鈕圖標

接上邊的數(shù)值。

圖標設(shè)計,設(shè)計播放按鈕圖標

圖標設(shè)計,設(shè)計播放按鈕圖標

圖標設(shè)計,設(shè)計播放按鈕圖標

第三步:

復(fù)制底圓,然后Ctrl+T,調(diào)整他的大小,添加圖層樣式。

圖標設(shè)計,設(shè)計播放按鈕圖標

接上數(shù)值:

圖標設(shè)計,設(shè)計播放按鈕圖標
圖標設(shè)計,設(shè)計播放按鈕圖標
圖標設(shè)計,設(shè)計播放按鈕圖標

第四步:

再畫一個圓形,調(diào)整大小位置。

圖標設(shè)計,設(shè)計播放按鈕圖標

圖層樣式數(shù)值。

圖標設(shè)計,設(shè)計播放按鈕圖標

圖標設(shè)計,設(shè)計播放按鈕圖標

圖標設(shè)計,設(shè)計播放按鈕圖標

第五步:

再畫一個圓形,加漸變效果。

圖標設(shè)計,設(shè)計播放按鈕圖標

漸變數(shù)值:

圖標設(shè)計,設(shè)計播放按鈕圖標

第六步:

畫一個三角形,填充自己喜愛的顏色,添加樣式。

圖標設(shè)計,設(shè)計播放按鈕圖標

圖標設(shè)計,設(shè)計播放按鈕圖標

第七步:

畫一個這樣的圓環(huán)。方法可參見:《PS教程!手把手教你繪制一枚錘子瀏覽器圖標》

圖標設(shè)計,設(shè)計播放按鈕圖標

第八步:

處理一下 加上圖層樣式,讓他有點立體的感覺,尾部擦一下。

圖標設(shè)計,設(shè)計播放按鈕圖標

數(shù)值:

圖標設(shè)計,設(shè)計播放按鈕圖標

第九步:

右下角畫一個這樣的,方法參照上面的。

圖標設(shè)計,設(shè)計播放按鈕圖標

第十步:

再畫一個放在左邊。

圖標設(shè)計,設(shè)計播放按鈕圖標

第十一步:

在兩個圓之間添加一個圓環(huán),顏色自己調(diào)整,一些細節(jié)上自己再調(diào)整一下。

圖標設(shè)計,設(shè)計播放按鈕圖標

第十二步:

在黃色圓環(huán)上添加文字,在文字上添加圖層樣式,打造一種立體的感覺。

圖標設(shè)計,設(shè)計播放按鈕圖標

最終效果:

圖標設(shè)計,設(shè)計播放按鈕圖標

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
劉一芊2018-02-24 11:44
瞧瞧
金針蘑菇王2017-05-29 02:25
感謝小編
金針蘑菇王2017-05-29 02:25
感謝小編
這個ID是夢到的2017-05-28 03:05
好人
這個ID是夢到的2017-05-28 03:05
好人

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

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