學(xué)習(xí)制作精致相機(jī)圖標(biāo)的PS教程

2020-04-15 00:00:00 來源/作者: 互聯(lián)網(wǎng) / 欣博 己有:277人學(xué)習(xí)過

相機(jī)圖標(biāo)的鏡片部分稍微復(fù)雜一點,不過作者非常厲害,全部用圖層樣式來完成,制作的時候只需畫好一個底圖,然后添加圖層樣式即可。最終效果

制作精致相機(jī)圖標(biāo)的PS實例教程

 

一、新建大小自定的文件,背景填充黑色。選擇圓角矩形工具在畫布上畫一個200 * 200像素,圓半徑為40PX的圓角矩形。

制作精致相機(jī)圖標(biāo)的PS實例教程

 

二、雙擊圖層面板縮略圖調(diào)出圖層樣式,先設(shè)置漸變疊加,如下圖。

制作精致相機(jī)圖標(biāo)的PS實例教程 

制作精致相機(jī)圖標(biāo)的PS實例教程

 

三、前面說過,內(nèi)發(fā)光的思路是靠她來遮住鏡頭以外的漸變,并以此增加一圈徑向的漸變色,這里參數(shù)很重要,并且尺寸不同,效果也會不一樣,這也解釋了為什么第1步時我需要指定大小哈。

制作精致相機(jī)圖標(biāo)的PS實例教程 

制作精致相機(jī)圖標(biāo)的PS實例教程

 

四、最關(guān)鍵的一步來了,我們現(xiàn)在要畫出鏡頭的輪廓及。用什么畫?當(dāng)然是斜面浮雕呀,斜面浮雕真是個好東西,她只要兩個等高線就能做出復(fù)雜的結(jié)構(gòu)樣式,想要學(xué)好UI的同學(xué)們最好花精力研究下哦,后面我有相關(guān)的詳細(xì)講解。這里若自己調(diào)整參數(shù)可能需要回過頭繼續(xù)調(diào)整一下內(nèi)發(fā)光,因為兩者的尺寸是呼應(yīng)的。

制作精致相機(jī)圖標(biāo)的PS實例教程 

制作精致相機(jī)圖標(biāo)的PS實例教程 

 

五、設(shè)置等高線。

制作精致相機(jī)圖標(biāo)的PS實例教程

 

六、其實完成上面一步,這相機(jī)就已經(jīng)成型了,所以下面的參數(shù)并沒那么重要,同學(xué)們完全可以按照自己的理解和喜好來完成最后的潤飾。為了照顧新手和教程的完整性,我還是貼出了參數(shù)。

制作精致相機(jī)圖標(biāo)的PS實例教程 

制作精致相機(jī)圖標(biāo)的PS實例教程