從零開始獨(dú)立游戲開發(fā)學(xué)習(xí)筆記(八)--繪畫/像素畫學(xué)習(xí)筆記(二)--Krenz零基礎(chǔ)公開課

放棄 Drawbox 的學(xué)習(xí),因?yàn)樵?Krenz 的課程里都涵蓋到了。
學(xué)習(xí)材料是?Krenz 老師在 B 站上的公開課錄播。

1. 建模(造型能力)和渲染(表現(xiàn)技法)
k 大先把所有的繪畫能力分成兩類:建模和渲染。
當(dāng)然這兩個是 3D 建模的專用術(shù)語,k 大只是借鑒一下來給這些能力分個類。
造型能力相關(guān),像是骨架,線稿,輪廓,剪影,動態(tài),人體這一類,都屬于建模。
表現(xiàn)技法,而像是灰階,素描,表現(xiàn)技法,質(zhì)感等等這類,則屬于渲染。
2. “準(zhǔn)確” 很重要
首先核心就是要做到準(zhǔn)確,準(zhǔn)確做好了之后才是繪畫語言。
很多人一開始沒有人教畫畫的時候,就算是自己隨意畫,其實(shí)也是一個慢慢趨近準(zhǔn)確的過程。比如說臉畫大了,眼睛不好看啊,慢慢的也會趨近于一個好看的比例越來越準(zhǔn)確越接近這個比例。也許他(她)自己都沒有刻意去搞準(zhǔn)確。但是實(shí)際上就是一個慢慢熟練掌握好看的比例的過程,下次畫習(xí)慣地就畫成那種比例了。
2.1 準(zhǔn)確的反例
一下兩個是臨摹時不準(zhǔn)確的反例。
這個是型不準(zhǔn)確。

這個是色彩不準(zhǔn)確。左邊顏色太深了,而且暗面偏藍(lán)應(yīng)該是偏藍(lán)一點(diǎn),而不是糊一坨藍(lán)色上去。

3. 有腦臨摹和無腦臨摹
首先上一張無腦臨摹的:

問題在于:沒有意識到繪畫的步驟,只臨摹結(jié)果。
看到左邊的衣服,以為是白色的,但實(shí)際上是偏黃色。就算意識到了這個是偏黃色,也沒有意識到這是一開始畫師畫了個白色的衣服,然后加上背景暗色,最后再打光加上黃色。而不是一開始就是畫個最終的完美的黃色上去。

只臨摹結(jié)果的話,也許最后真的能畫的很像,但是自己畫就很難開始畫。
4. 斜率或坐標(biāo)系輔助
先上圖:

很多新人如果讓他一上來就去臨摹右邊的圖形。然后他就直接臨摹,很容易變成左邊這樣(看比例,別看大?。?br>所以一般是要靠坐標(biāo)系來輔助的,坐標(biāo)系有兩種。
第一種是作切線:

先畫一個最外層的切線構(gòu)成的圖形,臨摹那個圖形(線的角度可以根據(jù)坐標(biāo)系和軸的夾角來看,大約就行了,不用刻意去量)。外面的切線作好了后再作里面的切線,全部作好后就可以沿著切線臨摹出型了。
第二種則是網(wǎng)格:

畫好網(wǎng)格,找交點(diǎn),再連。這種做法會在諸如畫壁畫的時候用到,先畫一個小的畫,然后在畫大張畫的時候,通過這種手段,能夠讓比例不出問題。
4.1 容易畫不準(zhǔn)的方法
像是下面這種畫圈圈的輔助方式,就容易畫不準(zhǔn):

5. 斜度也是很重要的信息
有些人在臨摹的時候,容易忽略掉斜度的臨摹。

最右邊的是原圖,如果畫成左邊兩個,看起來就沒有那么嘲諷了。
5.1 看到斜度
像是如下的圖:

在 k 大的眼中,就可以看到這些斜度

如果沒有看到,畫成了下面這樣子:

作為臨摹來說,這樣就完全變了樣子,變得很中二。所以斜率也是很重要的信息。
6. 為什么型準(zhǔn)這么重要
因?yàn)榫毢昧诵蜏?zhǔn),你的比例感和斜率也會得到很好的提升。

像是美術(shù)生練習(xí)寫生的時候,其實(shí)沒有要求要練型準(zhǔn),因?yàn)檎鎸?shí)寫生比較復(fù)雜,把其他東西考慮到就已經(jīng)很難了。
所以練習(xí)型準(zhǔn)最好是 2d 的訓(xùn)練。像是 3d 的訓(xùn)練,你還要考慮到透視,如果只靠看的話,有太多線需要去看。經(jīng)歷過長久的透視訓(xùn)練的人也許可以靠透視推理出很多線。但是初學(xué)者真的很難。所以一開始盡量不要去抓很復(fù)雜的畫的型。
7. 圖形化技巧 - CSI
透視熟練了之后,就可以開始搞 CSI 了。
你以為 CSI 是英文字母的簡寫?naive!其實(shí)指的是直線的 3 種表達(dá)方式。
I 是直線
C 是有點(diǎn)彎曲的直線
S 是兩次彎曲的直線。

用這三種線條來拆分線稿。
拿個大佬的圖來舉例子,吉成曜的小魔女學(xué)園:

這些紅色節(jié)點(diǎn)之間的部分都是一次畫完的。
再舉個例子,如下圖:

這些點(diǎn)對點(diǎn)的連接,都是一次畫完的曲線,然后讓萌新去照著連。但是萌新哪有那么熟練,所以畫出來的都是歪歪扭扭的線。
k 大自己舉了個例子:

k 大現(xiàn)在自己畫方塊,其實(shí)并不會畫成左邊那樣子的。而是像是右邊一樣有點(diǎn)弧度。而這樣有弧度的方塊的好處就是,假設(shè)我們要畫一個披風(fēng),這個弧度就能很好的成型:

包括頭部也是,并不會畫成真直線方塊,而是有弧度的:

抓型的過程中,學(xué)會 CSI 是一個很好的事情。
7.1 CSI 的好處
比如說臨摹在這個圖,很多新手會在一開始對衣服的褶皺鉆牛角尖。但是實(shí)際上抓出右邊的型才重要。抓型就是一個點(diǎn)對點(diǎn)連接的過程,用 CSI 來連接點(diǎn),抓的就更好。

再狠一點(diǎn),還是上面的西裝圖,去抓明暗交界線。如果說是新手,去扣細(xì)節(jié)的畫會很歪歪扭扭。所以就用 CSI 來切。

省略掉了很多細(xì)節(jié)(當(dāng)然也不是說直接一條線概括所有的彎折那么夸張的省略)。然后上個色就成了如下結(jié)果:

CSI 的畫法會讓你不得不去忽略很多細(xì)節(jié),再拿一個例子,還是去抓明暗交界線:

看起來細(xì)節(jié)極其多,但是用 CSI 就會被忽略成這樣:

實(shí)際練習(xí)的時候,一般先不會去臨摹照片,而是別人的作品。因?yàn)檎掌容^難。
7.1.1 練習(xí)的成長過程
如圖所示:

顯式練型準(zhǔn)。
然后去臨摹別人的作品。
因?yàn)橛行蜏?zhǔn),所以臨摹的時候?qū)D形的印象會很深。
然后再去對照片抓型抓光影,這個時候之前的圖形印象就起作用了。你去取舍的時候,你腦子里會去過一遍之前的圖形印象。之前有沒有抓過類似的圖形,和這個很像,那就這么抓。
7.1.2 CSI 的好處
根據(jù)上面的練習(xí)過程,我們可以看出,CSI 的好處就是:
讓你能夠?qū)D形的印象更深。
從而在你之后創(chuàng)作的時候作為資料庫來提取。
7.2 CSI 練習(xí)過程
比如說對這張圖進(jìn)行一個抓型:

抓完大概是這樣子的:

然后就不去看原圖,自己去補(bǔ)上別的細(xì)節(jié)。
8. 圖形系統(tǒng)調(diào)動的知識
像是在健身房練習(xí)的話(說的是k大,不是我,我不健身),會有這樣的情況,初學(xué)者進(jìn)去。教練教你一個動作,什么這里要挺直,那里要繃緊。經(jīng)常會出現(xiàn)的問題就是,顧此失彼,腰挺直了,膝蓋就不小心夾緊了。
8.1第一階段
比如說這樣一張圖:

k 大在畫的時候有考慮到這些:
CSI。
切成五到六邊形。
斜率
比例關(guān)系
8.1.1 五到六邊形
一般我們切圖都是五邊形或者六邊形。
之前 k 大有讓同學(xué)切一下這個形狀

都是五六邊形。然后給這些型形狀圖上顏色。復(fù)制,合并:


8.1.2 概括成五到六邊形的好處
第二張圖的時候,就已經(jīng)形成了一個新的動作。
也就是說我們把這些大腿,小腿啥的,都可以用五邊形六邊形來概括。然后就可以做各種操作,得到新的動作。
如果我們不這么切,那么這個腳就很難畫:

但是概括成五六邊形后就很好了:

這樣的話,流程就變成:我先去記憶形狀-> 等到形狀記憶完畢后,我再去根據(jù)自己對肌肉的了解,去補(bǔ)充細(xì)節(jié)。
如果不去概括,那么要花很久才能記憶一個動作的畫法。然后下一個動作又要很久。但是概括后就只是拼接而已了。
8.2 第二階段
第一階段結(jié)束后,來到了第二階段。
賦予體積和大積木形狀
結(jié)構(gòu)信息優(yōu)化和輪廓信息量增加
8.2.1 賦予體積和大積木形狀
還是之前那張圖,但是我們加一些肌肉(圓柱),這樣就有一些立體效果了:
加這個圓柱有一個難點(diǎn),但是問題在于,這樣一個圓柱,是可以畫出來的:

但是假如讓這個圓柱手,加上一塊盾牌,就不行了。那么要怎么畫呢?


我們先把它沿著切線變成方形。
然后再沿著方形畫盾牌即可。
8.2.2 練習(xí)過程

最開始,先學(xué)學(xué)方塊透視。
熟練之后,就可以用 CSI 來畫一些弧線的方塊。
然后你就可以熟練地給方塊切線切出圓柱,或者反過來圓柱切出方塊。
到了這一步,讓畫看起來有體積,立體就沒問題了。
8.2.2 結(jié)構(gòu)信息優(yōu)化和輪廓信息量增加
然后繼續(xù)深入。我想加一些類似鎖骨,胸腔大小,盔甲的信息。
隨著這樣的增加,畫下去,整個的信息量就會增加
9. 建模能力
上面的東西一套做完,就可以獲得這樣的能力:
大概就是下面這種,你看到一個東西,你腦海里想象的是一個立體的東西,然后你可以四處翻轉(zhuǎn)它:

當(dāng)做到這種程度的時候,就可以看渲染能力了。(不是說建模相關(guān)能力結(jié)束了,還有的,只是暫時跳到渲染)
9.1 好處
用 CSI 臨摹出的記憶形狀,可以自己換形狀角度之類的。3d 翻轉(zhuǎn)之類的之后。就不會被人覺得是抄襲了。
10. 渲染
10.1 素描
素描屬于渲染,分很多方面:
明暗交界。
結(jié)構(gòu)意識。
灰度準(zhǔn)確。
邊緣虛實(shí)準(zhǔn)確。
10.1.1 型準(zhǔn)和結(jié)構(gòu)素描
素描一開始最重要的就是型準(zhǔn)。我們已經(jīng)講了很多次。
結(jié)構(gòu)素描就是透視。
10.1.2 明暗交界線準(zhǔn)度
這是一個重要的點(diǎn)。
10.1.2.1 光
光又分為直射光和漫射光。
10.1.2.1.1 漫射光:

漫射光很強(qiáng)的情況下,大多時候,物體一般會比較柔和:

臉部對的明暗交界線非常不明顯,糊的。
10.1.2.1.2 直射光:
明暗交界線十分明顯。
10.1.2.2 練習(xí)
所以很多萌新上來找漫射光的圖片去練習(xí)光影感,就很不好。
一上來應(yīng)該找那種直射光,明暗交界線很明顯的圖。
后來應(yīng)該能夠練習(xí)到只靠明暗就能看出一個人物的體積:

練習(xí)的時候,盡量不讓把線稿拿出來,因?yàn)楹苋菀子镁€稿代替交界線。
10.1.2.3 為什么先把結(jié)構(gòu)弄好后再光影
如果你結(jié)構(gòu)弄好了:

凹凸的地方你都很熟練,建模也了然于心。那么明暗的話,就很容易判斷出來,哪里被遮住了,哪里沒有。

但是如果你結(jié)構(gòu)不熟練,畫成這樣子:

讓你直接在這上面畫光影,那就很難畫。
10.1.3 結(jié)構(gòu)意識
深入的時候會用到。
10.1.4 灰度/調(diào)子控制,邊緣虛實(shí)控制
假設(shè)前面建模我們完成的很好。那么下面左圖我們就有能力轉(zhuǎn)換成右圖了。

然后畫明暗交界線,畫完后我們還會添加很多不同明暗程度的塊:

10.1.4.1 學(xué)習(xí)過程
10.1.4.1 灰度準(zhǔn)確
很多人最多分辨?zhèn)€白,黑,灰。但是再往下分辨出不同灰度就很難了。

可以用吸色器觀察一下原圖的灰度值。然后取個差不多的灰度值去畫?;叶戎禍?zhǔn)確很重要。慢慢地你就了解了亮面一般都是多少以上,暗面一般都是多少以下,這種。
10.1.4.2 邊緣虛實(shí)準(zhǔn)確
邊緣的虛實(shí)是這么分的:

11. 上半場總結(jié):準(zhǔn)確真的很重要
這是 k 大零基礎(chǔ)入門課的上半場。
綜上看下來,可以發(fā)現(xiàn)準(zhǔn)確真的很重要。一直在被強(qiáng)調(diào)。尤其是抓型。這也是為什么幼幼班重點(diǎn)就是搞這個。
12. 后話
當(dāng)我們建模和渲染學(xué)習(xí)差不多后,就有了表達(dá)能力。
在有表達(dá)能力之后,我們才會開始接觸到設(shè)計(jì)。但是這個實(shí)在是太遠(yuǎn)了,現(xiàn)在才講到建模+渲染的 1/3。 下一篇文章繼續(xù)講哈。