【風農翻譯】開始畫畫素畫 #2

這是一個小的系列，算是專門為純小白設計。

開始畫畫素畫

這是來自佩德羅・梅代魯斯（Pedro Medeiros，@saint11）授權的一系列畫素美術教程，由風農翻譯整理。

佩德羅・梅代魯斯最為知名的作品莫過於《塞萊斯特山（蔚藍，Celeste）》，不過他持續在網路上釋出的畫素美術教程也同樣相當知名。這裡選擇的教程就是經過風農翻譯整理內容。

相關連結：

Pedro Medeiros@Patreon
風農@indienova
風農@bilibili 專欄

畫素簇草圖和繪畫。

系列的第二篇。

---

這個教程會使用 Aseprite。這次我會教大家一個很像傳統繪畫流程的畫素畫技術。我一般叫它畫素簇草圖技術，因為我會從大的畫素簇畫起，再逐漸完善，直到達到我滿意的效果。

什麼是畫素簇




一個簇，或者顏色簇，或者畫素簇，就是一組連續的同色畫素。對角線連線的畫素算不算還有些爭論。我認為也算，我把這種叫弱連線，會盡量避免，不過不會太擔心這種。

畫畫素畫的時候，我的重點是儘量少出現畫素簇，而且一定避免單畫素的簇。這些單畫素的也可以叫孤立畫素，通常會讓畫面看起來有很多噪點，很亂。



有時候你需要把一個孤立畫素刪除，但有時候你可能還需要這個細節。對於後者，我有一些喜歡的形狀可以代替這個孤立畫素，就是餅乾下面這些綠色形狀。不過有些時候它也可以用，像是紋理，抗鋸齒（以後的章節會講），以及一些強細節，比如下面骷髏裡的紅色眼睛：




開始畫

我們來畫點什麼。我要畫一個小的場景，用 DB32 調色盤，解析度用 100 乘以 64 畫素。對這個練習我推薦用個手繪板，因為自然的線條對結果能有些幫助。

如果你覺得這個場景有些複雜，可以自己去掉一些東西，比如建築，或者人。實驗新的技術時一定要畫自己舒服的東西。如果覺得畫布太大，或者太小，就自己改一下尺寸，不過我不建議小於 64 或者大於 128，暫時別。

第一步：大簇

上次我們是畫了線條，再用顏色填充內部。這次我們直接開始畫顏色。大致的畫上你想畫的東西，重點在選擇顏色和氛圍。自由的下筆，不要加細節。




這個技術的思路是從大的色塊開始，每一步逐漸改小。這是少數可以用 2 或者 3 個畫素寬度的畫筆的情況。可以按 + 或者 - 來調節筆刷大小。另外一種方式是畫出一個簇的輪廓，再用油漆桶填充顏色，快捷鍵是 G。

第二步：改良



你可以看出我是從遠處開始，像天空和山，然後新增了建築，再新增了人物剪影。這是一種常見的繪畫技巧，對畫素畫也很適用。這個思路是先準備好基礎，再往上面放東西，用這種方法比較容易選擇顏色，以及確定物體尺寸。



像這類圖我喜歡用圖層，把天空，建築，地面放到不同的圖層。要新建圖層，可以在時間軸上，右鍵點選“layer 1”這裡，選擇新建圖層（New Layer）。你可以建任意多的圖層，不過我會保持圖層儘可能的少，不然會很亂。

第三步：修正鋸齒，新增細節



什麼算鋸齒？好吧，聽起來可能很複雜，但其實沒有。

鋸齒指的是畫素畫裡不必要的拐角，通常是手自然運動繪畫時，缺少抗鋸齒的副作用。

想象你需要修正的邊界是個樓梯，每一階上的畫素數量要有邏輯。我們要計算畫素數，保證曲線接近於水平時，畫素數量是逐漸增加的，當曲線接近垂直時是逐漸減少的。



分解一下，每一條線或者簇的邊界都應該遵從一些邏輯。你能看到在我的例子裡，一個完美曲線中的各階的畫素數遞增再遞減。這就是曲線的行為，通常會遵守一些幾何比例，以指數遞增或者遞減。

鋸齒就是這個邏輯裡的錯誤點。是曲線中間突然增加或者減少的地方。數量可以增加或者減少的很快，只要曲線符合邏輯。

修復的時候，把畫素來回移動，讓各階保持一致，或者正確的增加減少。

現在回到我們的畫。



這裡的思路就是“最後加上些細節”（https://knowyourmeme.com/photos/572078-how-to-draw-an-owl），主要是找到鋸齒，一個個的修復。在這個過程中我會不斷新增細節，增強對比，優化光照等等。不是很有組織的流程，但還是能幫我畫出一幅畫。

接下來

練習！如果一整個場景對你來說有些難，就從簡單點的開始，像是石頭，樹墩。這個技術能產出很有機，很油畫感的作品，很適合畫背景或自然事物，比如植物，水，山。


作者：Pedro Medeiros
譯者：風農
來源：INDIENOVA
地址：https://indienova.com/indie-game-development/saint11-making-pixel-art-1/