Photoshop制作精致的電池圖標(biāo)教程

本教程主要使用Photoshop制作精致的電池圖標(biāo),介紹了圖層蒙版,筆刷,路徑,圖層顏色,濾鏡等工具命令的應(yīng)用

先看效果圖。

新建文檔568x689像素，背景白色，拽出幾條輔助線，中間的矩形就是電池的基礎(chǔ)形狀，因?yàn)楸窘坛套龅谋容^急，最后結(jié)果的電池身體有點(diǎn)高，大家把上邊的輔助線拉低一些即可。

用自定義形狀工具畫一個(gè)矩形。

上下2端加法模式畫2個(gè)黑色橢圓。

建新層，前景色#e0c400填充，調(diào)出電池身體選區(qū)，添加蒙版，接著菜單選擇圖層>創(chuàng)建剪貼蒙版。

點(diǎn)擊紅框內(nèi)的縮略圖，用箭頭工具選擇底部的橢圓路徑，ctrl+C復(fù)制。

轉(zhuǎn)到路徑面板，新建路徑，ctrl+V粘貼，轉(zhuǎn)為選區(qū)，往上挪一段距離。

選擇矩形工具按住shift鍵加選，選擇紅框內(nèi)的縮略圖，填充黑色，效果如下。

同樣方法處理上部。

頂部建新層，做一橢圓選區(qū)，填充白色，圖層不透明度45%。

建新層，畫一個(gè)白色橢圓(下圖左)，圖右為結(jié)果。

添加圖層樣式。

建新層，加法模式畫一個(gè)矩形和一個(gè)橢圓。

添加圖層樣式。

添加蒙版，用黑色柔角筆刷涂抹底部。

底部建新層，用黑色柔角筆刷涂抹，圖層不透明度27%，此為陰影效果。

頂部建新層，畫一白色橢圓。

添加圖層樣式。

建新層，得到下圖所示選區(qū)，填充白色，填充歸零，不透明度21%。

添加圖層樣式，把前幾步的樣式修改一下即可。

效果如下。

添加一些文字和符號(hào)，具體過(guò)程很容易，就不介紹過(guò)程了，相信大家的實(shí)力。

電池身體是圓的，現(xiàn)在的文字符號(hào)很平，我們通過(guò)變形來(lái)解決一下。建新層，做如下矩形選區(qū)，填充一種顏色，降低不透明度，這層是輔助層，然后選擇此層與文字符號(hào)層，右擊轉(zhuǎn)為智能對(duì)象，得到圖層11。

Ctrl+T變形如下圖，下圖是我昨晚做的，和上圖顏色不一樣，但不妨礙最終效果。

下面把輔助層隱藏，雙擊智能對(duì)象，將輔助層隱藏，會(huì)彈出對(duì)話框，保存修改。

下面增加電池黃色部分的高光效果，復(fù)制高光層，保留選區(qū)部分，黑色部分刪除，適當(dāng)降低圖層不透明度。

底部建新層，畫一黑色橢圓，高斯模糊一下。

底部建新層，用直線套索做如下選區(qū)，高斯模糊，添加蒙版，用黑色柔角筆刷涂抹掉一部分。

背景做一個(gè)徑向漸變，最終效果如下。