播放按鈕,設計視頻音樂播放按鈕教程(2)

來源:站酷 作者:全棧UI筆記 學習:8069人次

步驟四:

繼續(xù)復制外圓圖層命名為灰圓,將顏色改為#c8c8c8添加新的圖層樣式

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

步驟五:

現(xiàn)在用矩形選框工具繪制到需要遮擋的位置,之后為灰圓添加圖層蒙版,為蒙版填充黑色。

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

步驟六:

現(xiàn)在我們來繪制按鍵部分,使用橢圓工具繪制二個正圓,大小分別295px*295px、172px*172px將兩個形狀圖層合并形狀,使用小黑工具單擊選中內圓,并減去頂層形狀。

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

步驟七:

現(xiàn)在繼續(xù)使用布爾運算按住alt鍵當箭頭出現(xiàn)“-”號繪制矩形,剪切不需要的地方。右側方法操作一樣繪制完成后合并形狀組件。

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

步驟八:

現(xiàn)在繼續(xù)繪制按鍵,選擇合并形狀,繪制兩個正圓,選擇添加錨點工具,在圓的兩側位置添加倆個錨點,選擇直接選擇工具,選中錨點,將錨點移動到合適位置,其他三角操作方式相同。

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

播放按鈕,設計視頻音樂播放按鈕教程_m.tgudhdp.cn

學習 · 提示

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

關注大神微博加入>>

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