使用PS制作一個(gè)透明電池圖標(biāo)

在這個(gè)教程中，朱峰社區(qū)老師將為大家制作一個(gè)類似于iphone上面的電池圖標(biāo)，它的“燃料”顏色和級(jí)別都可以更改！

先新建一個(gè)文檔，把背景設(shè)成黑色。設(shè)成任何尺寸都可以，我的是600px乘以400px的。我們先做這個(gè)電池尾部的金屬帽。首先先畫出它的形狀，就像下面的這樣。過渡顏色為90%灰度的灰色，白色和黑色。此外，要給對(duì)象1px的羽化，并把透明度調(diào)為75%。（圖01）

圖01

復(fù)制（ctrl+c）這個(gè)對(duì)象然后直接把它粘貼到前面（ctrl+f）。然后按向右的箭頭將它輕移1px。它的漸變是80%的灰色，黑色，80%的灰色。然后把透明度調(diào)整到100%。然后把外觀拖到下面的小垃圾桶以去除羽化。（圖02）

圖02

在兩邊加一些高光，用鋼筆畫2個(gè)下面這樣的形狀，把它們填充為白色，然后把上面的高光透明度調(diào)到75%，下面高光的調(diào)到25%。同樣的，給它們2px的羽化。（圖03）

圖03

它可能不是很明顯，看起來像沒有一樣，但是我們還是要給這個(gè)金屬添加反射。用鋼筆畫出下面的形狀。上面是白色，下面是90%的灰色，然后同樣給它1px的羽化。下面的反射，按照下圖畫出另外一個(gè)形狀，漸變顏色是白色到黑色，羽化1px，然后將透明度降為50%。（圖04、05）

圖04

圖05

現(xiàn)在我們開始制作電池的透明部分。首先用鋼筆畫出下圖的形狀，完成后用白色填充，將透明度降為50%。提示：一個(gè)繪制形狀簡單的方法就是先畫出一半的開放路徑，然后復(fù)制粘貼，將形狀翻轉(zhuǎn)，建立另一半。最后將這些形狀連接就可以了，這也保證了圖形是對(duì)稱的。（圖06）

圖06

現(xiàn)在，我們本可以用一個(gè)簡單的黑灰色的漸變填充這個(gè)形狀，但是我們要使用一個(gè)不透明的蒙板去代替，這樣就可以在我們做好的時(shí)候，隨意的去更換背景了。建立蒙板，復(fù)制并粘貼這個(gè)形狀到原來的上面。把它的透明度調(diào)到100%，然后將它的透明度調(diào)到下面圖的樣子。左面滑塊是50%的灰，右面是黑色。（圖07）

圖07

現(xiàn)在選擇這兩個(gè)形狀，然后在”透明度”下拉菜單中選擇不透明蒙板。這樣你就建立了蒙板，可能看不見什么變化，但是當(dāng)你改變背景的時(shí)候就會(huì)看見了。（圖08）

圖08

現(xiàn)在我們添加些反射，使玻璃看起來更透明。繪制兩個(gè)形狀，用白色填充，然后透明度為75%。上面的形狀羽化2px，下面的羽化3.5px。（圖09）

圖09

我們還要在上面的反光條上加上蒙板。復(fù)制粘貼，將其副本的透明度恢復(fù)到100%，并去掉羽化。填充下圖這樣的漸變，從70%的灰到黑色。最后像我們之前那樣，建立一個(gè)不透明蒙板。（圖10、11）

圖10

圖11

現(xiàn)在我們添加另一個(gè)反射去配合金屬上面的那個(gè)。畫一個(gè)下面這樣的形狀，填充白色，2px羽化,透明度50%。（圖12）

圖12

然后像上面那樣添加蒙板，蒙板是從15%的灰色到85%的灰。（圖13）

圖13

同樣建立不透明蒙板。同樣，一旦建立了蒙板,就要將形狀的混合模式調(diào)為濾色。（圖14）

圖14

現(xiàn)在你應(yīng)該知道了如何繪制反射�，F(xiàn)在畫圖中的形狀，填充白色，透明度40%，羽化2px。（圖15）

圖15

同樣是不透明蒙板，蒙板用50%的灰色到黑色。（圖16）

圖16

建立不透明蒙板。（圖17）

圖17

最后一個(gè)反射，畫出下面的形狀，填充為白色，透明度50%，羽化2px。（圖18）

圖18

復(fù)制粘貼形狀，使用一個(gè)由白到黑的不透明蒙板。（圖19）

圖19

建立不透明蒙板。（圖20）

圖20

現(xiàn)在添加另一端的金屬帽，因?yàn)楹妥竺娴囊恢拢�所以只要�?fù)制就可以。然后選擇對(duì)象>變換>鏡像，在對(duì)話框里選擇復(fù)制軸對(duì)稱按鈕，拖拽變換到電池的另一端即可。（圖21）

圖21

下一步，創(chuàng)建電池的陽極，很簡單只要選擇剛才的的金屬帽，然后粘貼在前面。因?yàn)橹行囊�一致，所以按住alt并拖動(dòng)手柄到合適的大小，完成后，將他們挪到后面(ctrl+shift+[)，然后再送前一層(ctrl+])。如果正確的話，應(yīng)該是直接跟在金屬蓋層的后面。（圖22）

圖22

最后要添加電池兩頭的本身。畫出2個(gè)橢圓(或者是畫出一個(gè)另一個(gè)復(fù)制)。右面的橢圓填充白色，透明度25%，右面的填充黑色，透明度50%。此外，將左面的橢圓混合模式調(diào)整為疊加。最后都羽化3.5px。

現(xiàn)在我們將畫電池的電量，畫一個(gè)與下面類似的形狀，任意長度和顏色都可以。我選擇了約三分之二滿，綠色的漸變。（圖23）

圖23

確定了”燃料”后，將他挪到最后，然后往前挪動(dòng)2次，這樣他就在基礎(chǔ)的透明材質(zhì)前面，但在反射的后面。（圖24）

圖24

最后，復(fù)制黑色橢圓，然后拖到”燃料”的邊緣，然后改填充為白色。（圖25）

圖25

在完成設(shè)計(jì)之前，需要添加些高光。繪制在金屬材質(zhì)上繪制橢圓形，并填充白色，添加羽化并降低他們的透明度。（圖26）

圖26

此外，給”顏料”形狀添加外發(fā)光(效果>風(fēng)格化>外發(fā)光)，確�；旌夏Ｊ綖椤睘V色”。高光顏色要于電池顏色相匹配，我用的是#19ff00，不透明度為75%，羽化11px。（圖27）