Photoshop繪制簡(jiǎn)單的GIF透明小圖標(biāo)

作者:佚名　  出處:zydxkeke

今天試著臨摹了一個(gè)簡(jiǎn)單的GIF透明小ICON，把作的過(guò)程存了下來(lái)。
雖然相當(dāng)簡(jiǎn)單，但因?yàn)榛旧鲜窍袼丶?jí)的操作，所以算是一次不錯(cuò)的練習(xí)。
以后爭(zhēng)取畫(huà)更復(fù)雜的 ：）

最終效果

1. 首先建一個(gè)14*14像素的透明畫(huà)布，我們的是小ICON嘛，一般網(wǎng)頁(yè)中小的ICON都是這么大，記得背景要選透明，這樣以后它才能任意放在任何不同顏色的背景上面

2. 把畫(huà)布放大到最大，然后再用鉛筆，隨便選一個(gè)黑一點(diǎn)的灰色，在上面“點(diǎn)”出一個(gè)頁(yè)面的邊框樣式，左上角折了一個(gè)小角，簡(jiǎn)單的用鉛筆點(diǎn)出個(gè)三角就行了。這種小ICON都是這樣一點(diǎn)一點(diǎn)地點(diǎn)出來(lái)的 ^_^

3. 接著在我們畫(huà)出的這個(gè)頁(yè)面的里面加一個(gè)漸變，讓它看出來(lái)不那么死，像有層次的樣子。記得每畫(huà)一步都建立一個(gè)圖層，以后改顏色方便 ：）

4. 在頁(yè)面的左邊和上邊以及那個(gè)小的折角里用白色的鉛筆，畫(huà)出高光的線，這樣會(huì)讓這個(gè)頁(yè)面更有立體感。

5. 在頁(yè)面的右邊和下邊用灰色的鉛筆，畫(huà)出暗調(diào)的線，這樣它就更有立體感了

6. 然后把剛才畫(huà)圖層組成一個(gè)組，再隱藏掉。（這個(gè)組主要是為了以后可以把它再次利用，改成別的圖標(biāo)。） 

7. 接著我們來(lái)畫(huà)一個(gè)鉛筆，大概地在右邊用鉛筆點(diǎn)出一個(gè)筆的形狀

8. 然后用不同的顏色標(biāo)出大概的位置，上面上橡皮擦，中間鉛筆主體，再下面是筆尖。（可以用別的顏色，但是注意筆尖那里的色彩明暗，高光一定要體現(xiàn)出來(lái)）

9. 然后給鉛筆上色，在我們這個(gè)icon里面，光是從左上角打下來(lái)的，所以它們的左上部得有淡一些的高光，大家可以嘗試別的顏色，畫(huà)出絢爛的鉛筆來(lái)。注意分出橡皮和主體的范圍來(lái)

10. 然后就OK啦，把隱藏的組打開(kāi)，最終效果就是這樣。

11. 最后保存成為透明的GIF，我們?cè)诰W(wǎng)頁(yè)中才能很好地利用它