ps怎么設(shè)計(jì)一個(gè)漂亮的圓形播放器開(kāi)關(guān)按鈕?
ps中想要設(shè)計(jì)一個(gè)白色的按鈕,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程。

下面是教程:

步驟一:首先新建畫(huà)布1000px*1000px畫(huà)布,命名為播放圖標(biāo),為其添加漸變疊加圖層樣式。



步驟二:我們最先來(lái)繪制底座吧,使用圓角矩形工具、繪制一個(gè)500px*500px圓角半徑90px的底座,并為它添加圖層樣式。




步驟三:高逼格的底座一下就出來(lái)了,有木有!!!現(xiàn)在來(lái)繪制下裝飾部分,繪制兩個(gè)360px的正圓,將填充數(shù)值都設(shè)置為0。

步驟四:現(xiàn)在為裝飾圓添加不同的描邊效果,并將多余的線條利用選區(qū)框選出來(lái),在圖層蒙版遮中填充黑色。






步驟五:現(xiàn)在選擇直線段工具,長(zhǎng)度20px,粗細(xì)4px,并復(fù)制為加號(hào)移動(dòng)到合適位置,添加OFF文字Adobe 黑體 Std R,字體大小20點(diǎn)顏色#a0a0a0。

步驟六:現(xiàn)在我們來(lái)繪制內(nèi)部圓,繼續(xù)使用橢圓工具、繪制一個(gè)290px*290px的正圓,并為它添加圖層樣式。




步驟七:現(xiàn)在我們來(lái)繪制圓環(huán),繪制兩個(gè)正圓大小分別為200x,180px的正圓,將倆個(gè)合并為一個(gè)形狀層,選擇路徑選擇工具選擇內(nèi)圓,減去頂層形狀,并添加圖層樣式。






步驟八:繼續(xù)使用橢圓工具,繪制一個(gè)180px*180px的正圓,并添加圖層樣式。


步驟九:現(xiàn)在我們來(lái)繪制一下最后的小圓吧,繪制一個(gè)20px*20px的正圓,并添加圖層樣式。


步驟十:就剩高光部分了哦,繪制一個(gè)大小為180px的正圓,將填充設(shè)置為0,添加圖層樣式吧。


最終效果圖

以上就是本篇教程的全部?jī)?nèi)容,主要分為二個(gè)部分:底座、內(nèi)圓、其它問(wèn)題都不大,主要是內(nèi)圓部分、需要用到多個(gè)圖層及圖層樣式,來(lái)表現(xiàn)圖標(biāo)的立體感,教程的主要部分都是用圖層樣式來(lái)完成的,喜歡的朋友可以繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
ps怎么做一個(gè)朦朧的按鈕? ps制作彌漫陰影效果的按鈕的教程
相關(guān)文章

PS設(shè)計(jì)綠色漸變立體風(fēng)格的旋轉(zhuǎn)式播放按鈕教程
最近,很多網(wǎng)友問(wèn)小編ps怎么做按鈕效果?今天腳本之家小編就給大家?guī)?lái)PS設(shè)計(jì)綠色漸變立體風(fēng)格的旋轉(zhuǎn)式播放按鈕教程,教程打造的播放按鈕非常漂亮,講解的也很詳細(xì),感興趣2017-08-03
PS做怎么制作一個(gè)深色的時(shí)鐘按鈕?ps中想要設(shè)計(jì)一個(gè)時(shí)鐘按鈕該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,很簡(jiǎn)單,要的朋友可以參考下2017-07-27
ps怎么設(shè)計(jì)一款圓形帶有數(shù)字的播放按鈕?
ps怎么設(shè)計(jì)一款圓形帶有數(shù)字的播放按鈕?ps中想要設(shè)計(jì)一款圓形的按鈕圖標(biāo),但有數(shù)字,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-07-26
PS怎么做一個(gè)藍(lán)色的網(wǎng)頁(yè)翻頁(yè)按鈕?
PS怎么做一個(gè)藍(lán)色的翻頁(yè)按鈕?想要繪制一個(gè)下一頁(yè)的按鈕,該怎么繪制呢?下面我們就來(lái)看看詳細(xì)的繪制方法,很簡(jiǎn)單,需要的朋友可以參考下2017-07-19
PS怎么設(shè)計(jì)一款圓形的環(huán)保按鈕?
PS怎么設(shè)計(jì)一款圓形的環(huán)保按鈕?想要畫(huà)一個(gè)可以循環(huán)使用的按鈕圖標(biāo),該怎么繪制呢?下面我們就來(lái)看看詳細(xì)的繪制方法,很簡(jiǎn)單,需要的朋友可以參考下2017-07-19
PS怎么設(shè)計(jì)一個(gè)推拉式按鈕?ps中想要繪制一個(gè)按鈕,雖然我們已經(jīng)介紹了很多按鈕的繪制教程,今天我們就來(lái)看看繪制一個(gè)推拉按鈕的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-07-05
PS怎么繪制一個(gè)綠色的按鈕?ps中想要繪制一個(gè)綠色的光亮的按鈕,該怎么繪制呢?下面我們就來(lái)看看詳細(xì)的繪制教程,很簡(jiǎn)單,需要的朋友可以進(jìn)來(lái)參考一下2017-07-05
PS怎么設(shè)計(jì)一款精致的立體按鈕?ps中想要設(shè)計(jì)一款立體的水晶按鈕,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)教程,很簡(jiǎn)單,需要的朋友可以參考下2017-07-03
最近,很多網(wǎng)友問(wèn)小編怎么用ps制作玻璃質(zhì)感按鈕?今天腳本之家小編就教大家使用ps制作光滑平整的透明玻璃質(zhì)感按鈕的方法,教程中玻璃質(zhì)感主要表現(xiàn)物體的光影效果, 要突出2017-06-22
ps怎么繪制一個(gè)扁平的UI圖標(biāo)?想要設(shè)計(jì)一款下載圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-06-13












