UI圖標手繪 | 第1篇 文件夾
知乎專欄·「通往自由手繪之路」
在開始我們的UI圖標手繪系列教程之前,先給大家介紹一下工具哦
UI圖標手繪系列教程手繪工具:
UI圖標手繪系列教程手繪工具n
- 鉛筆一堆 (4B,2B、HB、2H、4H、6H、8H都要,4B和2B要多準備幾支,其他的一支就夠用半年。起碼得有6H、2H、HB、2B和4B,建議用施得樓或三菱)
- 自動鉛筆 (我用的筆芯是2H和2B的,直徑0.3MM)
- 橡皮幾個 (要幾個軟硬不同的,橡皮不好用會很煩人??)
- 素描紙擦筆幾個
- 圓規一個 (一定是能夾鉛筆的那種)
- 長尺子一把 (我的是30cm)
- 一把足夠鋒利的削筆刀
- 繪畫紙張 (之前我用的一直是素描紙,但是素描紙需要自己打一些格子才能畫好。最近發現了下面的這種icon筆記本,覺得挺方便的,我的每日教程也將使用這種紙,某寶上找「Pdtools圖標標準輔助線筆記本」即可找到這種本子,這種本子用來製作手繪作品集感覺還是不錯的,當然在素描紙上排好版的話也很有逼格。)
備註:鉛筆的型號有很多,從8B到8H越來越硬,畫出來的線條越來越淡。例如給icon上顏色的時候一般要用H數比較大的鉛筆,這樣處理會容易做出質感,紙擦筆的作用是把顏色抹均勻。
[這些工具隨便去個差不多點的畫材店or某寶都能買到 ?? ]
No. 1 我們就一起畫一個簡單的文件袋吧 (?? . ??)
視頻教程(點擊超鏈接文字播放視頻哦??)
文件袋圖標視頻~
圖文教程:
首先起形,利用(必備工具)中介紹的方法,定好四個角的位置。
起形n
用尺子和顏色比較重的鉛筆將輪廓勾勒出來。(剛開始的時候不要排斥尺規作圖,建議用工具迅速積累成就感,有了一定積累之後再直接用手劃線。)
勾勒輪廓n
再將圓角連接起來。(畫作品集的時候最好用尺規作圖,表達想法的時候隨意)
用同樣的方法將裡面的結構定位,用尺子或手將線連接起來。
定位倆個圓的位置。使用圓規或手工將倆個圓畫出,使用比較硬的鉛筆上顏色。用硬鉛筆上色
根據上面倆張詳解,用顏色重的鉛筆將應該有立體感的地方建立立體感
用顏色重的鉛筆畫投影。
用顏色重的鉛筆畫投影,將文件袋上的線畫出來。
用橡皮修飾邊緣,注意下面的明暗交界線和反光,注意明暗交界線和反光
完成
這是一個比較簡單的文件袋,
適合新手建立對手繪的自信,只要鉛筆軟硬搭配合理,很容易就能畫出來。
與大家一起,你會進步的更快,歡迎在微博話題#自由手繪#中分享練習 ??
我們會將簡單和複雜的手繪教程交叉推送,以便不用層次的同學學習
以上就是UI圖標系列教程第1篇,我們將會繼續給大家帶來精彩內容哦,敬請期待!
[ 悄悄告訴你~~更多手繪 「教程」 ,歡迎組團觀光我們微信公眾號【通往自由手繪之路】?? ]
推薦閱讀:
※手繪教程 ▏從紙上設計稿到用軟體實現(二十三)
※【汽車創意手繪】10個故事10張圖,為什麼有人會鍾愛DS?
※教程 ▏通往手繪達人之路(十六)
※分享一波我的珠寶手稿
※手繪教程 ▏史上最詳細的UI設計手繪教程 (三十一)