Photoshop打造半透明的橙色玻璃圖標(biāo)

站酷發(fā)布時(shí)間：2010-09-28 20:44:26 作者：Jommans

作者寄語(yǔ)：一個(gè)圖標(biāo)跟畫(huà)一幅油畫(huà)差不多，也是經(jīng)歷起稿，形狀，大色塊，細(xì)節(jié)這幾步來(lái)做的，只不過(guò)做圖標(biāo)沒(méi)油畫(huà)那么有藝術(shù)氣息罷了。這個(gè)教程只當(dāng)做參考之用，并不是什么標(biāo)準(zhǔn)，我們還是得在不停的實(shí)踐中找到屬于自己的技巧，形成自己的風(fēng)格。

最終效果

Photoshop打造半透明的橙色玻璃圖標(biāo)

1、新建一個(gè)256 * 256像素的文檔，如下圖。

2、先把圖標(biāo)主要輪廓形狀畫(huà)出來(lái)。新建一個(gè)組，然后選擇圓角矩形工具，半徑設(shè)置為100，畫(huà)出一個(gè)兩頭圓的形狀。

Photoshop打造半透明的橙色玻璃圖標(biāo)

3、選擇橢圓工具，畫(huà)出兩個(gè)橢圓，將小橢圓向上移一點(diǎn)，讓它看起來(lái)有透.視感。然后按住Ctrl 點(diǎn)小橢圓的圖層，得到小橢圓的圖層選區(qū)。

4、選擇矩形選框工具，在屬性欄選擇“添加到選區(qū)”，然后拉出下圖所示的選區(qū)。

Photoshop打造半透明的橙色玻璃圖標(biāo)

5、新建一個(gè)組，選中，然后點(diǎn)擊蒙版，得到一個(gè)帶有蒙版的組，把白色長(zhǎng)條圓角圖層拖進(jìn)去，就得到一個(gè)半圓角。我們等下就要在這個(gè)組里制作這個(gè)透明玻璃罩。蒙版組這個(gè)方法挺方便不用一個(gè)ietuc一個(gè)圖層去蒙版。

Photoshop打造半透明的橙色玻璃圖標(biāo)

6、用圓角矩形工具再畫(huà)一個(gè)相同的形狀，不過(guò)要大一點(diǎn)，不要超過(guò)黑色橢圓的寬度，加點(diǎn)顏色好區(qū)分各個(gè)圖層。

7、柵格化黃色這個(gè)圓角圖層，然后把多余的用選區(qū)工具刪除。因?yàn)橛脵E圓工具畫(huà)出來(lái)是矢量，沒(méi)法直接刪減，只有柵格化變成位圖再刪減。

Photoshop打造半透明的橙色玻璃圖標(biāo)

8、復(fù)制白色圓角圖層，然后雙擊其中一個(gè)，填充為0%，然后給它添加“內(nèi)發(fā)光”數(shù)值，不透明度為：20%，大小20。

9、雙擊另外一個(gè)圓角圖層，也是設(shè)置填充0%，這個(gè)內(nèi)發(fā)光就要厚一些，不透明度80%，大小為10。

Photoshop打造半透明的橙色玻璃圖標(biāo)

10、新建一個(gè)組，用白色圓角作為選區(qū)來(lái)蒙版組，在這個(gè)組里添加透明玻璃罩的細(xì)節(jié)，先畫(huà)一個(gè)反光，透明度為20%。

11、畫(huà)一個(gè)白色橢圓，柵格化，然后點(diǎn)快速蒙版模式，畫(huà)一個(gè)漸變。退出蒙版模式，按Delete 得到一個(gè)透明漸變高光。

Photoshop打造半透明的橙色玻璃圖標(biāo)

12、用鋼筆工具隨意畫(huà)些圓弧形狀，用到制作一些反光細(xì)節(jié)。

13、畫(huà)完后執(zhí)行：濾鏡 > 模糊 > 高斯模糊，數(shù)值自己測(cè)試，這里是2.5，得到一個(gè)小光點(diǎn)。

Photoshop打造半透明的橙色玻璃圖標(biāo)

14、按同樣的方法，畫(huà)多幾個(gè)反光點(diǎn)。

15、用鋼筆工具畫(huà)一個(gè)高光，填充7%。