像素尺寸 · 16 / 32 / 64 / 128

像素尺寸解說:16x16、32x32、64x64 與 128x128(免費指南)

自己做一張 16 x 16 像素藝術

該用哪一種像素尺寸?16x16、32x32、64x64 與 128x128 一次講清楚——每一種隱含的色彩預算、各自適合什麼、以及對應的免費生成器。另外還有 Minecraft 與試算表這兩種格線家族。

✦遊戲
做一張16 x 16 像素藝術

16 x 16 像素藝術就是一個 256 格的網格:16 欄、16 列,每格一個顏色。這個數字就是設計規格書。你畫下的每一筆都是從固定預算裡扣掉,而預算在你動手之前就定好了。

尺寸在你畫下第一個像素之前就決定了細節。16x16 的網格放不下一張看得出來是臉的臉。64x64 的網格放不下一群人。這份指南涵蓋佔掉多數遊戲、圖示與桌布工作的四種尺寸——16x16、32x32、64x64 與 128x128——逐一說明格數、典型用途、失敗模式與色彩預算。另外也談到大家講到「像素藝術格線」時通常指的兩類格線:Minecraft 方塊建築,單位是方塊而不是像素;以及試算表,單位是儲存格。

快速回答:尺寸=細節預算

格線尺寸就是你能畫幾個獨立筆畫的上限。16x16 給你 256 格。32x32 給你 1,024 格。64x64 給你 4,096 格。128x128 給你 16,384 格。這就是全部預算,而且在你把輪廓鋪完的時候就花得差不多了。

結果就是:細節不是最後才加上去的東西,而是一開始就由格線決定的額度。一顆眼睛在 16x16 要花 2 到 6 格。同一顆眼睛在 64x64 可以負擔一條眼皮線、一圈虹膜、一個瞳孔再加上一小塊高光——20 到 40 格。同一個特徵,成本不同,因為格線換了分母。

填色會跟其他所有東西搶預算。16x16 的角色身體吃掉 60 到 120 格的實色。剩下大約 130 格要分給外框、臉、手、手持道具以及任何內部陰影。三個彼此分開的內部形狀撐不過這個預算。兩個可以,前提是它們相連。

格線格數典型用途放不下什麼
8x864道具欄游標、狀態點、網站圖示任何臉;超過一個輪廓
16x16256角色、道具、密集圖磚組裡的圖磚眼睛和嘴巴能辨識的臉;文字
32x321,024遊戲精靈、敵人、非玩家角色、投射物表情;超過約 3 個字的文字
64x644,096圖示、頭像、對話框與商店美術完整場景;兩個等重的主體
128x12816,384桌布、場景美術、標題畫面縮到縮圖大小還讀得出來的單一主體

16x16:角色與道具

在 256 格之下,16x16 像素藝術是還能讀成角色而不是符號的最小尺寸。限制在輪廓。如果外緣線自己站不住,你在格子裡做什麼都救不回來,因為內部根本沒有空間解釋這個形狀是什麼。

工作方法是先用單一平塗色把整個東西畫完,再看輪廓。如果胸甲和手臂糊成一團,那是姿勢錯了,不是調色盤錯了。在平塗階段修,改一次只花你八格,而不是整個重畫。

16x16 也天然適合圖磚。圖磚組會重複,所以眼睛不再檢查單一格,而是開始讀紋理與節奏。這是這個尺寸唯一不算妥協的情境。

16 x 16 像素藝術擅長什麼

每個網格只放一個物件、一個姿勢、一個想法:一把劍、一瓶藥水、一枚硬幣、一個木桶、一隻史萊姆、一根路標、一塊牆磚、一個道具欄位。扁平的物件、強烈的輪廓、一個重點色,就是它的甜蜜點。盾牌行得通,因為形狀就是一整塊帶弧度的板;一旦你加上背帶、盾心跟邊框這三個分開的內部形狀,它就讀不出來了。

16 x 16 像素藝術在哪裡崩掉

臉和文字。眼睛加嘴巴在任何陰影之前就是 2 到 4 格,在那個尺寸下嘴巴讀起來只是一個迷路的像素,而不是表情。任何帶兩個互不相連內部形狀的東西——像是一瓶有玻璃線和液面線的藥水——都會塌成一團。高度低於約 5 格的文字無法辨識;請改用獨立的介面字型,不要硬把字畫進格子裡。

32x32:遊戲精靈

32x32 是 1,024 格,也是多數 2D 遊戲精靈作畫的尺寸,因為它撐得住一個看得懂的姿勢,又不需要畫成頭像。你可以把頭跟軀幹分開、把武器放進手裡、表現出哪條腿在前,而且還有格子留給身上的雙色調陰影。

搭配它的色彩數量:總共 12 到 16 色,而且要含外框線。可行的分配是一個外框色、三到四組各三步的色階(底色、陰影、高光)、一到兩個重點色,再加上透明。雙色調陰影的意思是身體色至少會出現兩次——一次受光、一次陰影。如果調色盤裡每個顏色都只出現一次,你畫出來的是雜訊,不是形體。

常見錯誤:32x32 的精靈看起來不對時,多數人的反應是加一個顏色。那什麼都修不好,因為問題幾乎總在輪廓——某條肢體跟軀幹分不開,或者頭跟肩膀一樣寬。用純黑重描一次輪廓,然後看它。如果那個黑色形狀認不出來,什麼調色盤都救不了。

  • 畫布32x32,作畫時以 4 倍或 8 倍的最近鄰放大檢視。絕對不要在 1 倍下工作;你會不小心點到單一格。
  • 調色盤12 到 16 色,含外框與透明。三步色階比平滑漸層更容易維持一致。
  • 外框一個像素,偏暗但很少用純黑。用身體色相的暗版,精靈才不會看起來像剪下來貼上去的。
  • 陰影每個材質多一步色階,放在背光側,不要繞著整個形狀包一圈。

64x64:圖示與頭像

64x64 是 4,096 格,也是這份清單上第一個能讓臉真的是一張臉、而不是符號的尺寸。一顆眼睛現在有 8 到 20 格可用:眼白、虹膜、瞳孔、眼皮線,再加一小塊高光。那塊高光就是 64x64 頭像成立、32x32 頭像不成立的原因——在 32x32 根本沒有格子分給它。

這個尺寸改變的是:哪個部分在扛辨識度。16x16 靠輪廓。64x64 靠明暗。你現在畫的是形體,所以需要色階:每個材質 3 到 5 步,而且每個材質待在自己的色階上。皮膚和鋼鐵受同一盞燈照的時候,只有當鋼鐵的色階對比高於皮膚的色階,兩者才會看起來一致。金屬之所以讀起來像金屬,是因為明度跳躍,不是因為色相。

會崩掉的地方:人群。64x64 是一個主體。兩個人物共用同一張網格,各分到約 2,000 格,等於回到 32x32 的問題,而且構圖更糟。64x64 就留給單一主體,剩下的格子花在刻意壓低對比的背景上,讓主體靠明度而不是靠顏色分離出來。

128x128:桌布與場景

128x128 是 16,384 格。到了這個尺寸,單一精靈不再是主體,而是構圖裡的一個物件。一個佔掉畫布三分之一大的角色大約是 42x128——約 5,300 格——而網格裡其他全部都是環境:地面、天空、建築、道具。

反直覺的地方是:大網格每個物件需要的顏色更少,不是更多。在 16x16,你可能在一個角色上花 12 個顏色,因為這 12 個顏色都在做結構性的工作。在 128x128,六個物件各 12 色就是 72 色在互相搶,眼睛分不出什麼是前景。這個尺寸的場景作業通常讓每個物件維持在 4 到 6 色的色階上,並用明度帶——暗前景、中景、亮天空——而不是用色相來分離物件。

機械設定在這裡比在小尺寸時更要緊。用 1 倍作畫,放大到 2 倍或 3 倍檢視,絕對不要用平滑縮放。輸出成桌布時,只做整數倍放大——2 倍、3 倍、4 倍。2.5 倍放大會產生寬度不均的像素,格線就不再看起來是刻意的。

各尺寸的色彩數量

會讓人意外的那條規則:網格越大,每個元素的調色盤通常越小。小網格逼你重複使用——同一個顏色同時當外框、陰影和頭髮——而那個重複正是 16x16 作品看起來協調的原因。大網格則誘使你為每個表面配一個專屬顏色,結果讀起來像一張把解析度調低的照片。

重要的數字不是調色盤總色數,而是每個元素的色數。一張 32x32 精靈、16 個調色盤色分配在 4 個元素上是協調的。一個 128x128 場景,總共 24 色,只要這些顏色是按明度——暗、中、亮——分配並跨物件重複使用,看起來就可以很豐富。

機械上的原因是:像素藝術靠相鄰對比來讀。相鄰兩格明度不同就形成邊。相鄰兩格色相不同、明度相同就糊成一片。加一個顏色卻沒加上明度對比,等於花掉一格調色盤位置卻換不到可讀的形體,這就是為什麼「看起來很平」通常是明度問題,不是色相問題。

格線每個元素的色數合理的總色數超過會怎樣
16x163 到 58 到 12每一格都是不同顏色,輪廓消失;在 1 倍下讀起來是雜訊。
32x324 到 612 到 16多出來的顏色擠到外框,陰影變平;精靈看起來像貼紙。
64x644 到 816 到 32皮膚和金屬變得像蠟,而且間距不平均的色階會出現明顯的色帶。
128x1283 到 624 到 48物件不再靠明度分離,整個場景塌成一個平面。

Minecraft 像素藝術與格線

Minecraft 像素藝術是以方塊為單位,不是像素。一個方塊就是影像的一格。一張 16x16 的精靈會變成一面 16x16 的方塊牆:256 個方塊,這是你能在一個晚上蓋完的工程。同一張精靈在 64x64 是 4,096 個方塊,那是另一種專案,另一種投入程度。

這個對應之所以重要,是因為方塊不是像素。像素是你選的一個平塗色。方塊是一個已經烘進紋理與光照的平塗色——羊毛和混凝土在標稱同一個顏色下,遠看不會讀成一樣,而紋理很花的方塊會加上像素永遠不會有的雜訊。這就是為什麼一張照片需要的方塊數比一張手繪圖高:照片帶著漸層,而漸層要花格數。32x32 的臉用方塊蓋會糊成一團;到 64x64 或 128x128,形狀才撐得過紋理雜訊。

建築格線與美術格線是另一組區別。美術格線定義上就是平的:一格一色,沒有深度。建築格線是三維的——你可以在任何高度放方塊,而格線只在你正對平面看的時候才出現。這產生了一個點陣編輯器永遠不會問的決定:影像後面要放什麼。用低飽和方塊做一面背景牆會讓主體讀得出來;讓影像懸空、讓地形從縫隙透過去,讀起來就是殘破。

1

01

在你碰世界之前,先把來源影像降採樣到你真正要放的方塊數——32x32、64x64 或 128x128。

2

02

把影像減到你所玩版本裡真的存在完整方塊的那些顏色,先進行色調分離到那個色集,而不是一格一格挑方塊。

3

03

在玩家實際觀看的距離檢查結果,不是貼在鼻尖看。離螢幕退後兩個方塊的距離才是誠實的測試。

4

04

對照一條鷹架線由上往下蓋,讓每一列保持對齊;第 3 列偏了一格,要到第 30 列才會看出來。

5

05

開工前先決定背牆。等蓋完才回頭補背景,比一開始就蓋進去慢得多。

試算表與 Google Sheets 像素藝術

在試算表裡,一格就是一個像素。格線有多大取決於表允許多大、以及你願意捲多遠。一張 32x32 的圖是 1,024 格。64x64 是 4,096 格。128x128 是 16,384 格——顯示得出來,但手動輸入很折磨。

設定格式化的條件就是調色盤。你寫規則,依儲存格的值決定填什麼色,然後在每格裡打一個字母或數字來選色。另一條路是手動填色,設定比較簡單,但你就沒辦法改一條規則重新上整個作品的色。如果你打算反覆修改這張圖,用規則。如果只是一次性的,手動填色比較快。

試算表這條路在兩種情況下確實是對的工具。協作:試算表原生共用,好幾個人可以同時編輯,還有修改記錄——比 PNG 寄來寄去好。資料驅動的格線:儲存格顏色可以從公式算出來,所以整張作品可以對一個數字反應,這是任何點陣編輯器都做不到的。它不適合做動畫。試算表沒有影格、沒有洋蔥皮、沒有時間軸。在試算表裡做動畫就是複製整張網格再換範圍,大概做到第二格就比任何專用編輯器都慢了。

各尺寸的免費工具

依你手上已經有什麼來選,不要依功能清單來選。如果你有一張照片、需要一個起始輪廓,用轉換器。如果你有一張空白畫布和固定尺寸,用製作器。如果你完全不知道要畫什麼,用生成器。它們產出的都是可以拿到別處繼續編輯的網格。

每個工具都有自己的頁面;這一節只負責指路。

  • 像素藝術轉換器把一張影像降到 16x16、32x32、64x64 或 128x128,並量化到固定調色盤。拿它取得第一個輪廓,然後重畫——轉換出來的東西是起點,不是完成品。
  • 像素藝術製作器帶真正調色盤的網格編輯器,動畫影格有洋蔥皮,PNG 以整數倍輸出。任何你打算做動畫或手工微調的東西都用它。
  • 像素藝術生成器用文字描述物件,拿回一張網格。在 16x16 和 32x32 的道具上最強,那個尺寸的輪廓就是全部的工作。
  • Agent Sprite Forge我們的精靈管線。它接收一段文字描述,回傳指定格線大小的精靈表,再餵給 3D 遊戲建構器那一側。
一個 16 像素比例、可以走進去逛的世界——這是小格線最好的論據。

在 3D 裡看一個 16x16 的世界

一塊 16x16 的圖磚是 256 格,到了 3D 世界它就變成貼圖。這個尺寸的貼圖只有在篩選設定正確時才會保持銳利。用 Three.js 的說法:把貼圖的放大與縮小篩選都設成最近鄰,並對想近看銳利的物件關閉多層細節貼圖;遠處地形則保留多層細節,否則攝影機一移動,地面格線就會閃爍。這就是這個尺寸範圍小端的取捨——最近鄰篩選讓像素在兩公尺處保持可讀,在五十公尺處則會產生鋸齒。

The Cyclops' Island 幾乎完全靠小格線圖磚運作:樹、石頭、海岸線、道具與物品,每一個都畫在 16x16 或 32x32,並在場景裡重複使用。Mini World 用同樣的做法,但每個物件的佔比更小。精靈從 Agent Sprite Forge 產出,打包進圖集,再由 3D 遊戲建構器放置成物件——一段文字描述就是在那裡變成可以玩的佈局。

回報是算術上的,不是美感上的。在 16x16,你失去畫出一張特定臉孔的能力,換來一塊負擔得起重複使用的圖磚。256 格乘上幾十塊圖磚就是一個地方。16,384 格乘上幾十塊圖磚就是一個沒有人做得完的專案。看下面這個場景時,注意地面和道具,不要看天空——地面才是格線看得見的地方。

The Cyclops' Island——一款像素藝術遊戲,它的辨識度取決於當初用多大的格線作畫。

走進它所屬的那個世界

精靈是一個無處可站的角色。最後這一步是別人沒給的:把你剛做好的精靈表放進一個有人可以走來走去逛逛的世界——一座小島、一顆行星、一個下雨的街角。這個網站上每一個世界都是從一段文字描述做出來,並發佈成一個可以玩的頁面。

常見問題

我該從哪個尺寸開始?+

16x16。畫錯一次只要兩分鐘就能重畫,而 256 格仍然足以完成一個認得出來的東西。等 16x16 的一把可讀的劍變成日常,32x32 就不再感覺綁手綁腳。

16x16 太小了嗎?+

只有在你的想法需要一張臉、文字,或一個物件裡有兩個內部形狀時才算小。對道具、圖磚、游標和道具欄美術來說,它是標準的工作尺寸。如果你需要表情,就換到 64x64,不要硬跟 256 格搏鬥。

角色的最佳尺寸是什麼?+

遊戲中會動的角色用 32x32——足夠擺出可讀的姿勢和雙色調陰影。頭像與對話美術用 64x64。16x16 適合讀起來是輪廓的角色,例如史萊姆或俯視角騎士。

圖示的最佳尺寸是什麼?+

介面圖示用 32x32,這個尺寸在工具列或清單裡以 1 倍顯示時還撐得住。當圖示本身就是主視覺,例如商店磚,用 64x64。網站圖示和游標用 16x16。

我該用多少個顏色?+

按元素計算,不是按整張圖:16x16 和 32x32 每個物件 3 到 5 色,64x64 用 4 到 8 色,128x128 因為好幾個物件共用畫布,用 3 到 6 色。外框線要算在這個數字裡,並保留一格給透明。

什麼是像素藝術格線?+

就是你作畫的格子結構——16 欄乘 16 列,或 32 乘 32。每一筆都對齊到格,每一格只放一個顏色。它也決定了輸出尺寸,之後你再以整數倍放大來顯示。

Minecraft 的格線跟像素藝術格線差在哪?+

一個方塊取代一個像素,所以單位是世界裡的一立方公尺,而不是一個平面格。方塊帶有紋理與光照,所以一張在點陣編輯器裡行得通的 32x32 圖,用方塊蓋往往需要 64x64 以上。建築格線還是三維的;美術格線是平的。

回到 3D 遊戲建構器

31 個完成的 3D 世界、遊戲與場景全都在同一頁——每一個都可以玩。

平台:Neta Studio頁面:像素尺寸解說:16x16、32x32、64x64 與 128x128(免費指南)接著讀:/explore/tool/image-to-pixel-art · /explore/tool/pixel-art-maker · /explore/tool/ai-pixel-art-generator
×