手繪教程 ▏史上最詳細(xì)的UI設(shè)計(jì)手繪教程 ——終極干貨(三十二)

這里是何天衢的系列手繪教程,一天更新一篇。

愿景:希望幫助每一個(gè)喜歡手繪的朋友都能夠繞過枯燥無味的素描基礎(chǔ)訓(xùn)練,掌握對(duì)于簡單手繪來說最重要的一些套路和方法,迅速開啟自己的手繪之旅,讓你快速、簡單、高效地展示設(shè)計(jì)思路和想法,打造自己的多維競爭力;能夠通過手繪去記錄生活的中點(diǎn)點(diǎn)滴滴,陶冶情操,提高審美能力。

【教程FAQ】

問:哇,我是零基礎(chǔ)哎,我可以做到嗎?

答:跟著我畫,一天一小時(shí),不出一個(gè)月,你也可以做到

問:設(shè)計(jì)師一定需要具備手繪能力嗎?

答:在設(shè)計(jì)前進(jìn)行草圖繪制,可以有效的提高制作能力。不管你是一個(gè)初學(xué)者也好還是大神都應(yīng)該拿起筆,因?yàn)樵O(shè)計(jì)師永遠(yuǎn)離不開畫筆!

問:拿到一個(gè)需求的時(shí)候,總是找不到方向,找不到創(chuàng)意點(diǎn)怎么辦?

答:最有效的辦法就是手繪,快速將腦袋中的畫面記錄下來

問:你的教程主要教什么呀?

答:教你掌握的是最實(shí)用的基礎(chǔ)手繪能力,可以滿足普通人的簡單手繪需求,不適用考前美術(shù)教育

【基礎(chǔ)知識(shí)】待重新整理內(nèi)容

排線:你真的知道手繪怎么排線條嗎?

起形:手繪教程 ▏徒手在白紙上畫出精美圖形的關(guān)鍵? ——初級(jí)篇(二十九)

勾線:勾線方法

透視:手繪教程 ▏對(duì)簡單手繪來說最實(shí)用的透視教程 (三十九)

? ? ? ? ? ?手繪教程 ▏做到自由手繪必不可少的透視練習(xí) (四十)

【我的工具】

詳細(xì)工具及使用方法移步這里,不斷更新:我的手繪工具及使用方法


下面給大家解析dribbble大神Mike的手繪作品,用優(yōu)秀的設(shè)計(jì)學(xué)手繪!

【示例最終效果圖】一小時(shí)簡單刻畫

注:本圖原作者為Mike,在這里只是用手繪的形式分步重現(xiàn),僅供大家學(xué)習(xí)手繪技巧,在此向dribbble的Mike大神致敬!

【干貨&步驟圖】

畫線稿:

零基礎(chǔ)或者是剛開始畫的同學(xué)請(qǐng)先去畫之前的簡單教程,不要畫這個(gè)!

今天的教程起形比較復(fù)雜,是一個(gè)人形的游戲UI角色

雖然難一點(diǎn),但也是有跡可循的,下面就帶大家體驗(yàn)一下


不論你畫的東西有多么的復(fù)雜,它的外形都可以被歸納為最基本的幾何形狀

比如人,把腦袋看做一個(gè)球體、橢圓體,把肩膀當(dāng)做一個(gè)方體

在一開始起形找比例關(guān)系的時(shí)候千萬不要被任何細(xì)節(jié)所吸引


細(xì)節(jié)是什么?

細(xì)節(jié)就是某條曲線的弧度、角的大小、眼睛的弧度、睫毛的長度等等

開始起形的時(shí)候不要管那些東西,當(dāng)務(wù)之急是將大的形狀和比例找對(duì)

如下圖

首先定出了頭的最高點(diǎn),然后定出左右兩側(cè)的邊緣點(diǎn),以一個(gè)梯形將腦袋概括了出來,肩膀僅僅是以一條線進(jìn)行定位
然后在這個(gè)框架里再去不斷細(xì)化它的形體。千萬不要一開始就從某個(gè)局部開始找形狀,會(huì)掉進(jìn)坑里的
還有十分重要的一點(diǎn)就是。一定要建立對(duì)比觀察的意識(shí),即:。在你每畫一個(gè)結(jié)構(gòu)點(diǎn)的同時(shí),一定一定一定要去注意這個(gè)點(diǎn)和其他的結(jié)構(gòu)點(diǎn)之間的位置關(guān)系?。?!。唯有如此你才能最大限度地保證你所畫的物體和你臨摹的物體是高度相像的。這是極其重要的一點(diǎn),務(wù)必死記并執(zhí)行
另外還有非常重要的一點(diǎn),即:。時(shí)時(shí)刻刻提醒自己,不要在某個(gè)局部停留過長時(shí)間,不要畫完一部分再去畫另一部分,一定要滿面開花地去畫!?。 _@樣才能最大限度地保證你畫的每一個(gè)局部的大小和位置是正確的。否則你會(huì)掉進(jìn)坑里:開心地畫完了某個(gè)局部,當(dāng)整張畫的局部一個(gè)一個(gè)快被你畫完的時(shí)候,悲催地發(fā)現(xiàn)之前畫過的部分位置偏了、大了、小了、歪了.....
整個(gè)起形的步驟就是一個(gè)由整體到細(xì)節(jié)的過程,整個(gè)形狀是一點(diǎn)一點(diǎn)不斷被豐滿起來的,不要被嚇到,只要你把上面提到的倆點(diǎn)秘訣認(rèn)真執(zhí)行下去,你也可以,當(dāng)然還需要有一個(gè)練習(xí)的過程
還有一點(diǎn)需要注意。當(dāng)你發(fā)現(xiàn)你之前畫的形狀出現(xiàn)問題的時(shí)候。不要舍不得擦改?。。?。一定要及時(shí)修正!及時(shí)止損!。不然畫到最后就改不掉了,就成硬傷了!
形狀畫成這個(gè)樣子就可以了,可以比這個(gè)更精確,但是不能比這個(gè)更模糊,高手除外
然后開始用顏色比較重的鉛筆將輪廓線明確起來,圖中使用的是0.5的2B自動(dòng)鉛
勾線秘訣:屏住呼吸、鉛筆削尖、認(rèn)真勾!
輪廓線勾到這個(gè)程度就可以了,最后還可以再調(diào)整
然后換鉛筆(4H),開始上顏色,確定好光源方向
想要上色的干貨嗎?。下期再說吧,一次說的太多也不太好了,容易消化不良
注意帽檐的明暗交界線的漸變,注意整個(gè)腦袋右側(cè)的反光
本次教程的鋪色順序是從上往下,沒有按照從暗面到亮面的順序,新手不建議這樣做
整體調(diào)整一下
就完成了,用時(shí)一小時(shí),起形20分鐘,勾輪廓13分鐘,剩余時(shí)間鋪色、塑造

按照步驟來畫,其實(shí)很簡單的,沒有那么難,用心練習(xí)。

這個(gè)教程比較難,新手不要嘗試


【作業(yè)】

按照上面的步驟,將手繪稿畫出來!


【來欣賞一下一起畫的朋友的作品吧!】

李夢
尋找一種氣質(zhì)
思亞
羅鍇
背著熊去流浪

一起來畫吧!

回顧往期經(jīng)典:

手繪教程 ▏比較精致的小畫,應(yīng)該怎么動(dòng)筆? (二十七)

手繪教程 ▏分分鐘讓你學(xué)會(huì)設(shè)計(jì)卡通動(dòng)物 (二十四)

2017年怎么掌握手繪能力?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容