播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程(3)

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

步驟九:

現(xiàn)在給按鍵圖層添加圖層樣式,并命名為頂部按鍵。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

步驟十:

復(fù)制頂部按鍵執(zhí)行自由變換命令,調(diào)整中心點(diǎn)至畫布中心,旋轉(zhuǎn)90度,并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外兩個(gè)按鍵形狀。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

步驟十一:

現(xiàn)在繪制一下按鍵中心圓部分,選擇橢圓工具繪制130px*130px的正圓,命名為按鍵內(nèi)圓,復(fù)制頂部按鍵圖層樣式,最后將整體按鍵打組命名為按鍵。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

步驟十二:

選擇多邊形工具邊數(shù)設(shè)置為3繪制三角形,在利用矩形工具繪制兩個(gè)矩形,將三個(gè)形狀合并形狀,命名為中心方向。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

步驟十三:

高逼格的按鍵一下就出來了,有木有。!現(xiàn)在我們?yōu)橹行姆较驁D層添加圖層樣式吧。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

步驟十四:

現(xiàn)在我們趕緊來繪制最后的部分吧,操作方式同上,創(chuàng)建完成后拷貝中心方向的圖層樣式吧,最后將整體打組命名為按鍵吧。

播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程_www.theoat.com.cn

本篇教程講解就到這里,雖然步驟多,但難度適中,有恒心的同學(xué)一定能制作出來。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
手機(jī)用戶54557148772019-02-07 02:38
打卡
霖風(fēng)2019-01-20 10:45
華麗照相2017-09-25 05:47
看不懂
2017-08-19 11:44
首先感謝老師,按著你的步驟是終于做完了,其次我覺的你發(fā)的教程實(shí)在太難了,我還是稍微有點(diǎn)基礎(chǔ),如果完全沒有基礎(chǔ)的按著你的步驟能做到水溝里去
2017-08-19 10:21
簡單的一個(gè)事情被你說的這么復(fù)雜也是一種能力妗ョ劧涔︾敓 的原帖:確實(shí)看的我云里霧里
艾九月112017-07-31 05:26
看看怎么弄的
橋然書生2017-07-31 04:11
簡單的一個(gè)事情被你說的這么復(fù)雜也是一種能力
6497934132017-07-31 12:46
我的作業(yè):
大鬧所有聰兒2017-07-31 12:34
有點(diǎn)簡單
龍翔天籟2017-07-31 10:38
真不錯(cuò)
讓一切都完美2017-07-31 07:16
學(xué)習(xí)了看看行嗎?
月亮西邊升起2017-07-31 05:51
頂頂頂頂頂頂
騎自行車游敖漢2017-07-31 04:21
細(xì)節(jié)處理的不是很好
混不靈丁2017-07-31 02:32
打卡

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

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