繪制立體圓形旋鈕播放圖標(biāo)的PS教程

2019-02-22 00:00:00 來(lái)源/作者: 自媒體 / 佑槐 己有:1123人學(xué)習(xí)過(guò)

本教程主要使用Photoshop制作立體圓形的播放圖標(biāo)教程,教程的陰影效果和質(zhì)感的表現(xiàn)都是通過(guò)圖層樣式來(lái)完成的,教程的步驟非常的詳細(xì),感興趣的朋友一起學(xué)習(xí)吧。

最終效果:

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

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

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

步驟一:

首先新建畫布1000px*1000px畫布,命名為旋轉(zhuǎn)按鈕,為背景添加漸變疊加圖層樣式。

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

步驟二:

使用橢圓工具、繪制一個(gè)700px*700px底座,并為它添加圖層樣式。

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

 

步驟三:

高逼格的底座一下就出來(lái)了,有木有!!!接下來(lái)繼續(xù)使用橢圓工具、繪制一個(gè)等大的圓,并為它添加圖層樣式,圖案疊加追加灰度紙,選擇纖維紙圖案。

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

步驟四:

現(xiàn)在繪制一下底座的線條吧,選擇直線工具繪制一條長(zhǎng)度700px粗細(xì)3px的直線吧,顏色為#909090。

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

步驟五:

復(fù)制直線執(zhí)行自由變換命令,調(diào)整中心點(diǎn)至畫布中心,旋轉(zhuǎn)60度,并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外1個(gè)直線段,并添加一下圖層樣式吧。

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程

繪制立體圓形旋鈕播放圖標(biāo)的PS教程