PS設計綠色漸變立體風格的旋轉式播放按鈕教程
如何使用PS設計綠色漸變立體風格的旋轉式播放按鈕?教程主要分為底座、外圓、內圓三個部分,其它問題都不大,主要是外圓部分,大部分的地區(qū)需要用到多個圖層來繪制線條,然后使用圖層樣式來完成,對有些小伙伴來說可能有些難度,不過,試過才知道,下面讓我們開始制作這個播放按鈕吧!
點擊下載教程源文件和視頻教程:播放按鈕
最終效果:

主要過程:

步驟一:首先新建畫布900px*900px畫布,命名為播放按鈕,為背景添加顏色#3d3835。


步驟二:使用圓角矩形工具、繪制一個615px*615px圓角半徑為90px底座,并為它添加圖層樣式。




步驟三:接下來繼續(xù)使用橢圓工具、繪制一個400px的正圓,并為它添加圖層樣式。



步驟四:在繪制一下底座的線條吧,選擇直線工具繪制一條長度30px粗細1px的直線吧,顏色為#818181。

步驟五:復制直線執(zhí)行自由變換命令,調整中心點至畫布中心,旋轉15度,并執(zhí)行重復上一命令并復制操作shift+ctrl+alt+t復制出另外余下的直線段,并添加一下圖層樣式吧。




步驟六:接下來使用橢圓工具、繪制一個330px*330px的正圓,并為它添加圖層樣式。



步驟七:我們繼續(xù)使用橢圓工具、繪制一個260px的正圓,并為它添加圖層式。



步驟八:現(xiàn)在繼續(xù)繪制一下底座的線條吧,選擇直線工具繪制一條長度8px粗細1px的直線吧,顏色為#898989。

步驟九:復制直線執(zhí)行自由變換命令,調整中心點至畫布中心,旋轉15度,并執(zhí)行重復上一命令并復制操作shift+ctrl+alt+t復制出另外余下的直線段。

步驟十:重復上面步驟繪制長度32px粗細1px的直線吧,顏色為#898989,并復制旋轉90度。

步驟十一:現(xiàn)在我們來繪制內圓的部分,用橢圓工具、繪制一個170px*170px的正圓,并為它添加圖層樣式。



步驟十二:繼續(xù)繪制內圓的部分,用橢圓工具、繪制一個130px*130px的正圓,并為它添加圖層樣式。


步驟十三:
現(xiàn)在我們來繪制最后一個小圓吧,用橢圓工具、繪制一個15px*15px的正圓,顏色為#60a500并為它添加圖層樣式,復制小圓,將顏色改為#fe0000,放到合適的位置就完成這個案例了哦。




教程結束,以上就是PS設計綠色漸變立體風格的旋轉式播放按鈕教程的全部內容,希望大家喜歡!
相關教程推薦:
相關文章
今天的教程是教給大家做一個非常有圣誕氛圍的圣誕快樂按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來學習2021-06-16
ps2021怎么做漂亮的漸變按鈕?ps中想要設計一款領券的按鈕,如果添加漸變色會更加顯眼,該怎么設計漸變色按鈕呢?下面我們就來看看ps按鈕樣式的設計方法,詳細請看下文介紹2021-05-27
很多人人物游戲按鈕只能用AI才能設計,其實不然,一些按鈕不只可以用AI設計,PS照樣可以,今天我們就教大家制作一個藍色科技金屬質感的“play”按鈕,一起來學習吧2021-05-18
ps怎么設計配色干凈扁平化按鈕?很多時候我們會看到各種按鈕,想要設計一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設計方法,需要的朋友2021-04-08
怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來學習吧2020-12-15
ps怎么設計圓形的不銹鋼金屬按鈕圖標?ps中想要設計一款圓形的按鈕,該怎么設計這個按鈕矢量圖呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-06-30
PS怎么設計可愛的按鈕?ps中想要設計一款可愛的按鈕,該怎么設計呢?下面我們就來看看ps設計按鈕的教程,需要的朋友可以參考下2018-10-30
ps怎么設計逼真的玻璃質感按鈕?ps中想要設計一款漂亮的玻璃按鈕,該怎么設計逼真透明的玻璃按鈕呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-09-23
ps怎么設計創(chuàng)意的圓形按鈕?ps中想要設計按鈕,該怎么設計創(chuàng)意的按鈕圖標呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-08-09
PS怎么設計左右輪播圖的按鈕?網頁中經常能見到多張圖片輪播的效果,會有左右按鈕,該怎么設計這個按鈕呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-08-09











