播放按鈕,設(shè)計視頻音樂播放按鈕教程
來源:站酷
作者:全棧UI筆記
學(xué)習(xí):8069人次
本篇教程跟大家講解如何設(shè)計一枚簡潔白色風(fēng)格的播放按鈕,難度不算大,整體效果都是由圖層樣式來制作,各位新手設(shè)計師可以跟著教程一起學(xué)習(xí)。
最終效果:
老規(guī)矩先來分析一下,這里我們主要分為三個部分:外圓、按鍵、方向,外圓和方向問題都不大,主要是按鍵部分需要用到多個圖層及圖層樣式來表現(xiàn)圖標的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠么?噢耶。!
步驟一:
首先新建畫布500px*500px畫布,命名為按鍵,填充背景顏#d0d0d0。
步驟二:
使用橢圓工具繪制二個正圓,大小分別為400px*400px、345px*345px將兩個形狀圖層合并形狀,使用路徑選擇工具單擊選中內(nèi)圓,并減去頂層形狀,操作完成后命名為外圓,添加圖層樣式。
步驟三:
復(fù)制外圓圖層,清除圖層樣式命名為藍圓,并添加新的圖層樣式。
學(xué)習(xí) · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論

手機用戶54557148772019-02-07 02:38
打卡
回復(fù)



勤2017-08-19 11:44
首先感謝老師,按著你的步驟是終于做完了,其次我覺的你發(fā)的教程實在太難了,我還是稍微有點基礎(chǔ),如果完全沒有基礎(chǔ)的按著你的步驟能做到水溝里去










相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!