Photoshop繪制簡單的GIF透明小圖標(biāo)(3)
今天試著臨摹了一個簡單的GIF透明小ICON,把作的過程存了下來。
雖然相當(dāng)簡單,但因為基本上是像素級的操作,所以算是一次不錯的練習(xí)。
以后爭取畫更復(fù)雜的 :)
最終效果
1. 首先建一個14*14像素的透明畫布,我們的是小ICON嘛,一般網(wǎng)頁中小的ICON都是這么大,記得背景要選透明,這樣以后它才能任意放在任何不同顏色的背景上面
2. 把畫布放大到最大,然后再用鉛筆,隨便選一個黑一點的灰色,在上面“點”出一個頁面的邊框樣式,左上角折了一個小角,簡單的用鉛筆點出個三角就行了。這種小ICON都是這樣一點一點地點出來的 ^_^
3. 接著在我們畫出的這個頁面的里面加一個漸變,讓它看出來不那么死,像有層次的樣子。記得每畫一步都建立一個圖層,以后改顏色方便 :)
4. 在頁面的左邊和上邊以及那個小的折角里用白色的鉛筆,畫出高光的線,這樣會讓這個頁面更有立體感。
5. 在頁面的右邊和下邊用灰色的鉛筆,畫出暗調(diào)的線,這樣它就更有立體感了
6. 然后把剛才畫圖層組成一個組,再隱藏掉。(這個組主要是為了以后可以把它再次利用,改成別的圖標(biāo)。)
7. 接著我們來畫一個鉛筆,大概地在右邊用鉛筆點出一個筆的形狀
8. 然后用不同的顏色標(biāo)出大概的位置,上面上橡皮擦,中間鉛筆主體,再下面是筆尖。(可以用別的顏色,但是注意筆尖那里的色彩明暗,高光一定要體現(xiàn)出來)
9. 然后給鉛筆上色,在我們這個icon里面,光是從左上角打下來的,所以它們的左上部得有淡一些的高光,大家可以嘗試別的顏色,畫出絢爛的鉛筆來。注意分出橡皮和主體的范圍來
10. 然后就OK啦,把隱藏的組打開,最終效果就是這樣。
11. 最后保存成為透明的GIF,我們在網(wǎng)頁中才能很好地利用它
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計,教你臨摹360寫實圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個四分環(huán)圖標(biāo)
- logo教程,抗日戰(zhàn)爭70周年logo制作教程
- 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例
- 圖標(biāo)設(shè)計,設(shè)計簡單的酷狗圖標(biāo)實例