播放按鈕,設(shè)計(jì)視頻音樂(lè)播放按鈕教程
來(lái)源:站酷
作者:全棧UI筆記
學(xué)習(xí):8069人次
本篇教程跟大家講解如何設(shè)計(jì)一枚簡(jiǎn)潔白色風(fēng)格的播放按鈕,難度不算大,整體效果都是由圖層樣式來(lái)制作,各位新手設(shè)計(jì)師可以跟著教程一起學(xué)習(xí)。
最終效果:
老規(guī)矩先來(lái)分析一下,這里我們主要分為三個(gè)部分:外圓、按鍵、方向,外圓和方向問(wèn)題都不大,主要是按鍵部分需要用到多個(gè)圖層及圖層樣式來(lái)表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么?噢耶。!
步驟一:
首先新建畫(huà)布500px*500px畫(huà)布,命名為按鍵,填充背景顏#d0d0d0。
步驟二:
使用橢圓工具繪制二個(gè)正圓,大小分別為400px*400px、345px*345px將兩個(gè)形狀圖層合并形狀,使用路徑選擇工具單擊選中內(nèi)圓,并減去頂層形狀,操作完成后命名為外圓,添加圖層樣式。
步驟三:
復(fù)制外圓圖層,清除圖層樣式命名為藍(lán)圓,并添加新的圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 全棧UI筆記
- 播放按鈕
- 視頻播放按鈕
- 音樂(lè)播放按鈕
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
手機(jī)用戶(hù)54557148772019-02-07 02:38
打卡
回復(fù)
霖風(fēng)2019-01-20 10:45
勤2017-08-19 11:44
首先感謝老師,按著你的步驟是終于做完了,其次我覺(jué)的你發(fā)的教程實(shí)在太難了,我還是稍微有點(diǎn)基礎(chǔ),如果完全沒(méi)有基礎(chǔ)的按著你的步驟能做到水溝里去
相關(guān)教程
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡(jiǎn)單的書(shū)本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡(jiǎn)單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 插畫(huà)制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫(huà)圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡(jiǎn)約的圓環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)制作,制作立體風(fēng)格的食物圖標(biāo)
推薦教程
- 圖標(biāo)設(shè)計(jì),通過(guò)PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 塑料按鈕的制作方法
- 用ps制作高光橘色RSS按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- ps網(wǎng)頁(yè)開(kāi)關(guān)按鈕
- photoshop制作網(wǎng)頁(yè)用水晶按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!