播放按鈕,設(shè)計(jì)圓形白色播放按鈕
- 2022-12-24 19:04:04
- 來(lái)源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
本篇教程教大家設(shè)計(jì)一個(gè)藍(lán)色紋理的播放主題按鈕,主要分幾個(gè)部分完成,全都是利用圖層樣式做出立體感,步驟有點(diǎn)多,但難度不算高,有耐性就能跟著做出來(lái)。
本篇教程教大家設(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)么,噢耶!!!

步驟一:
首先新建畫布1000px*1000px畫布,命名為播放按鈕,為背景添加漸變疊加圖層樣式。



步驟二:
使用圓角矩形、繪制一個(gè)600px*600px,圓角半徑為90px的底座,并為它添加圖層樣式。






步驟三:
*PSjia.COM 傾力出品,轉(zhuǎn)載請(qǐng)注明來(lái)自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) ps網(wǎng)頁(yè)設(shè)計(jì) UI設(shè)計(jì)教程 白色按鈕 播放按鈕 全棧UI筆記 圓形按鈕








