Procreate Animation Assist 逐幀動畫完整教學:從角色走路循環到 GIF 匯出
很多畫師朋友不知道 Procreate 其實有一個超好用的動畫功能——Animation Assist。它不是什麼複雜的動畫軟體,而是讓你用最直覺的「逐幀繪製」方式來做動畫。每一個圖層就是一幀,畫完播放就動起來了。
我第一次發現這個功能的時候超驚喜,因為我一直以為要做動畫就得學 After Effects 或 Toon Boom 這些專業軟體。結果用 iPad + Procreate 就能搞定簡單的角色動畫和 GIF 動圖,而且過程超有趣。今天就來手把手教你怎麼用 Animation Assist 做一個角色走路循環動畫。
開啟 Animation Assist
在 Procreate 裡開啟動畫模式非常簡單:
- 打開或新建一個畫布
- 點選左上角的扳手圖示(Actions)
- 選擇 Canvas(畫布)分頁
- 打開 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 和影片
動畫做完後,匯出方式:
- 點扳手圖示 → Share(分享)
- 選擇格式:
- Animated GIF:適合社群媒體、Line 貼圖
- Animated PNG:比 GIF 品質好,支援半透明
- Animated MP4:影片格式,適合 YouTube、IG Reels
- 設定解析度和品質
- 匯出!
GIF 匯出的注意事項:
- 顏色超過 256 色的話品質會下降(GIF 的限制)
- 建議解析度設在 800-1080px,太大檔案會爆
- 如果要做 Line 貼圖,要注意尺寸限制(370x320px 以內,300KB 以下)
靈感:可以用 Animation Assist 做什麼
除了走路循環,你還可以做:
- 表情動畫:角色眨眼、微笑、驚訝等表情循環
- 物件動畫:飄動的雲、搖擺的樹、冒煙的咖啡杯
- Loading 動畫:自製 app 的載入動畫
- 教學示範:展示繪畫步驟的縮時動畫
如果你是畫食物插畫的,試試做一個冒著熱氣的拉麵動畫——之前在Procreate 美食插畫教學裡有教過靜態畫法,加上動態效果會更生動。
上色方面,如果你是先畫線稿再上色的工作流,可以參考Procreate 線稿上色教學,同樣的上色技巧也適用在動畫幀上。
小結
Procreate 的 Animation Assist 雖然不是專業動畫軟體,但對插畫師來說已經非常夠用了。它最大的優點是學習門檻極低——你不需要學什麼時間軸、關鍵影格、曲線編輯器,就是一幀一幀畫,畫完就動了。
我的建議是:從簡單的開始,先做一個 4 幀的彈跳球,感受動畫的節奏感。然後再挑戰走路循環。等你熟練之後,你會發現自己開始「用動畫思考」——不只想著怎麼畫一張好看的圖,而是怎麼讓角色活起來。
繼續閱讀
Procreate 似顏繪接案入門:從練習到接到第一張訂單的完整攻略
相關文章
你可能也喜歡
探索其他領域的精選好文