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

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

步驟四:

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

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

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

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

步驟五:

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

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

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

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

步驟六:

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

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

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

步驟七:

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

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

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

步驟八:

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

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

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

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

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