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

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

步驟四:

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

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

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

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

步驟五:

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

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

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

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

步驟六:

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

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

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

步驟七:

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

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

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

步驟八:

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

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

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

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

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

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

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