Procreate Animation Assist 逐幀動畫完整教學：從角色走路循環到 GIF 匯出

很多畫師朋友不知道 Procreate 其實有一個超好用的動畫功能——Animation Assist。它不是什麼複雜的動畫軟體，而是讓你用最直覺的「逐幀繪製」方式來做動畫。每一個圖層就是一幀，畫完播放就動起來了。

我第一次發現這個功能的時候超驚喜，因為我一直以為要做動畫就得學 After Effects 或 Toon Boom 這些專業軟體。結果用 iPad + Procreate 就能搞定簡單的角色動畫和 GIF 動圖，而且過程超有趣。今天就來手把手教你怎麼用 Animation Assist 做一個角色走路循環動畫。

開啟 Animation Assist

在 Procreate 裡開啟動畫模式非常簡單：

1. 打開或新建一個畫布
2. 點選左上角的扳手圖示（Actions）
3. 選擇 Canvas（畫布）分頁
4. 打開 Animation Assist 開關

開啟後，螢幕底部會出現一個時間軸（timeline），你現有的每一個圖層都會變成一幀。就是這麼簡單，不需要任何額外設定。

基本概念：幀、洋蔥皮、FPS

幀（Frame）

動畫的基本單位。在 Procreate 裡，一個圖層 = 一幀。如果你想讓某一幀維持久一點，可以在 timeline 上點選該幀，設定「Hold Duration（保持時間）」。

洋蔥皮（Onion Skinning）

這是動畫師的靈魂工具。打開洋蔥皮後，你可以半透明地看到前後幾幀的內容，這樣畫下一幀的時候就知道動作要怎麼接。

在 timeline 底部點 Settings 可以調整：

• Onion skin frames：顯示前後幾幀（建議設 2-3）
• Onion skin opacity：半透明度（建議 25-40%）
• Color：前面的幀用紅色、後面的用綠色，不會搞混

FPS（每秒幀數）

FPS 決定動畫的速度。在 Settings 裡可以設定 Frames per second：

• 6-8 FPS：手繪風、有韻味的動畫（像宮崎駿風格）
• 12 FPS：動畫業界標準（ones / twos）
• 24 FPS：電影級流暢度

新手建議從 8-12 FPS 開始，太高的幀率意味著你要畫更多張。

實戰：製作角色走路循環

走路循環（walk cycle）是動畫的基本功，學會了之後各種動作都能舉一反三。

Step 1：畫接觸姿勢（Contact Pose）

新增第一個圖層，畫出角色的「接觸姿勢」——前腳著地、後腳離地的瞬間。這是走路循環的起點。

如果你對人體比例還不太熟，可以先看看Procreate 人體比例與姿態繪製教學，掌握基本的骨架結構。

Step 2：畫通過姿勢（Passing Pose）

新增第二個圖層（第二幀），打開洋蔥皮，半透明地看著第一幀來畫。通過姿勢是雙腿交叉的瞬間，身體稍微提高一點（因為在單腳支撐）。

Step 3：畫另一側的接觸姿勢

第三幀，跟第一幀是鏡像——換腳著地。

Step 4：畫另一側的通過姿勢

第四幀，跟第二幀是鏡像。

Step 5：加入中間幀（In-Between）

現在你有 4 幀的走路循環，但動作可能會很跳。在每兩個關鍵幀之間加入 1-2 張中間幀，動作就會變得流暢很多。最終你會有 6-8 幀的完整走路循環。

小技巧：畫中間幀的時候，打開洋蔥皮同時看前後兩幀，然後把動作畫在「中間」的位置。不需要完全精準，動畫本身的快速播放會掩蓋小瑕疵。

進階技巧

用圖層群組做多幀

如果你的角色有多個部件（身體、頭、手臂分開畫），可以把它們放在圖層群組（Group）裡。Animation Assist 會把一個 Group 當作一幀，這樣你就能分層管理了。

背景幀

在 timeline 上，長按某一幀可以選擇「Background（背景）」。設為背景的幀會出現在所有幀的後面，適合放靜態背景。

前景幀

同理，設為「Foreground（前景）」的幀會出現在所有幀的前面。適合放不動的 UI 元素或邊框。

匯出 GIF 和影片

動畫做完後，匯出方式：

1. 點扳手圖示 → Share（分享）
2. 選擇格式：
   • Animated GIF：適合社群媒體、Line 貼圖
   • Animated PNG：比 GIF 品質好，支援半透明
   • Animated MP4：影片格式，適合 YouTube、IG Reels
3. 設定解析度和品質
4. 匯出！

GIF 匯出的注意事項：

• 顏色超過 256 色的話品質會下降（GIF 的限制）
• 建議解析度設在 800-1080px，太大檔案會爆
• 如果要做 Line 貼圖，要注意尺寸限制（370x320px 以內，300KB 以下）

靈感：可以用 Animation Assist 做什麼

除了走路循環，你還可以做：

• 表情動畫：角色眨眼、微笑、驚訝等表情循環
• 物件動畫：飄動的雲、搖擺的樹、冒煙的咖啡杯
• Loading 動畫：自製 app 的載入動畫
• 教學示範：展示繪畫步驟的縮時動畫

如果你是畫食物插畫的，試試做一個冒著熱氣的拉麵動畫——之前在Procreate 美食插畫教學裡有教過靜態畫法，加上動態效果會更生動。

上色方面，如果你是先畫線稿再上色的工作流，可以參考Procreate 線稿上色教學，同樣的上色技巧也適用在動畫幀上。

小結

Procreate 的 Animation Assist 雖然不是專業動畫軟體，但對插畫師來說已經非常夠用了。它最大的優點是學習門檻極低——你不需要學什麼時間軸、關鍵影格、曲線編輯器，就是一幀一幀畫，畫完就動了。

我的建議是：從簡單的開始，先做一個 4 幀的彈跳球，感受動畫的節奏感。然後再挑戰走路循環。等你熟練之後，你會發現自己開始「用動畫思考」——不只想著怎麼畫一張好看的圖，而是怎麼讓角色活起來。