derekyu像素畫基礎教程：背景知識，常用軟件和角色示範
摘要：本教程將展示創建遊戲Sprite的基礎知識，像素畫基礎知識。Sprite指2D遊戲中的圖像，代表遊戲中的各種對象，例如角色，怪物，物品等。
關鍵詞：像素畫，基礎，新手，0基礎，獨立遊戲開發
像素畫背景知識
合金彈頭3（街機）,SNK,2000年
像素畫在日本也稱為點陣畫，是一種數碼藝術，是在像素級別進行畫畫。像素畫與80-90年代的電子遊戲圖形相關，遊戲美術在有限的內存和低分辨率下創建各種視覺效果。如今，儘管已經可以實現逼真的3D圖形，但像素畫在遊戲中作為一種藝術形式仍然很流行。為什麼？因為除了懷舊之外，在嚴格的限制下創作是一項有趣而有意義的挑戰。
與繪畫或3D建模相比，像素畫的門檻也相對較低，這使其成為獨立遊戲開發人員的優先選擇。但是這絕不意味著用它開發遊戲很容易。大多數人想要達到專業的像素畫水平非常耗時，而且捷徑很少。對於3D模型，可以進行旋轉，變形，移動，將動畫從一個模型複製到另一個模型等。高級像素畫幾乎總是需要在每一幀上進行大量手工畫畫勞動。
我主要使用像素畫開發遊戲，而靈感同樣來自遊戲。我是Famicom/NES，16位遊戲機和90年代街機遊戲的粉絲。我最喜歡那個時代遊戲的像素畫，將其描述為色彩鮮豔，大膽而乾淨的……但又不是那麼幹淨，以至於僵硬或簡約。這就是我像素畫的風格，但是你可以學習各種藝術家，使像素畫成為你想要的風格！
像素畫軟件
像素畫所需的基本工具是放大鏡，鉛筆，線/形狀工具，選擇/移動工具和油漆桶。你可以使用具有這些工具的繪畫軟件。我將在這裡介紹一些最受歡迎的軟件。
windows畫圖/免費
如果你使用Windows系統，其內置的畫圖程序雖然簡單，但完全可以畫像素畫。
piskelapp/免費
piskeilapp[1]是在瀏覽器中運行的像素畫軟件！可以導出到PNG或GIF動畫。
GraphicsGale/免費
GraphicsGale[2]是第一個專為像素畫設計的像素畫軟件。由日本公司HUMANBALANCE開發，在2017年成為免費軟件，儘管Aseprite越來越受歡迎，但仍然有很多人使用GraphicsGale。不幸的是，只支持Windows系統。
Aseprite/付費
Aseprite[3]似乎是當前最受歡迎的像素畫軟件。支持Windows，Mac和Linux。最重要的是，它是開源的，如果從源代碼編譯，則可以免費使用。
GameMaker Studio 2/比較貴
GameMaker Studio 2[4]是一款出色的2D遊戲製作工具，其中包括一個不錯的Sprite編輯器。如果你有興趣為自己的遊戲製作像素畫，那麼使用Sprite編輯器就可輕鬆完成所有任務。我在2019年使用它製作UFO 50，這是50個復古遊戲的集合。我主要使用GameMaker的Sprite Editor來處理精靈和動畫，但是在Photoshop中創建Tile。
photoshop/昂貴
由於Photoshop是一款昂貴基於訂閱的應用程序，並非專為像素畫設計，因此不建議使用它，除非你已經擁有用於高分辨率繪畫技能。
其他像素畫用品
繪圖板/比較貴
我強烈建議用繪圖板畫任何類型的數碼藝術作品，以防止手腕受到傷害。如果手腕感到痠痛，就已經來不及了。因此，儘早開始照顧自己的手腕-這是值得的！我目前正在使用小型Wacom Intuos Pro。
護腕
如果沒有平板電腦，則至少要有護腕。我最喜歡的是Mueller Green Fit腕帶。
角色示範96X96像素
Final Fight (Arcade). Capcom, 1989.
在本教程中，我們將創建96x96像素的角色。我選擇做一個獸人，將完成的獸人放置在Final Fight的場景中，這是大多數街機遊戲的角色（場景尺寸為384x224像素）。
從這麼大角色開始的原因是，我發現更容易展示像素畫技術。對較大的角色進行像素化處理也更類似於傳統繪畫。在掌握了基本工具之後，就可以開始做得更小。
1、選擇調色板
像素畫由其限制來定義。與其他數碼藝術相比，像素在像素畫中的意義要大得多，對於顏色也同樣如此，最終還是要限制顏色。
是的，調色板很重要，可以幫助你定義風格和樣式。但是，對於剛開始畫像素的藝術家，我認為最好將調色板的所有理論放在一邊，然後僅選擇一個現有的調色板（甚至隨機選擇幾種顏色），就可以開始畫像素畫了。對於像素畫在任何時候都可以很容易地交換調色板。
在本教程中，我將使用為UFO 50創建的32色調色板。32色是像素畫調色板的流行選擇，16色也比較常見。這個特殊的調色板是為虛構的主機設計的，該主機可能位於Famicom和PC Engine之間。歡迎你免費使用它來快速跳過此步驟！
2、粗略線稿/草圖
使用“鉛筆”工具開始畫獸人，和使用筆和紙畫草圖相同的方式畫像素畫版本的草圖。像素畫與傳統繪畫之間肯定存在重疊，尤其是畫大尺寸的像素畫。從我已經注意到的情況來看，強大的像素畫家在繪畫方面也非常擅長，反之亦然。
3、清理線稿
接下來，我們將通過刪除雜點像素，並將輪廓線條減小為1像素線條。但是，究竟要刪除哪些像素？要回答這個問題，我們需要了解像素線和“鋸齒”。
鋸齒
我們需要學習兩條基本線條：直線和曲線。使用筆和紙，這主要是肌肉控制的問題，但是我們正在處理很少的顏色塊，這帶來了新的挑戰。
製作漂亮像素線的關鍵是鋸齒：單個像素或一小部分像素會破壞線條的一致性。就像我在上面說的，像素畫中的單個像素具有很大的影響，因此鋸齒可能會讓人眼花繚亂。想象一下，突然有人在桌子上猛擊一張紙時，在紙上畫一條直線-直線就會不受控制的扭曲，就像像素畫中的鋸齒。
讓我們看一些例子：
直線
曲線：當線段的長度沒有以一致的方式增長或減少時，鋸齒就會出現。
除非你的像素圖僅由最簡單的形狀構成，否則無法完全避免鋸齒。復古遊戲都會有鋸齒，目的只是將它們最小化。
4、上色
使用油漆桶或其他填充工具，為角色上色！
在左下角，我畫了一個圓球來說明明暗。
5、明暗
我們將添加更深的顏色（稱為shades）以模擬明暗，從而使角色看上去變得立體。假設獸人上方有一個單一光源，並且在獸人的前方略有照明，我們將較暗的顏色添加到獸人的底部和背面。
結構和體積
如果你在這一步遇到問題，則可能需要練習將圖形視為具有體積的形體，而不是簡單的線條和顏色。結構存在於三維空間中，並且可以具有填充該空間的體積。
將角色拆分，每一個部分都想象成球體，通過明暗上色，我們可以獲得物體的體積感。
它可以幫助你形象地顯示角色，而無需保留所有細節，並假裝它是用粘土而不是像素製成的。定義明確的角色不會掩蓋基本形式的細節。
手工抗鋸齒
每次添加一種新的顏色陰影時，我都會進行一些抗鋸齒處理（也稱為AA），這是一種通過在兩條線段相交的角上放置“過渡”顏色來平滑塊狀像素的方法：
灰色像素可柔化我們線條的“中斷”。線段越長，用於軟化的AA線段就越長。
在右側，可以看到獸人上臂的AA。我用它來平滑肌肉彎曲的線條。
注意：不要對遊戲或其他不知道背景顏色的角色進行抗鋸齒處理。例如，如果在淺色背景上進行抗鋸齒，那麼該抗鋸齒將在深色背景上會很突兀。
6、選擇性勾邊
到目前為止，我們的輪廓線一直是黑色的，這使角色具有整體卡通外觀。這也造成了許多麻煩。例如，手臂上的黑線定義了肌肉組織，但是它們看起來不太像同一個身體的一部分。
為了使畫面更自然，我們可以使用一種稱為選擇性勾邊（selout）的技術。這意味著需要用淺色去替換黑色輪廓線。在頂部，光線照射到角色，將使用最淺的顏色。對於分割（例如，肌肉，毛皮紋理等），可以使用較深的陰影顏色代替黑色。
在這一步中，我還為獸人添加了一個更暗的顏色。因此，獸人皮膚上現在有3種綠色。這種新的綠色陰影可用於選擇性勾邊和進一步消除鋸齒。
7、最後潤色
最後，我們添加高光（角色上最亮的點），細節（耳環，耳釘，疤痕），並繼續進行調整，直到我們對畫面感到滿意。
在此階段還可以嘗試其他幾件事：1、水平翻轉作品，可以輕易的發現比例和明暗方面的缺陷。2、去除顏色（即將顏色飽和度設為零），可以觀察明暗關係是否合理。
抖動
到現在為止，我們大多數時候都直接使用像素畫形狀。還有另一種技術稱為“抖動”，它使我們能夠在不添加新顏色的情況下銜接2種不同的顏色。看下面的例子：
第1個圖片是一個漸變，數百種不同的藍色從暗到亮漸變。
第2個圖片將顏色數量減少到9種，它還創建了一種令人討厭的效果，稱為條帶效應，在這種情況下，由於色帶均勻而厚實，我們的目光開始集中在顏色相交的線條上，而不是顏色本身。
第2個圖片使用了抖動，它減輕了條帶效應，僅使用了2種顏色！這個方法通過創建各種不同密度的紋理模擬顏色的漸變。它與打印中使用“半色調”技術非常相似。或插圖和漫畫中的“網點”。
我很少使用抖動-在獸人上只添加了一點紋理。一些像素畫家根本不使用抖動。總的來說，我認為它最適合單色的大面積區域（比如合金彈頭場景裡面的天空）或表現特殊的紋理效果。
可以研究80年代英國遊戲工作室Bitmap Brothers或日本計算機PC-98的遊戲（請注意，PC-98上的許多遊戲都是NSFW）：
Kakyusei（PC-98），1996年,16色
8、完成作品
像素畫的危險之一是花費太多時間在單個角色上。因此請注意不要在單個Sprite上停留太長時間。在遊戲開發中，單個sprite只是遊戲的一小部分，可以這麼說，重要的是不要忽視整體。
改善技能的最好方法是，在儘可能嘗試不同主題，儘可能多地從頭到尾地查看整個繪畫過程。
[1]
piskelapp: https://www.piskelapp.com
[2]
GraphicsGale: https://graphicsgale.com/us/
[3]
aseprite: https://www.aseprite.org/
[4]
GameMaker Studio 2: https://www.yoyogames.com/get
完。
本賬號系網易新聞-網易號“各有態度”簽約賬號
閱讀更多 教你畫像素畫 的文章
