播放按鈕,設(shè)計(jì)圓形白色播放按鈕
來(lái)源:站酷
作者:全棧UI筆記
學(xué)習(xí):12626人次
本篇教程教大家設(shè)計(jì)一個(gè)藍(lán)色紋理的播放主題按鈕,主要分幾個(gè)部分完成,全都是利用圖層樣式做出立體感,步驟有點(diǎn)多,但難度不算高,有耐性就能跟著做出來(lái)。
最終效果:
老規(guī)矩,先來(lái)分析一下。這里我們主要分為四個(gè)部分:底座、外圓、內(nèi)圓、半圓,問(wèn)題都不大,主要是外圓部分、需要用到多個(gè)圖層及圖層樣式,來(lái)表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶!!!
步驟一:
首先新建畫(huà)布1000px*1000px畫(huà)布,命名為播放按鈕,為背景添加漸變疊加圖層樣式。
步驟二:
使用圓角矩形、繪制一個(gè)600px*600px,圓角半徑為90px的底座,并為它添加圖層樣式。
步驟三:
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- UI教程,ps臨摹一個(gè)瀏覽器圖標(biāo)實(shí)例
- PS火箭圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- ps設(shè)計(jì)建筑物UI圖標(biāo)
- 圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- 音樂(lè)圖標(biāo),設(shè)計(jì)木質(zhì)的音樂(lè)播放器主題UI圖標(biāo)
- 移動(dòng)UI設(shè)計(jì)須知
- AI設(shè)計(jì)飛鏢UI圖標(biāo)教程
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!