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