像素畫(huà)入門(mén)路線：我精選的 8 篇基礎(chǔ)教程

最近在準(zhǔn)備「像素畫(huà)入門(mén)」的內(nèi)容時(shí)，我又一次翻了翻 Lospec 上那一大串 Pixel Art Tutorials。 頁(yè)面里有上百篇文章、視頻和圖解教程，如果你是第一次接觸像素畫(huà)，很容易被信息量淹沒(méi)。

這一篇，我就把其中最適合入門(mén)的 8 篇基礎(chǔ)教程挑出來(lái)，順便幫你排好一個(gè)從「零基礎(chǔ)到可以做出小作品」的學(xué)習(xí)路線。 你可以一邊讀文章一邊照著練，把它當(dāng)成自己的像素畫(huà)自學(xué)課表。

參考來(lái)源：https://lospec.com/pixel-art-tutorials 的教程列表與配圖。

我自己在入門(mén)像素畫(huà)時(shí)，最痛苦的一點(diǎn)就是——不知道先學(xué)什么。 調(diào)色？勾線？抖動(dòng)？動(dòng)畫(huà)？每一塊都看起來(lái)很重要，但如果沒(méi)有一個(gè)「路線圖」，就容易學(xué)一堆零碎技巧，畫(huà)面還是亂糊一片。

Lospec 的教程列表里，其實(shí)已經(jīng)暗暗把路徑排好，只是需要有人幫你「翻譯」一下。 下面這些教程，我會(huì)按觀念 → 基礎(chǔ)技法 → 動(dòng)畫(huà)與場(chǎng)景的順序來(lái)拆解。

二、核心觀念：理解像素畫(huà)到底在干什么 1. Creating Pixel Art（整體入門(mén)觀）

這篇是資深像素畫(huà)師 cure 寫(xiě)的經(jīng)典入門(mén)教程，內(nèi)容覆蓋：

什么是像素畫(huà)，和普通數(shù)字繪有什么不同；

分辨率、網(wǎng)格、像素密度這些概念怎么影響你的畫(huà)面；

起稿、勾線、上色的大致流程。

如果你完全零基礎(chǔ)，我會(huì)建議從這篇開(kāi)始，把自己從「隨便涂」拉回到「每一顆像素都有意義」的思維模式。

原文鏈接： Creating Pixel Art[1]

2. Pixel Logic - A Guide to Pixel Art（系統(tǒng)化基礎(chǔ)）

接下來(lái)就是 Pixel Logic 這篇系統(tǒng)教程了，它更像一本「迷你電子書(shū)」，按章節(jié)講：

線條（Lines）：怎么畫(huà)出干凈、不鋸齒的輪廓；

顏色與調(diào)色盤(pán)（Colors & Palettes）：如何在有限顏色里做出層次；

抗鋸齒與抖動(dòng)（Antialiasing & Dithering）：什么時(shí)候該用、什么時(shí)候要克制；

透視與形體（Perspectives）：在小尺寸里表達(dá)立體感。

如果說(shuō) cure 那篇讓你知道「像素畫(huà)是什么」，Pixel Logic 則是把該掌握的基礎(chǔ)模塊一個(gè)個(gè)擺在桌面上，方便你逐個(gè)攻克。

原文鏈接： Pixel Logic - A Guide to Pixel Art[2]

色彩經(jīng)常是新手最頭疼的部分。 這篇教程專門(mén)從像素畫(huà)視角講調(diào)色盤(pán)：

如何從 3～5 個(gè)顏色出發(fā)，擴(kuò)展出一整套 Ramp；

為什么「全飽和度 + 全亮度」的顏色看起來(lái)很廉價(jià)；

怎樣通過(guò)微調(diào)色相和明度，做出舒服的陰影與高光。

如果你畫(huà)出來(lái)的東西總是「臟臟灰灰」或者「辣眼睛」，這篇可以幫你建立一套實(shí)用的調(diào)色思路。

原文鏈接： Palettes - A Beginner Guide[3]

在觀念基本清楚之后，可以開(kāi)始補(bǔ)基礎(chǔ)技法。 下面幾篇教程我更推薦你「跟著臨摹」，而不是只是看一眼就關(guān)掉。

4. Shading（像素畫(huà)里的光影）

這篇主要聚焦在「怎么用少量像素表達(dá)體積」：

用 2～3 層明暗，就把一個(gè)簡(jiǎn)單體塊畫(huà)出立體感；

怎樣通過(guò)光源方向安排高光和陰影；

什么時(shí)候該用硬邊，什么時(shí)候用柔和過(guò)渡。

你可以選一個(gè)簡(jiǎn)單的形體（比如球、方塊），照著里面的示意圖一步步搭光影，很快就能感受到像素畫(huà)里體積感是怎么建立起來(lái)的。

原文鏈接： Shading[4]

1-Bit 教程非常適合練習(xí)「圖形思維」：

只允許你用一種前景色 + 一種背景色；

沒(méi)有漸變、沒(méi)有復(fù)雜貼圖，只有純粹的輪廓與形體；

逼著你去思考「哪些像素是必須的，哪些是多余的」。

很多優(yōu)秀像素畫(huà)師都會(huì)先用 1-Bit 草圖來(lái)設(shè)計(jì)形狀，再往上疊加顏色和細(xì)節(jié)。 這篇可以當(dāng)成你訓(xùn)練「像素克制感」的專門(mén)課程。

原文鏈接： 1-Bit[5]

這兩篇教程都屬于「單一題材專項(xiàng)」：

Clouds Tutorial：教你用簡(jiǎn)單的塊面和漸變畫(huà)出蓬松的云團(tuán)；

Modular Tree Technique：分步拆解樹(shù)干、樹(shù)冠、葉片，用可復(fù)用的模塊拼出樹(shù)林。

它們的共同點(diǎn)是：題材具體、結(jié)構(gòu)明確，非常適合你練習(xí)「從草圖到完成品」的完整流程。 畫(huà)完一朵云或一棵樹(shù)，你會(huì)更直觀地體會(huì)像素畫(huà)中形體 + 光影 + 色彩是如何組合在一起的。

原文鏈接： Clouds Tutorial[6] / Modular Tree Technique[7]

四、進(jìn)階一點(diǎn)：讓角色和畫(huà)面動(dòng)起來(lái)

像素畫(huà)一旦動(dòng)起來(lái)，就會(huì)瞬間有生命力。 Lospec 上有不少動(dòng)畫(huà)向的教程，其中兩篇對(duì)入門(mén)來(lái)說(shuō)特別友好。

7. Walk Cycle（走路循環(huán)動(dòng)畫(huà)）

這篇教程會(huì)把走路循環(huán)拆成幾個(gè)關(guān)鍵姿勢(shì)：

接地、支撐、抬腿、交替這些動(dòng)作是怎么連續(xù)起來(lái)的；

如何在極少的幀數(shù)內(nèi)，傳達(dá)出「身體是有重量的」；

角色不同性格（輕快、沉重、慵懶）可以通過(guò)步幅和節(jié)奏來(lái)區(qū)分。

如果你已經(jīng)能畫(huà)出站立姿勢(shì)的人物，這是練習(xí)動(dòng)畫(huà)的完美起點(diǎn)。

原文鏈接： Walk Cycle[8]

這篇教程專門(mén)講布料的運(yùn)動(dòng)邏輯：

風(fēng)吹起旗幟時(shí)，哪一段先動(dòng)、哪一段后動(dòng)；

折痕、波浪和重力是如何在像素層面表達(dá)的；

怎樣避免「像一塊僵硬的板子在左右平移」的假動(dòng)畫(huà)感。

跑完這一篇，你基本就掌握了「柔性物體」的動(dòng)畫(huà)思維，可以應(yīng)用到披風(fēng)、裙擺、圍巾等各種元素上。

原文鏈接： Fabric / Flags[9]

這篇不是純繪畫(huà)教學(xué)，而是教你用 Aseprite 的 Outline 功能快速給像素畫(huà)加描邊。 好處是：

可以快速測(cè)試不同描邊粗細(xì)和顏色；

讓角色在復(fù)雜背景里更容易被看見(jiàn)；

當(dāng)你還在探索風(fēng)格時(shí)，用工具先試一圈可以節(jié)省很多時(shí)間。

如果你平時(shí)就用 Aseprite，這篇可以當(dāng)成「效率小加成」來(lái)看。

原文鏈接： Aseprite Outline Feature[10]

如果你想在 1～2 周內(nèi)扎實(shí)入門(mén)，我會(huì)建議這樣安排：

1.

Day 1–2：整體觀念
先讀完 Creating Pixel Art 和 Pixel Logic，順手記幾條自己覺(jué)得重要的原則。

2.

Day 3–4：色彩與光影基礎(chǔ)
跟著 Palettes - A Beginner Guide 和 Shading 畫(huà)幾組簡(jiǎn)單的體塊和色彩 Ramp。

3.

Day 5–6：?jiǎn)我活}材小作品
選 Clouds Tutorial 或 Modular Tree Technique，完整畫(huà)出一朵云或一棵樹(shù)。

4.

Day 7–8：角色與動(dòng)畫(huà)
參考 Walk Cycle 做一條簡(jiǎn)單的走路循環(huán)，再用 Fabric / Flags 給角色加一條會(huì)飄動(dòng)的披風(fēng)或旗幟。

5.

Day 9+: 工具與復(fù)盤(pán)
嘗試 Aseprite Outline Feature，給自己的小作品多做幾版描邊；順便回看一開(kāi)始畫(huà)的東西，找出自己進(jìn)步最大的地方。

這條路線的重點(diǎn)不是「刷完所有教程」，而是每一步都要真的畫(huà)一張東西出來(lái)。 哪怕是一顆小樹(shù)、一朵云，畫(huà)完、導(dǎo)出、貼在某個(gè)地方，你都會(huì)更有成就感。

六、Lospec 頁(yè)面的參考配圖

最后附上一點(diǎn) Lospec 頁(yè)面上抓下來(lái)的表情圖和界面截圖，幫你對(duì)這個(gè)網(wǎng)站有個(gè)直觀印象：

希望這條「像素畫(huà)入門(mén)路線」能幫你少踩一些彎路，也更有方向地去消化 Lospec 上那一長(zhǎng)串教程。 之后有新的好資源，我也會(huì)繼續(xù)幫你往這條路線里補(bǔ)充進(jìn)來(lái)。

參考資料

Creating Pixel Art: https://lospec.com/pixel-art-tutorials/creating-pixel-art

Pixel Logic - A Guide to Pixel Art: https://lospec.com/pixel-art-tutorials/pixel-logic-a-guide-to-pixel-art

Palettes - A Beginner Guide: https://lospec.com/pixel-art-tutorials/palettes-a-beginner-guide

Shading: https://lospec.com/pixel-art-tutorials/shading

[5]

1-Bit: https://lospec.com/pixel-art-tutorials/1-bit

[6]

Clouds Tutorial: https://lospec.com/pixel-art-tutorials/clouds-tutorial

[7]

Modular Tree Technique: https://lospec.com/pixel-art-tutorials/modular-tree-technique

[8]

Walk Cycle: https://lospec.com/pixel-art-tutorials/walk-cycle

[9]

Fabric / Flags: https://lospec.com/pixel-art-tutorials/fabric-flags

[10]

Aseprite Outline Feature: https://lospec.com/pixel-art-tutorials/aseprite-outline-feature