像素畫編輯器使用教學
- 選擇畫布尺寸(16×16 與 32×32 是不錯的起點),或開啟 PNG、GIF 或 .piskel 檔。
- 選擇 PICO-8 或 Endesga 32 等調色盤,用鉛筆(B)繪製。右鍵會用副色繪製,副色預設為透明。
- 替線稿、上色與陰影分別加入圖層。加入影格來製作動畫,並開啟洋蔥皮(K)查看前一格與後一格。
- 按 Enter 播放動畫、調整 FPS,並在 1×、2× 或拼貼模式的小預覽中檢查。
- 開啟匯出,下載 PNG、附 JSON 的精靈圖集、GIF 動畫、SVG、影格 ZIP 或 .piskel 檔。
你會得到什麼
- 目前影格的 PNG,1× 到 16×
- 精靈圖集 PNG,附 JSON 影格清單(任意欄數)
- 使用文件 FPS 的 GIF 動畫,保留透明度
- 依編號命名的影格 PNG ZIP 壓縮檔
- 每種顏色一條路徑的 SVG
- 可以在這裡或 Piskel 重新開啟的 .piskel 檔
來自實際做遊戲的技巧
- 畫 1px 描邊時保持像素完美(P)開啟,它會去掉徒手畫線留下的重複轉角像素。
- 用鉛筆 Shift+點擊,可以從上一個點畫出直線。拖曳直線時按住 Shift 會吸附到 45° 間隔,矩形/橢圓則會變成正方形/圓形。
- 明暗工具(U)會把像素換成調色盤中下一個較亮或較暗的顏色,不必離開調色盤就能上陰影。右鍵變暗。
- 繪製前先選取範圍(S,或用 W 選同一顏色),筆觸就會限制在範圍內;移動前先選取,就只會移動那些像素。
- 畫角色與正面精靈圖時開啟 X 軸鏡像,最後再手動打破對稱,免得精靈圖看起來像蓋印章蓋出來的。
- 在線稿底下放一個低不透明度的隱藏「草稿」圖層,匯出前刪掉即可。
- 作品會自動儲存在這個瀏覽器中。它不會同步到任何地方,想備份的話請匯出 .piskel 檔。
- 用 Ctrl+V 貼上圖片,會以新圖層加入,描摹參考圖很方便。
使用情境
- 不用安裝任何軟體,就能在 Game Jam 中繪製角色、道具與圖塊
- 在匯入引擎之前,逐像素清理 AI 生成的精靈圖
- 製作待機、走路與攻擊循環動畫,並匯出精靈圖集給 Godot、Unity 或 GameMaker 使用
- 製作小型 GIF 動畫與表情貼圖
- 在沒有安裝 Piskel 的電腦上編輯 Piskel 專案
常見問題
這個像素畫編輯器免費嗎?
免費。所有繪製、動畫、匯入與匯出功能都免費,也沒有浮水印。編輯器完全在你的瀏覽器中執行。
我的作品儲存在哪裡?
儲存在瀏覽器的本機儲存空間中,僅限這台裝置。重新整理頁面不會消失,但清除網站資料或換瀏覽器就沒了。請匯出 .piskel 或 PNG 留一份備份。
能開啟 Piskel 檔嗎?
可以。開啟 .piskel 檔後,圖層、影格與 FPS 都會匯入。也可以再匯出為 .piskel。
畫布最大可以多大?
512×512 像素。像素畫通常每邊 16 到 128 像素,把上限定在這裡,能讓手機與舊筆電上的繪製保持順暢。
怎麼替遊戲引擎製作精靈圖集?
在時間軸上畫好每一格動畫,然後選擇 匯出 → 精靈圖集。設定欄數與縮放,就會得到一張 PNG 與一個記錄每格位置與時長的 JSON 檔。
能在手機或平板上使用嗎?
可以。用一根手指繪製,雙指捏合或拖曳來縮放與平移。不過因為有快速鍵,做精細作業時滑鼠與鍵盤還是比較快。
能匯入 GIF 或精靈圖集嗎?
可以。GIF 開啟後每個 GIF 影格對應一格。開啟看起來像圖集的 PNG 時,編輯器會詢問是否依偵測到的網格拆成影格。