播放按鈕,設(shè)計圓形白色播放按鈕

2022-12-26 11:10:00 來源/作者: / 己有:9人學(xué)習(xí)過

本篇教程教大家設(shè)計一個藍(lán)色紋理的播放主題按鈕,主要分幾個部分完成,全都是利用圖層樣式做出立體感,步驟有點(diǎn)多,但難度不算高,有耐性就能跟著做出來。

最終效果:

播放按鈕,設(shè)計圓形白色播放按鈕

老規(guī)矩,先來分析一下。這里我們主要分為四個部分:底座、外圓、內(nèi)圓、半圓,問題都不大,主要是外圓部分、需要用到多個圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠(yuǎn)么,噢耶?。?!

播放按鈕,設(shè)計圓形白色播放按鈕

步驟一:

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

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

步驟二:

使用圓角矩形、繪制一個600px*600px,圓角半徑為90px的底座,并為它添加圖層樣式。

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

播放按鈕,設(shè)計圓形白色播放按鈕

步驟三: