第二課：像素畫形狀

1、形狀與造型基礎

所有畫畫都是造型藝術，造型就意味著畫家需要在平面上騙過大腦，營造出立體感。

像素畫也一樣。

你首先需要畫準確形狀。

1.1、什麼是像素畫形狀

相同顏色的像素組合在一起就是形狀。

如果你玩過俄羅斯方塊，就會比較好理解像素形狀，相同顏色的 俄羅斯方塊組合在一起，變成各種形狀。

小知識：

繪畫語言中的點、線、面，是可以互相轉化的。

1個像素，縮小看是【點】；放大看是正方形【面】；很多個1像素連接起來是【線】。

1個人，離你很遠看是【點】；走到你眼前是【面】；離你很遠有很多人排隊是【線】。

形狀重要的原因，是因為人類通過形狀來識別。

你看到的任何東西都是物體在視網膜上的2D投影，畫畫就是畫出這個2D投影。

像素畫則是進一步簡化和概括這個2D投影，使用最少的像素和最少的顏色。

1.2、從簡單的形狀開始練習

越複雜的像素畫，形狀就越多。

為了降低學習難度，持續獲得正反饋，你可以從簡單的形狀開始練習。

最基礎的形式正方形和圓形，其他所有形狀都從正方形和圓形派生。

最簡單的幾何形體則是正方體和球體，所以傳統繪畫最開始練立方體，然後練球體。

像素畫也遵循這個規律。

從最早的 8bit 遊戲（尺寸和顏色嚴重受限）超級馬里奧，到後期幾乎不受性能限制的 GBA 馬里奧。

去掉 GBA 馬里奧的明暗，減少顏色，你可以發現它和 8bit 馬里奧的共通之處嗎？

GBA馬里奧的形狀更加細膩圓滑，暗示出更多的細節，能看到大拇指。腿和鞋子的細節也更多了（通過增加明暗和顏色來實現）。同時頭部變大，卡通和Q版的感覺更加強烈。

形狀是像素畫的根基，也是普通愛好者判斷你是否抄襲的根據。

形狀是有獨創性和"版權"的，而明暗和顏色沒有。舉個例子，eboy多年深耕ios像素畫這個風格，幾乎畫遍了所有東西，當你要創作iso像素畫的時候就需要注意形狀不能和eboy相似，否則即使你從來沒有看過eboy的作品，其他人也會懷疑你抄襲了eboy。

作者：eboy

這就是第一個畫出像素畫形狀的佔位優勢。

繪畫的基本 3 要素就是 ：

1、形狀；

2、明暗；

3、顏色。（明暗和顏色可以互相轉化）

2、像素畫自我設限原則

像素畫誕生於早期計算機性能有限的時代。當時的設計師和遊戲美術，使用像素畫和各種技巧，為計算機用戶和遊戲玩家提供儘可能優美的馬賽克畫面。

像素畫的這種自我設限的原則延續至今。

2.1、原則一：使用盡可能少的像素

怎麼簡單的理解"使用盡可能少的像素"？

像素畫由方塊組成，方塊越少，一張像素畫佔用的面積就越少，對計算機性能的要求就越低。因此同樣畫一根線，用的方塊越少，在視覺效果相似的前提下，這張像素畫就越好。

具體例子見下圖 👇

❌：使用的像素方塊很多，同時有在視覺上很明顯的邊邊角角。

➡️：紅色像素點是要刪除的像素方塊（需要像素畫家手工處理）。

✅：刪除多餘像素方塊之後的線條。效果和❌相似，但是使用的像素方塊更少，因此✅是理想且完美的像素畫線條。

手工清理線條

因此和傳統畫畫相比，畫完像素畫線稿之後還需要手工清理線條。

就是因為這個原因，我一般建議 0 基礎的像素畫新手不要畫線稿，而是直接畫形狀。首先是因為畫形狀比畫線簡單的多，其次畫像素畫修改更方便。

使用繪畫軟件的鉛筆工具，畫出的像素畫線條一般都會帶有多餘的像素。畫完以後，就需要清理多餘的像素（遵循像素畫原則1：使用盡可能少的像素）。

然後你還需要根據實際情況，對線條組成的形狀進行微調，這樣就不如一開始就畫形狀來的省事和節省時間啊。

Aseprite：完美線條

像素畫專業畫圖軟件 Aseprite 提供了完美像素（pixel-perfect）功能，選中鉛筆工具以後，勾選完美像素就可以啟用，這樣每次用鉛筆畫出來的線條就變成了完美像素。

勾選完美像素之後，畫出來的線條直接就是完美的。

當像素畫有多餘的像素時（多餘的意思是，去掉這個像素不影響畫面效果），就會更加明顯的感覺到彆扭。

雖然像素畫都是方塊，但是人的眼睛就是喜歡曲線。所以完美線條也是在儘可能的使像素畫線條看起來不那麼直和帶稜角。

2.2、原則二：使用盡可能少的顏色

怎麼簡單的理解"使用盡可能少的顏色"？

現在的智能手機和平板電腦，性能都比以前的計算機還要好。畫像素畫完全可以不考慮顏色的限制，畫家想要多少顏色就用多少顏色。

這當然是可以的，因為創作自由。

經典像素畫自我設限原則，在有限制的條件下創作像素畫更加經典和優秀。

尺寸小的像素畫更精緻和耐看，你可以看清楚每一個細節的像素方塊。

3、減少顏色的方法

減少顏色有 2 種方法，分別是自動減少顏色和手工減少顏色。

這兩種方法分別對應 2 種像素畫創作思路。本質上，只要最終遵循像素畫自我設限原則，不管用什麼方法都是可以的。

3.1、自動減少顏色

需要使用Adobe Photoshop，使用轉存為web格式來減少圖片的顏色，可以實時預覽顏色減少後圖片的效果。

image2Pixel 使用image2pixel減少顏色，可以實時看到顏色減少後的圖片效果。還可以替換不同的像素畫顏色板。

3.2、手工減少顏色

像素畫家會用幾個顏色開始起稿，精確控制每一張像素畫使用的顏色數量。

4、像素畫形狀練習

4.1、icon 練習

icon 是非常好的像素畫單個形狀練習主題。

主要檢查點：

1. 是否以最少的像素點，還原了 icon 的形狀？
2. 所有的 icon 尺寸是否統一？
3. 圓是不是足夠圓？
4. 想表現的細節是否都畫出來了？

作者：小雨咚咚腰(優秀學員)

4.2、logo 練習

logo 是有顏色的單個形狀或複雜形狀。像素畫新手可以先從簡單的 logo 開始練習，慢慢過渡到複雜的 logo。

作者：像素熊老師

星巴克咖啡 logo 屬於複雜形狀。

作者：像素熊老師

4.3、卡通角色練習

卡通角色比 logo 更加複雜，涉及的形狀和顏色會更多。

你應該儘量選擇線條和色塊清楚的卡通角色作為像素畫練習主題。

作者：伊文(優秀學員)

4.4、原畫或照片練習

原畫或照片是比卡通難度更大的主題。原畫和照片有大量的細節，在轉畫成像素畫後，需要進行簡化和取捨。

作者：MIR(優秀學員)

4.5、縮小練習

把喜歡的像素畫作品縮小。

縮小後的像素畫會因為崩潰打亂失去秩序，你可以恢復像素的秩序（遵循像素畫規則 1）形成新的作品。

縮小大佬的作品，導致秩序崩潰，需要重新調整。

當然也可以不縮小，直接重新畫成極簡像素畫，把原圖作為參考素材。

極限縮小

5、作業

完成像素畫形狀練習，根據自己目前的水平選擇其中一個練習。

完成以後將作品發到社群中，老師會點評或批改。