如何使用PS設(shè)計(jì)綠色漸變立體風(fēng)格的旋轉(zhuǎn)式播放按鈕？教程主要分為底座、外圓、內(nèi)圓三個(gè)部分，其它問(wèn)題都不大，主要是外圓部分，大部分的地區(qū)需要用到多個(gè)圖層來(lái)繪制線(xiàn)條，然后使用圖層樣式來(lái)完成，對(duì)有些小伙伴來(lái)說(shuō)可能有些難度，不過(guò)，試過(guò)才知道，下面讓我們開(kāi)始制作這個(gè)播放按鈕吧！

點(diǎn)擊下載教程源文件和視頻教程：播放按鈕

最終效果：

主要過(guò)程：

步驟一：首先新建畫(huà)布900px*900px畫(huà)布，命名為播放按鈕，為背景添加顏色#3d3835。

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

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

步驟四：在繪制一下底座的線(xiàn)條吧，選擇直線(xiàn)工具繪制一條長(zhǎng)度30px粗細(xì)1px的直線(xiàn)吧，顏色為#818181。

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

步驟六：接下來(lái)使用橢圓工具、繪制一個(gè)330px*330px的正圓，并為它添加圖層樣式。

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

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

步驟九：復(fù)制直線(xiàn)執(zhí)行自由變換命令，調(diào)整中心點(diǎn)至畫(huà)布中心，旋轉(zhuǎn)15度，并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外余下的直線(xiàn)段。

步驟十：重復(fù)上面步驟繪制長(zhǎng)度32px粗細(xì)1px的直線(xiàn)吧，顏色為#898989，并復(fù)制旋轉(zhuǎn)90度。

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

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

步驟十三：

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

教程結(jié)束，以上就是PS設(shè)計(jì)綠色漸變立體風(fēng)格的旋轉(zhuǎn)式播放按鈕教程的全部?jī)?nèi)容，希望大家喜歡！

相關(guān)教程推薦：

PS CC制作簡(jiǎn)單漂亮的旋轉(zhuǎn)動(dòng)畫(huà)圖標(biāo)

photoshop 播放器按鈕的制作教程

Photoshop設(shè)計(jì)非常漂亮的藍(lán)色立體播放按鈕

最新評(píng)論