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

2022-12-26 11:04:49 來(lái)源/作者: / 己有:15人學(xué)習(xí)過(guò)

步驟四:

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

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

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

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

步驟五:

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

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

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

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

步驟六:

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

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

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

步驟七:

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

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

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

步驟八:

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

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

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

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

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