UI圖標手繪 | 第1篇 文件夾

知乎專欄·「通往自由手繪之路」

在開始我們的UI圖標手繪系列教程之前,先給大家介紹一下工具哦

UI圖標手繪系列教程手繪工具:

UI圖標手繪系列教程手繪工具n

  1. 鉛筆一堆 (4B,2B、HB、2H、4H、6H、8H都要,4B和2B要多準備幾支,其他的一支就夠用半年。起碼得有6H、2H、HB、2B和4B,建議用施得樓或三菱)
  2. 自動鉛筆 (我用的筆芯是2H和2B的,直徑0.3MM)
  3. 橡皮幾個 (要幾個軟硬不同的,橡皮不好用會很煩人??)
  4. 素描紙擦筆幾個
  5. 圓規一個 (一定是能夾鉛筆的那種)
  6. 長尺子一把 (我的是30cm)
  7. 一把足夠鋒利的削筆刀
  8. 繪畫紙張 (之前我用的一直是素描紙,但是素描紙需要自己打一些格子才能畫好。最近發現了下面的這種icon筆記本,覺得挺方便的,我的每日教程也將使用這種紙,某寶上找「Pdtools圖標標準輔助線筆記本」即可找到這種本子,這種本子用來製作手繪作品集感覺還是不錯的,當然在素描紙上排好版的話也很有逼格。)

備註:鉛筆的型號有很多,從8B到8H越來越硬,畫出來的線條越來越淡。例如給icon上顏色的時候一般要用H數比較大的鉛筆,這樣處理會容易做出質感,紙擦筆的作用是把顏色抹均勻。

[這些工具隨便去個差不多點的畫材店or某寶都能買到 ?? ]

No. 1 我們就一起畫一個簡單的文件袋吧 (?? . ??)

視頻教程(點擊超鏈接文字播放視頻哦??)

文件袋圖標視頻~

圖文教程

首先起形,利用(必備工具)中介紹的方法,定好四個角的位置。

起形n

用尺子和顏色比較重的鉛筆將輪廓勾勒出來。(剛開始的時候不要排斥尺規作圖,建議用工具迅速積累成就感,有了一定積累之後再直接用手劃線。)

勾勒輪廓n

再將圓角連接起來。(畫作品集的時候最好用尺規作圖,表達想法的時候隨意)

用同樣的方法將裡面的結構定位,用尺子或手將線連接起來。

定位倆個圓的位置。

使用圓規或手工將倆個圓畫出,使用比較硬的鉛筆上顏色。

用硬鉛筆上色

根據上面倆張詳解,用顏色重的鉛筆將應該有立體感的地方建立立體感

用顏色重的鉛筆畫投影。

用顏色重的鉛筆畫投影,將文件袋上的線畫出來。

畫投影和細節。

用橡皮修飾邊緣,注意下面的明暗交界線和反光,注意明暗交界線和反光

完成

這是一個比較簡單的文件袋,

適合新手建立對手繪的自信,只要鉛筆軟硬搭配合理,很容易就能畫出來。

與大家一起,你會進步的更快,歡迎在微博話題#自由手繪#中分享練習 ??

我們會將簡單和複雜的手繪教程交叉推送,以便不用層次的同學學習

以上就是UI圖標系列教程第1篇,我們將會繼續給大家帶來精彩內容哦,敬請期待!

[ 悄悄告訴你~~更多手繪 「教程」 ,歡迎組團觀光我們微信公眾號【通往自由手繪之路】?? ]


推薦閱讀:

手繪教程 ▏從紙上設計稿到用軟體實現(二十三)
【汽車創意手繪】10個故事10張圖,為什麼有人會鍾愛DS?
教程 ▏通往手繪達人之路(十六)
分享一波我的珠寶手稿
手繪教程 ▏史上最詳細的UI設計手繪教程 (三十一)

TAG:设计手绘 | 自学UI设计 | 用户界面设计 |