放棄 Drawbox 的學習,因為在 Krenz 的課程裡都涵蓋到了。

學習材料是 Krenz 老師在 B 站上的公開課錄播。

1。 建模(造型能力)和渲染(表現技法)

k 大先把所有的繪畫能力分成兩類:建模和渲染。

當然這兩個是 3D 建模的專用術語,k 大隻是借鑑一下來給這些能力分個類。

造型能力相關,像是骨架,線稿,輪廓,剪影,動態,人體這一類,都屬於建模。

表現技法,而像是灰階,素描,表現技法,質感等等這類,則屬於渲染。

2。 “準確” 很重要

首先核心就是要做到準確,準確做好了之後才是繪畫語言。

很多人一開始沒有人教畫畫的時候,就算是自己隨意畫,其實也是一個慢慢趨近準確的過程。比如說臉畫大了,眼睛不好看啊,慢慢的也會趨近於一個好看的比例越來越準確越接近這個比例。也許他(她)自己都沒有刻意去搞準確。但是實際上就是一個慢慢熟練掌握好看的比例的過程,下次畫習慣地就畫成那種比例了。

2。1 準確的反例

一下兩個是臨摹時不準確的反例。

這個是型不準確。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

這個是色彩不準確。左邊顏色太深了,而且暗面偏藍應該是偏藍一點,而不是糊一坨藍色上去。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

3。 有腦臨摹和無腦臨摹

首先上一張無腦臨摹的:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

問題在於:沒有意識到繪畫的步驟,只臨摹結果。

看到左邊的衣服,以為是白色的,但實際上是偏黃色。就算意識到了這個是偏黃色,也沒有意識到這是一開始畫師畫了個白色的衣服,然後加上背景暗色,最後再打光加上黃色。而不是一開始就是畫個最終的完美的黃色上去。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

只臨摹結果的話,也許最後真的能畫的很像,但是自己畫就很難開始畫。

4。 斜率或座標系輔助

先上圖:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

很多新人如果讓他一上來就去臨摹右邊的圖形。然後他就直接臨摹,很容易變成左邊這樣(看比例,別看大小)。

所以一般是要靠座標系來輔助的,座標系有兩種。

第一種是作切線:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

先畫一個最外層的切線構成的圖形,臨摹那個圖形(線的角度可以根據座標系和軸的夾角來看,大約就行了,不用刻意去量)。外面的切線作好了後再作裡面的切線,全部作好後就可以沿著切線臨摹出型了。

第二種則是網格:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

畫好網格,找交點,再連。這種做法會在諸如畫壁畫的時候用到,先畫一個小的畫,然後在畫大張畫的時候,透過這種手段,能夠讓比例不出問題。

4。1 容易畫不準的方法

像是下面這種畫圈圈的輔助方式,就容易畫不準:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

5。 斜度也是很重要的資訊

有些人在臨摹的時候,容易忽略掉斜度的臨摹。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

最右邊的是原圖,如果畫成左邊兩個,看起來就沒有那麼嘲諷了。

5。1 看到斜度

像是如下的圖:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

作為臨摹來說,這樣就完全變了樣子,變得很中二。所以斜率也是很重要的資訊。

6。 為什麼型準這麼重要

因為練好了型準,你的比例感和斜率也會得到很好的提升。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

像是美術生練習寫生的時候,其實沒有要求要練型準,因為真實寫生比較複雜,把其他東西考慮到就已經很難了。

所以練習型準最好是 2d 的訓練。像是 3d 的訓練,你還要考慮到透視,如果只靠看的話,有太多線需要去看。經歷過長久的透視訓練的人也許可以靠透視推理出很多線。但是初學者真的很難。所以一開始儘量不要去抓很複雜的畫的型。

7。 圖形化技巧 - CSI

透視熟練了之後,就可以開始搞 CSI 了。

你以為 CSI 是英文字母的簡寫?naive!其實指的是直線的 3 種表達方式。

I 是直線

C 是有點彎曲的直線

S 是兩次彎曲的直線。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

用這三種線條來拆分線稿。

拿個大佬的圖來舉例子,吉成曜的小魔女學園:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

這些紅色節點之間的部分都是一次畫完的。

再舉個例子,如下圖:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

這些點對點的連線,都是一次畫完的曲線,然後讓萌新去照著連。但是萌新哪有那麼熟練,所以畫出來的都是歪歪扭扭的線。

k 大自己舉了個例子:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

k 大現在自己畫方塊,其實並不會畫成左邊那樣子的。而是像是右邊一樣有點弧度。而這樣有弧度的方塊的好處就是,假設我們要畫一個披風,這個弧度就能很好的成型:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

抓型的過程中,學會 CSI 是一個很好的事情。

7。1 CSI 的好處

比如說臨摹在這個圖,很多新手會在一開始對衣服的褶皺鑽牛角尖。但是實際上抓出右邊的型才重要。抓型就是一個點對點連線的過程,用 CSI 來連線點,抓的就更好。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

省略掉了很多細節(當然也不是說直接一條線概括所有的彎折那麼誇張的省略)。然後上個色就成了如下結果:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

看起來細節極其多,但是用 CSI 就會被忽略成這樣:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

實際練習的時候,一般先不會去臨摹照片,而是別人的作品。因為照片比較難。

7。1。1 練習的成長過程

如圖所示:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

顯式練型準。

然後去臨摹別人的作品。

因為有型準,所以臨摹的時候對圖形的印象會很深。

然後再去對照片抓型抓光影,這個時候之前的圖形印象就起作用了。你去取捨的時候,你腦子裡會去過一遍之前的圖形印象。之前有沒有抓過類似的圖形,和這個很像,那就這麼抓。

7。1。2 CSI 的好處

根據上面的練習過程,我們可以看出,CSI 的好處就是:

讓你能夠對圖形的印象更深。

從而在你之後創作的時候作為資料庫來提取。

7。2 CSI 練習過程

比如說對這張圖進行一個抓型:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

抓完大概是這樣子的:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

然後就不去看原圖,自己去補上別的細節。

8。 圖形系統調動的知識

像是在健身房練習的話(說的是k大,不是我,我不健身),會有這樣的情況,初學者進去。教練教你一個動作,什麼這裡要挺直,那裡要繃緊。經常會出現的問題就是,顧此失彼,腰挺直了,膝蓋就不小心夾緊了。

8。1第一階段

比如說這樣一張圖:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

k 大在畫的時候有考慮到這些:

CSI。

切成五到六邊形。

斜率

比例關係

8。1。1 五到六邊形

一般我們切圖都是五邊形或者六邊形。

之前 k 大有讓同學切一下這個形狀

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

都是五六邊形。然後給這些型形狀圖上顏色。複製,合併:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

8。1。2 概括成五到六邊形的好處

第二張圖的時候,就已經形成了一個新的動作。

也就是說我們把這些大腿,小腿啥的,都可以用五邊形六邊形來概括。然後就可以做各種操作,得到新的動作。

如果我們不這麼切,那麼這個腳就很難畫:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

這樣的話,流程就變成:我先去記憶形狀-> 等到形狀記憶完畢後,我再去根據自己對肌肉的瞭解,去補充細節。

如果不去概括,那麼要花很久才能記憶一個動作的畫法。然後下一個動作又要很久。但是概括後就只是拼接而已了。

8。2 第二階段

第一階段結束後,來到了第二階段。

賦予體積和大積木形狀

結構資訊最佳化和輪廓資訊量增加

8。2。1 賦予體積和大積木形狀

還是之前那張圖,但是我們加一些肌肉(圓柱),這樣就有一些立體效果了:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

加這個圓柱有一個難點,但是問題在於,這樣一個圓柱,是可以畫出來的:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

我們先把它沿著切線變成方形。

然後再沿著方形畫盾牌即可。

8。2。2 練習過程

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

最開始,先學學方塊透視。

熟練之後,就可以用 CSI 來畫一些弧線的方塊。

然後你就可以熟練地給方塊切線切出圓柱,或者反過來圓柱切出方塊。

到了這一步,讓畫看起來有體積,立體就沒問題了。

8。2。2 結構資訊最佳化和輪廓資訊量增加

然後繼續深入。我想加一些類似鎖骨,胸腔大小,盔甲的資訊。

隨著這樣的增加,畫下去,整個的資訊量就會增加

9。 建模能力

上面的東西一套做完,就可以獲得這樣的能力:

大概就是下面這種,你看到一個東西,你腦海裡想象的是一個立體的東西,然後你可以四處翻轉它:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

當做到這種程度的時候,就可以看渲染能力了。(不是說建模相關能力結束了,還有的,只是暫時跳到渲染)

9。1 好處

用 CSI 臨摹出的記憶形狀,可以自己換形狀角度之類的。3d 翻轉之類的之後。就不會被人覺得是抄襲了。

10。 渲染

10。1 素描

素描屬於渲染,分很多方面:

明暗交界。

結構意識。

灰度準確。

邊緣虛實準確。

10。1。1 型準和結構素描

素描一開始最重要的就是型準。我們已經講了很多次。

結構素描就是透視。

10。1。2 明暗交界線準度

這是一個重要的點。

10。1。2。1 光

光又分為直射光和漫射光。

10。1。2。1。1 漫射光:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

臉部對的明暗交界線非常不明顯,糊的。

10。1。2。1。2 直射光:

明暗交界線十分明顯。

10。1。2。2 練習

所以很多萌新上來找漫射光的圖片去練習光影感,就很不好。

一上來應該找那種直射光,明暗交界線很明顯的圖。

後來應該能夠練習到只靠明暗就能看出一個人物的體積:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

練習的時候,儘量不讓把線稿拿出來,因為很容易用線稿代替交界線。

10。1。2。3 為什麼先把結構弄好後再光影

如果你結構弄好了:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

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

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

但是如果你結構不熟練,畫成這樣子:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

讓你直接在這上面畫光影,那就很難畫。

10。1。3 結構意識

深入的時候會用到。

10。1。4 灰度/調子控制,邊緣虛實控制

假設前面建模我們完成的很好。那麼下面左圖我們就有能力轉換成右圖了。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

然後畫明暗交界線,畫完後我們還會新增很多不同明暗程度的塊:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

10。1。4。1 學習過程

10。1。4。1 灰度準確

很多人最多分辨個白,黑,灰。但是再往下分辨出不同灰度就很難了。

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

可以用吸色器觀察一下原圖的灰度值。然後取個差不多的灰度值去畫。灰度值準確很重要。慢慢地你就瞭解了亮面一般都是多少以上,暗面一般都是多少以下,這種。

10。1。4。2 邊緣虛實準確

邊緣的虛實是這麼分的:

從零開始獨立遊戲開發學習筆記(八)--繪畫畫素畫學習筆記(二)--Krenz零基礎公開課(上半場)

11。 上半場總結:準確真的很重要

這是 k 大零基礎入門課的上半場。

綜上看下來,可以發現準確真的很重要。一直在被強調。尤其是抓型。這也是為什麼幼幼班重點就是搞這個。

12。 後話

當我們建模和渲染學習差不多後,就有了表達能力。

在有表達能力之後,我們才會開始接觸到設計。但是這個實在是太遠了,現在才講到建模+渲染的 1/3。 下一篇文章繼續講哈。