教程的過程相對(duì)簡(jiǎn)單,布爾運(yùn)算構(gòu)成圖標(biāo)主體,效果則是用圖層樣式實(shí)現(xiàn)。有需要學(xué)習(xí)的朋友如果遇到什么問題可以下載教程的源文件,下面就一起來學(xué)習(xí)吧。

先看看效果圖

PS制作QQ瀏覽器APP圖標(biāo)

新建文檔,將我們所提供的紋理素材放入文檔中,充當(dāng)背景。

PS制作QQ瀏覽器APP圖標(biāo)

我添加了一個(gè)色彩平衡調(diào)整層,調(diào)整了一下背景的顏色。

PS制作QQ瀏覽器APP圖標(biāo)

下面,用圓角矩形工具,畫出圖標(biāo)的主體,并添加圖層樣式,我添加了斜面浮雕、內(nèi)陰影、投影三個(gè)樣式。

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

 

復(fù)制一層這個(gè)主體,右鍵清除圖層樣式,將填充修改為0,重新添加一個(gè)新的圖層樣式。

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

接下來,我們來畫QQ瀏覽器的圖標(biāo),這個(gè)相信大家肯定會(huì)畫,非常簡(jiǎn)單的布爾運(yùn)算,在這里,我們分成了兩層來畫,首先,我們畫出了下面這個(gè)形狀。

PS制作QQ瀏覽器APP圖標(biāo)

我為這個(gè)形狀添加了一個(gè)漸變疊加。

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

接下來,還是用布爾運(yùn)算,補(bǔ)上欠缺的那部分云。

PS制作QQ瀏覽器APP圖標(biāo)

 

選擇住組成QQ瀏覽器圖標(biāo)的這兩個(gè)圖層,CTRL+G,創(chuàng)建圖層組,給這個(gè)圖層組添加一個(gè)圖層樣式。

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

PS制作QQ瀏覽器APP圖標(biāo)

最后我添加了一個(gè)色階調(diào)整層,作最后的微調(diào)。

PS制作QQ瀏覽器APP圖標(biāo)

最終效果如下:

PS制作QQ瀏覽器APP圖標(biāo)

標(biāo)簽:APP圖標(biāo)

隨機(jī)推薦