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

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):546人次
作者:佚名   出處: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è)中才能很好地利用它



學(xué)習(xí) · 提示

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

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

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