繁體中文

像素畫製作

在瀏覽器裡一格一格畫像素畫。免費、免註冊,作品會邊畫邊自動儲存在你的裝置上。

未命名的像素畫

32 × 32 像素 · 0 種顏色

鉛筆:點擊或拖曳來畫。按右鍵擦除。按住 Shift 點擊,可從上一個點畫直線。

粗細
鏡像

如何畫像素畫

四個步驟,不必安裝,也不用註冊。

  1. 1

    選擇畫布大小

    畫圖示和遊戲角色可以從 16×16 或 32×32 開始,也能設成最大 256×256 的任何尺寸。之後還能調整,畫面會保持置中。

  2. 2

    挑選顏色

    從 PICO-8、Endesga 32 等復古調色盤或你自己的調色盤選色,也可以用顏色選擇器或色碼輸入任何顏色。

  3. 3

    畫、填色、修飾

    先用矩形、橢圓和油漆桶鋪出大塊形狀,再用鉛筆一格一格修細節。畫錯了就按 Ctrl+Z 復原。

  4. 4

    下載作品

    儲存最大 64 倍的清晰 PNG,可選擇要不要格線;也能複製到剪貼簿,或產生有色號的可列印圖案。

想從照片開始?先把圖片轉成像素畫,再按「編輯像素」回到這裡完成。

簡單好上手、功能齊全的像素畫編輯器

  • 畫像素畫需要的工具都有

    鉛筆、橡皮擦、油漆桶、滴管、直線、矩形和橢圓,筆刷粗細 1 到 4 像素,形狀可選外框或填滿。

  • 鏡像繪圖

    開啟左右或上下鏡像,畫的每一筆都會同步複製到另一側,畫臉、角色和圖示特別方便。

  • 復古調色盤與自訂調色盤

    用 Game Boy、PICO-8、Commodore 64 等經典調色盤作畫,也可以自己建立調色盤,或從 Lospec 匯入。

  • 最多復原 100 步

    放心嘗試,每一筆、每次填色、調整尺寸和翻轉都能復原和重做。

  • 邊畫邊儲存

    作品會自動儲存在瀏覽器中,關掉分頁或重新整理都不會不見。不會上傳任何內容。

  • 從圖片開始

    開啟像素畫逐格編輯,或先把照片轉成像素畫,再按「編輯像素」手動修飾。

  • 清晰匯出與圖案

    下載透明背景、最大 64 倍的清晰 PNG,或產生拼豆、十字繡、鉤針用的可列印圖案。

  • 手機、平板都能畫

    用手指或觸控筆作畫,雙指捏合就能縮放和移動,就像看照片一樣。

工具與快速鍵

按一個字母就能切換工具,不用離開畫布。

工具
工具按鍵用法
鉛筆B點擊或拖曳來畫。按右鍵擦除。按住 Shift 點擊,可從上一個點畫直線。
橡皮擦E點擊或拖曳,讓像素變透明。
油漆桶G點擊填滿同一顏色的區域。按右鍵以透明填滿。
滴管I點擊像素取用它的顏色。小技巧:任何工具按住 Alt 都能取色。
直線L拖曳畫直線。按住 Shift 可畫水平、垂直或 45° 線。
矩形R拖曳畫矩形。按住 Shift 畫正方形。
橢圓O拖曳畫橢圓。按住 Shift 畫正圓。
移動檢視H拖曳來移動畫面。也可以按住空白鍵,或用雙指拖曳。
其他快速鍵
快速鍵作用
Ctrl+Z復原(Mac 為 ⌘Z)
Ctrl+Shift+Z 或 Ctrl+Y重做
[ 和 ]筆刷變細或變粗
+ 和 −,或滾輪放大和縮小
0讓畫面符合螢幕
按住空白鍵並拖曳移動畫布
按住 Alt 點擊任何工具都能取色
右鍵用鉛筆、油漆桶或形狀工具擦除
Shift+點擊鉛筆:從上一個點畫直線

像素畫新手教學:幾個實用技巧

這些小習慣,對手繪像素畫的成果影響最大。

  1. 01

    從小畫布開始

    16×16 或 32×32 的畫布逼你只留下最重要的部分,幾分鐘就能畫完一張。熟練後再畫大的。

  2. 02

    先把剪影畫對

    加細節之前,先用一種顏色把整體形狀填出來。如果一塊純色剪影就認得出是什麼,完成後的作品也一定好辨認。

  3. 03

    顏色用少一點

    好看的像素畫大多只用幾種顏色。選一個 PICO-8(16 色)或 Game Boy(4 色)這類調色盤,限制反而會讓畫面更一致。

  4. 04

    線條要順

    線條的階梯長度均勻變化(例如 3-3-3 或 3-2-1)時看起來順暢,忽長忽短(例如 1-3-1-2)就會有鋸齒感。直線工具會盡量讓階梯平均分布。

  5. 05

    先決定光源再上陰影

    先定一個光線方向,亮色放在受光的一側,暗色放在另一側。避免「枕頭式陰影」,也就是所有邊緣一起變暗。

  6. 06

    改變的不只是明暗,還有色相

    陰影稍微偏藍或偏紫、亮部稍微偏黃,會比直接加黑加白更有層次。

畫布要選多大?

畫布越小畫得越快、越有復古感;畫布越大,越能畫出細節。

畫布(像素)適合用途
8×8迷你圖示、游標和小地圖磚,也是新手練功的好挑戰。
16×16經典遊戲道具、地圖磚、網站圖示和小角色,8 位元遊戲風格。
32×32遊戲角色、大頭貼、表情貼和 App 圖示,最常用的尺寸。
64×64細節豐富的角色、人像和大頭貼,有空間畫陰影。
128×128 以上場景、背景和插畫。每個像素都要手畫,請預留更多時間。

常見問題

這個像素畫製作工具免費嗎?

完全免費。免註冊、沒有浮水印,畫幾張、下載幾次都不限。你的像素畫可以用在個人和商業專案。

我畫的作品會儲存嗎?

會。目前的作品會自動儲存在瀏覽器的本機儲存空間,在同一台裝置、同一個瀏覽器上重新整理或之後再開都還在,也不會上傳。清除瀏覽器資料或使用無痕視窗會讓它消失,想長期保存請下載 PNG。

可以先把照片轉成像素畫再編輯嗎?

可以。先用圖片轉像素畫工具選好尺寸和顏色,再按預覽上方的「編輯像素」,就會在這裡開啟,可以手動修改。也可以按「開啟」載入任何圖片:256×256 像素以內的圖片會照原像素開啟,更大的圖片會依最長邊縮小到 64 像素。

怎麼做透明背景?

畫布一開始就是透明的(灰色棋盤格),擦掉的地方也會恢復透明。下載的 PNG 會保留透明度,可以放在遊戲、網站或影片的任何背景上。

遊戲角色圖要用多大的尺寸?

角色、道具和地圖磚最常用 16×16 和 32×32,很多遊戲所有素材都用同一尺寸,風格更一致。匯入遊戲引擎時請用 1× 下載,並把材質濾鏡設為「最近鄰」(Point 或無濾鏡),畫面才會保持銳利。

怎麼放大下載又不會變模糊?

在「下載 PNG」旁邊的尺寸選單中選擇 1× 到 64×。每個像素都會變成對應大小的清晰方塊,放多大都銳利。開啟「格線」還能為每個像素描邊。

可以做拼豆、十字繡或鉤針圖案嗎?

可以。按畫布下方的「產生圖案」,就能下載可列印的 PDF 或 PNG:行列有編號、每格標色號,色號表會統計每種顏色用了幾格。

手機或平板可以用嗎?

可以。用一根手指或觸控筆畫,雙指捏合縮放和移動。畫的時候如果第二根手指碰到螢幕,這一筆會自動取消,不會留下多餘的像素。