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

下面是教程:

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



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




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

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






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

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




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






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


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


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


最終效果圖

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

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












