跳至正文
所有教學

ArtCraft Brandon Thomas

Brandon Thomas 的 ArtCraft:獨立遊戲開發者能用這些免費工具做什麼?

更新 ArtCraft 的 13 款免費創作工具與 Launcher 下載方式,保留 PhotoCraft 0.7.0 透明角色 PNG 實測,銜接動畫產生、免費精靈圖工具和 Godot 案例。

AnimGen更新於 13 分鐘閱讀
用於 AnimGen PhotoCraft 實測的橙色遊戲機器人,周圍留有擴大的畫布空間
本文目錄

最近,ArtCraft 因為“免費開源的 Adobe 替代品”這個話題受到了不少關注。對正在做小遊戲的人來說,更想知道的可能是:這些工具現在能幫我處理哪些素材?

我們拿之前動畫教學裡的橙色機器人試了 PhotoCraft:開啟透明角色 PNG,擴大畫布,再匯出一張保留原有像素的透明圖片。PhotoCraft 0.7.0 的瀏覽器版完成了這一步。

2026 年 10 月 14 日更新:官網列表已經擴展到 13 款應用,並提供統一安裝、更新的 ArtCraft Launcher。下方的 PhotoCraft 截圖和像素檢查仍來自 10 月 11 日的實測。準備下載安裝的讀者,可以接著看 PhotoCraft 下載與入門教學。

Brandon Thomas 的 ArtCraft 是什麼?

Brandon Thomas 是軟體工程師,也是 ArtCraft 的創辦人。他在最初的介紹文章裡說,自己藉助 Claude,用 Rust 開發了七款創作應用。專案如今也有社群開發者參與;PhotoCraft 0.7.0 釋出記錄裡能看到多位貢獻者。

官網的 Crafting Apps 列表目前展示了 13 款應用。這裡的狀態以 2026 年 10 月 14 日查到的頁面為準:

應用 處理的工作 目前狀態
PhotoCraft 點陣圖編輯/Photoshop Early alpha,早期測試版
VectorCraft 向量繪圖/Illustrator 開發中
FilmCraft 影片剪輯/Premiere Pro 開發中
LightCraft 照片管理與 RAW 處理/Lightroom 開發中
PdfCraft PDF 文件/Acrobat Early alpha,早期測試版
EffectCraft 動態圖形與特效/After Effects 開發中
DesignCraft 頁面排版/InDesign 開發中
FigCraft 介面設計與原型 Early alpha,早期測試版
WordCraft 文書處理 開發中
SoundCraft 錄音與混音 開發中
DeckCraft 簡報 開發中
CADCraft 電腦輔助設計與製圖 開發中
GridCraft 試算表 開發中

官方 ArtCraft Launcher 會按作業系統和處理器選擇安裝套件,並管理應用更新。各應用也保留獨立下載入口;只需要 PhotoCraft 時,可以單獨安裝。

表裡的對照方便理解用途,並不代表已經做到了相同的功能完整度。PhotoCraft 自己的 README 也說明它還處於早期測試階段。可以先拿專案副本試一段真實工作,再決定是否用作日常編輯器。

同一品牌下還有一款 ArtCraft AI 影像與影片工作室,本身就提供由圖片產生影片等流程。讀介紹時要分清編輯應用和 AI 工作室,它們處理的環節和費用構成都有區別。

用 PhotoCraft 給透明角色多留一些空間

輸入是一張 1254 × 1254 的透明 PNG。站姿角色接下來要出拳、踢腿或跳躍時,周圍多一點留白,動作更容易容納在畫面裡。我們把畫布擴到 1600 × 1600,角色本身不縮放,四邊各增加 173 像素的透明區域。

這次使用的是官方 PhotoCraft 0.7.0 網頁發行包,於 10 月 11 日在本地瀏覽器執行。下面的截圖來自這次實際操作。

開啟原始 PNG

點擊 Open,選擇機器人輸入圖片。機器人背後的棋盤格是 PhotoCraft 用來顯示透明區域的底紋,不在圖片檔案裡面。

PhotoCraft 0.7.0 中開啟的橙色機器人透明 PNG,右側顯示一個圖層

這張角色圖已經完成去背。本次操作沒有做去背;如果匯入的是 JPEG 或帶實底的 PNG,擴大畫布也不會把原有背景去掉。

用 Canvas Size 擴大畫布

開啟 Image → Canvas Size,寬和高都設為 1600 Pixels,不勾選 Relative,錨點保留中間,將 Canvas extension color 改成 Transparent,然後點 OK。

PhotoCraft 的真實 Canvas Size 設定視窗:寬高均為 1600 像素,錨點居中,擴展區域為透明

Canvas Size 改變畫布邊界;Image Size 會縮放影像。這次要保留角色的原始像素,只增加周圍的空白,因此使用 Canvas Size。

兩張圖片按相同寬度顯示時,擴展後的角色看起來會小一些,因為畫布包含了更多空白。匯出檔案裡的機器人本身仍然使用原來的像素。

原圖與擴大畫布後的機器人按相同面板尺寸展示,四邊分別增加了 173 像素的透明空間

對比圖裡的淺色背景僅用於展示,下載的兩張 PNG 都保留透明通道。如果下一步就在 AnimGen 裡產生動畫,而且只需要留白,也可以直接使用內建的 Expand Canvas,不用另外儲存本地圖片。需要保留一份給其他工具使用的編輯來源圖時,PhotoCraft 就有了用武之地。

匯出後檢查透明度

選擇 File → Export → Quick Export as PNG。實際下載的檔案為 1600 × 1600。我們將中間的原圖區域逐像素比對,紅、綠、藍和 Alpha 四個通道都沒有變化;新增邊緣區域的 Alpha 全部為零。

可以下載這次 PhotoCraft 實際匯出的 PNG自行試用。測試記錄裡保留了設定、尺寸和檔案雜湊。

更多留白能給模型安排手腳動作的空間。遇到大幅揮武器或高跳,仍然要看一遍完整產生結果,再確定最終裁切範圍。

從角色圖片接到可操作的遊戲角色

同一個機器人已經在我們的可操作角色案例裡做出了待機、跑動、出拳和踢腿。下面是那次 Godot 測試的錄影,這些動畫產生於本次 PhotoCraft 擴展畫布之前。

此前的 AnimGen 案例:橙色機器人的待機、跑動、出拳和踢腿在 Godot 中播放,展示角色素材進入遊戲後的使用方式。

後續怎麼處理,取決於手頭已經有什麼:

  • 只有一張角色 PNG:先產生動作,再選出需要的影格並透明匯出。透明動畫製作頁介紹了這條流程。輸入時保留完整角色,為伸出的手腳和武器留出空間。
  • 已經有包含動作的影片:用免費的影片轉精靈圖工具選擇動作區間。來源影片已有 Alpha 時,透明度可以保留到影格裡;實底影片則需要去背景。
  • 已經有一組完成的 PNG 影格:用免費的精靈圖製作工具打包。如果先在 PhotoCraft 裡修改過這些影格,要保持整組圖片的畫布尺寸和角色位置一致。逐張重新居中,可能讓播放時的角色來回晃動。

精靈圖製作教學提供了可下載的影格和 JSON 範例。需要接到引擎時,Godot 4 匯入案例示範了資產包的載入和播放。

哪些環節免費,哪些需要點數?

Crafting Apps 是免費開源軟體。這次在 PhotoCraft 裡開啟 PNG、擴大畫布和匯出圖片,沒有要求帳號,也不消耗生成點數。上面提到的兩款 AnimGen 瀏覽器工具——打包已有影格、轉換已有影片——也免費且無需登入。

產生新動作會用到模型推理。ArtCraft AI 工作室有付費方案和點數,AnimGen 也會按模型和參數給出生成報價(價格頁)。使用免費編輯器,並不意味著呼叫外部 AI 模型也免費。

這篇文章沒有重新產生動畫,用的都是已有角色和動作素材,因此可以直接跟著練習免費的圖片處理部分。

開發者還可以關注 CLI 和 MCP

PhotoCraft 提供命令列用戶端和 MCP 服務。官方 MCP 文件給出了將檔案存取範圍限制在專案目錄的方法:

sh
photocraft-cli mcp --automation-read-root /path/to/game-art --automation-write-root /path/to/game-art

安裝原生 CLI 後,把路徑替換為自己的素材目錄。這是文件提供的自動化入口;本次畫布測試使用的是瀏覽器介面。需要對多影格重複處理時,可以研究用這個介面執行編輯,再把結果交給打包工具。AnimGen 的 MCP 動畫案例則介紹了產生和匯出部分。

用這張機器人圖片試一次

下載原始 PNG,在 PhotoCraft 裡完成一次 1600 × 1600 的畫布擴展,再與我們的匯出結果對照。

如果你已經有動畫影格,直接用精靈圖製作工具打包即可。如果還停留在角色立繪階段,可以接著看可操作機器人案例:我們如何為這個角色準備四種動作,並接上遊戲控制。

查看圖片細節