繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

2019-02-24 00:00:00 來源/作者: Yisvip / 宇恒 己有:689人學(xué)習(xí)過

本教程主要使用Photoshop繪制立體感十足的相機(jī)鏡頭圖標(biāo),教程的主要部分都是用圖層樣式來完成的,感興趣的朋友一起來學(xué)習(xí)吧。

最終效果:

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

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

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

步驟一:

首先新建畫布800*600畫布,命名為相機(jī),填充背景顏色#c5c3c6

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

步驟二:

使用圓角矩形、繪制一個(gè)280*280,圓角半徑為50px的圖層,并為它添加圖層樣式。

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

步驟三:

接下來我們新建85*280的矩形,命名為綠條、添加圖層樣式。

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

 

步驟四:

使用橢圓工具、繪制一個(gè)170*170的大圓,并為它添加圖層樣式。

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

步驟五:

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

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

步驟六:

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

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程

繪制立體雙鏡頭相機(jī)APP圖標(biāo)的PS教程