當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>logo教程>教程內(nèi)容

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

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):546人次
作者:佚名   出處:zydxkeke

今天試著臨摹了一個簡單的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í) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!