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

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

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

相關連結：

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

系列第 5 節。

這節稍微複雜點，可能比其他的幾篇更進階點。

如果不能一下看懂也沒關係，很多都是我的個人觀點，而且抗鋸齒和色帶問題在畫素畫社群裡觀點很多。

開始我不會講軟體，而是重點講解這些概念，在接下來部分我會推薦一些練習。

---

什麼是鋸齒，為什麼大家不喜歡

在畫素畫裡的 anti-alias 的 alias 我們一般說的是鋸齒，或者說臺階效果。一種在低分辨下很容易注意到的效果。這個效果本身沒有好壞，有時甚至是某種故意追求的風格，但有時候也會讓畫面很難看懂。




上面的例子裡能看到，第一個圖有很多尖銳的邊，尤其是火焰周圍。有些區域甚至很難理解在發生什麼。

這是因為畫素畫是事物的低解析度表現。如果你這樣想，就可以區分出“有意的線”和實際畫素。




基本上整個畫素畫流程就包括了把線轉化到低解析度畫布上，並決定哪些畫素要填充。有些畫素明顯線上的範圍內，所以要填充。有些明顯在外面，就不用填充。問題是那些剛剛貼到線上或者一半線上上的，才是問題所在。抗鋸齒就是用中間色來填充這些畫素，來創造一種柔和過渡的錯覺。

如何畫抗鋸齒

簡單講: 有時候畫的線不能完全符合畫素網格，就需要使用中間色來讓它看起來好點。




這個問題沒有單一的解決方法，你可以用多種方法表現“想要的線”，取決於你的解析度，畫風，以及可用的顏色有多少。

使用中間混合顏色的畫素，在遠處看算是半個畫素。你可以利用這個來把邊角軟化一點。

一個畫反鋸齒的好方法是搜尋任何比 1-1 長的臺階圖案：




找到 2 個畫素或者更長的臺階之後，可以開始柔化他們，通過在臺階末尾新增半色的畫素。要新增的畫素數量取決於臺階的長度，以及可用的顏色。有時候這樣會讓物體擴張太多，這樣的話你可以用半色的畫素替代一個（有時更多）原來圖案裡的畫素。




改變顏色或者飽和度影響不大，只要你是正確的在插值顏色的亮度。這在使用非常小的調色盤時很有用。




在簡單的斜坡上畫這些就已經很複雜了，在真正的畫上面複雜度更是幾何級增加。小的畫布上畫抗鋸齒會影響到其他東西，帶來很多副作用。我們講幾個常見的。

太多抗鋸齒




最常見的問題就是過度的做抗鋸齒，導致所有東西都很模糊。通過使用更少的半色，更少的臺階，以及不要在 45 度的線（1-1 的臺階）或者直線上用抗鋸齒，來避免這種情況。

抗鋸齒太短




這是不太常見的情況，而且可能是有意為之，尤其是在受限的調色盤上，不過有時候抗鋸齒的半色畫素比臺階本身的長度短太多。記住一個長的臺階應該有個相對長的抗鋸齒半色條紋。

半色亮度錯誤




之前也提到了，半色可以用不同的顏色，只要亮度感覺是兩種要混合顏色的橋樑就可以。這裡出的問題就是沒有考慮這一點，相對於背景把半色畫的太暗，或者太亮。

有時候，當背景比物體還亮，這可以用來模擬陰影，也算是有用。但記住這種情況下其實是在畫明暗而不是畫抗鋸齒。

色帶




色帶問題是當我們畫了幾個顏色完全不同的色帶時出現的。這通常是個問題，會讓物體看起來很平，有時候模糊。

在這個球體的例子裡，我把色帶壓縮到很小的區域。我把這種方法稱為色帶壓縮，之前的陰影教程了也提到了。



斜坡上就沒辦法這麼壓縮了。所以我旋轉了漸變的方向。這也可以畫出不錯的抗鋸齒，原來的是方向畫錯了，導致的色帶問題。要總是注意這點，水平的斜坡應該加水平的抗鋸齒，垂直的斜坡加垂直的抗鋸齒。

接下來

現在我建議你去實際的試試我這裡講的東西。你可以先從簡單的 2-1 黑色斜坡開始，再試試圓圈。保持低顏色數，畫布不要超過 48 乘 48。

在這之後，你可以試試更多顏色，真實的畫些東西。還是從簡單的開始，像是球體，蘋果，之後再到複雜的形狀，比如人。

總是注意畫面裡畫出的色帶，或者可以改進的抗鋸齒。記住每個畫素都是個抉擇，每個畫素都應該讓你的畫更好，畫的更可讀。如果抗鋸齒帶來的效果弊大於利，就去掉它。


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