圖標(biāo)繪制

2018-03-16 1353 1

本教程主要使用Photoshop設(shè)計(jì)灰色漸變風(fēng)格的播放圖標(biāo)教程,教程的主要部分都是用圖層樣式來完成的,騷年們趕緊行動(dòng)起來吧^o^
 


最終效果:

 

81415976bc55a8012193a3d2aa06.jpg


 

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

108a5976bc5fa8012193a34ae235.jpg


 

步驟一:
 

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

 

 


 

步驟二:
 

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

 


步驟三:

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

 

 

 


 

步驟四:
 

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

fb045976bcaca8012193a32e6b3e.jpg


 

步驟五:
 

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

 

 

 


步驟六:

接下來使用橢圓工具、繪制一個(gè)450px*450px的正圓,并為它添加圖層樣式。

 

 

 


 

步驟七:
 

繼續(xù)使用橢圓工具、繪制一個(gè)400px*400px的正圓,并為它添加圖層樣式。

 


步驟八:

我們繼續(xù)使用橢圓工具、繪制一個(gè)350px*350px的正圓,并為它添加圖層樣式。

 

 

 

步驟九:

現(xiàn)在我們趕緊來繪制最后一個(gè)圓吧,使用橢圓工具繪制一個(gè)30px*30px正圓,給它起名叫小內(nèi)圓吧,并為它添加圖層樣式。

 


 

步驟十:

就剩文字部分了哦,選擇文字工具微軟雅黑,字體大小50點(diǎn),顏色白色,輸入文字放到合適的位置,并添加圖層樣式。

 

 


 

步驟有點(diǎn)多哦,但是只要勤加練習(xí),會(huì)很大程度上提高你的PS水平哦^o^,騷年前輩告訴我們要時(shí)刻富有創(chuàng)新精神,而不是單純的模仿喲,偷偷告訴你們公眾號(hào)里面psd源文件和視頻教程哦,有木有很心動(dòng)( ̄▽ ̄)/趕快來嘗試下吧??!
 


29
評(píng)論區(qū)(0)
正在加載評(píng)論...