骨子裡一直有的手繪動畫靈魂

四年前從北藝動畫系畢業後正式開始了人生的動畫旅程，目前從事視覺設計相關類型工作，偶爾接接動畫 case 並持續創作 2D 手繪動畫至今。

Procreate畫圖很方便、但…畫動畫？

我認為 Procreate 對於喜歡或是想嘗試手繪動畫的創作者來說無疑是一個非常方便的軟體！。相信不少人都已經是 Procreate 的高度使用者了，對於介面功能、筆刷效果等等也瞭若指掌，但！創作之餘有嘗試過動畫功能的人卻出乎意料的少，這實在 太 浪 費 了！於是乎——

這篇就來介紹我流的 procreate 好簡單動畫教學！

對於剛開始使用 Procreate 畫動畫的朋友，我推薦可以先從「循環小動畫」開始繪製、熟悉一下整體功能。循環動畫 就是不斷循環的動態，秒數相對短、需要畫的格數較少；類似 GIF 圖的概念。大重點就是結束格數要可以直接接上第一張的動態，讓整個動畫有不間斷在進行的感覺。( GIPHY 或是 Dribbble 上有很多這類型的循環動畫可作為參考)

前置作業：打開時間軸

新建畫布（一般為 16:9 的長寬比例）後點選畫布設定下方的 Animation Assist 按鈕（對、就是那個平常被無視的小開關），就會出現時間軸囉！

時間軸基本設定

打開時間軸 settings （名稱統一以 procreate 使用手冊為主），
下方依序詳細介紹各項功能：

1. 幀 / 秒
即為每秒顯示格數。
手繪動畫來說會設定為一秒 12 格，若是電影等級可達一秒 24 格。
每秒格數越多所呈現的動畫越精緻也更流暢（相對來說要畫的格數也更多更累啦 XDD）2. 洋蔥皮幀
這個功能即為透寫台的概念，可以清楚地看出前一張圖與後一張圖的位置以便更精確的畫出中間補張。

3. 洋蔥皮不透明度
就是…前後張的透明度
4. 混合主幀
讓當前顯示的畫面透明度較淡，在預覽動態時能與洋蔥皮顯示的前後張相互融合、視覺色彩上較不干擾。
這個功能我是覺得不太有什麼大作用，預設是不開
5. 次要幀上色
變更顏色易於辨識主要張與次要張。
＊主要幀之後的次要幀顯示「綠色」、主要幀之前的次要幀顯示「红色」＊
6. 一次性 / 循環 / 乒乓
一次性播放：所有顯示圖層只會播放一輪後結束
循環：所有顯示圖層播放完畢後立刻接上第一格並不間斷的重複循環播放
乒乓：所有顯示圖層播放完畢後再從最後一格反向播放回第一格，可以想像成乒乓球的來回跳動

👉 本次的練習動畫請選擇「循環」播放模式 👈

每個一圖層即為一個影格，一個影格就是代表一個時間動作
新增圖層的方式有簡單兩種：
1. 是跟平常畫圖時一樣的在右上角的 layer 新增圖層
2. 則是在下方時間軸直接按 Add Frame

接著就開始畫動畫啦啦啦——

呼——搞定基本設定後你已經成功一半了！
接著將介紹幾個立刻就能應用上的動畫小重點，只要把握幾個小訣竅就可以讓你的動畫看起來更加活潑生動喔。

用動畫來表現「誇張化」的動作行為。

這邊以「彈跳的球 🏀」動畫作範例
球類運動的重點在於 伸縮 與 擠壓

先畫出三張關鍵張的分解動作：
1. 球體開始動作前的初始狀態、完整的球體，一個圓就對了！
2. 落地的瞬間：擠壓的球體（可以試想從中間按壓的球體變形）
3. 彈回初始狀態的前一張（試想成拉長的球體）

這時候可以播放看看這三張的效果，明顯可以看出像是三張暫停動作的截圖，這時候、為了讓動態更加流暢我們需要的就是——
補齊張與張中間的延續動作（稱為補張）
這裡的重點在於

掌握動與靜之間的節奏

這邊想要的球體運動為「快速落地」後再度彈回原本的位置（慢）
至於如何表現出快與慢之間的技巧在於影格（張）的數量

距離越遠動作越快 / 距離越近動作越慢

張數少、大幅度的位移（距離遠）及多張數小幅度的位移（距離近）在視覺上呈現的速度感是不同的。
可以試想看看你拿著一台相機分別拍攝都在運動中的
1. 比賽中疾駛的單速車
2. 通勤中的 Ubike
在固定的視野範圍內拍攝兩者的動作就可以發現 1 需要的拍攝張數較少、物體在每張相片中的位移程度遠 / 反之 2 的拍攝張數較多、物體位移程度較小

【前半段動作】開始到落地

應用上方原理補上第一次落地前的張數，在起始張後新增 2 個新圖層
1. 此為快速移動的瞬間、畫上一張長長的變形位移、模擬視覺上的快速暫留狀態
2. 此為觸地的瞬間，接觸地板的部分下壓成圓形、上半部維持第二格的拉長狀態。

【後半段動作】落地後的回彈

為了讓動作可以不斷的重複播放，接著必須要讓落地後的球體彈回初始狀態，這樣才能形成一輪完整的動態（結束張可接上初始張）
這邊的補張從前半部的最後動作（腰果狀）接續上，新增 3 個圖層
1. 擠壓的變形開始回彈、變回有點類似於蛋形的狀態向上拉伸
2. 同前半段動作的 1 ，為快速移動的狀態、畫出一個長的位移變形
3. 回到初始狀態的前一張、仍保留一些拉伸的長度但略接近球體

相同動作多畫幾張

這邊補充一個小 Tips !

✏ 手繪的特別之處在於永遠不會畫出兩張完全相同的圖。
善用這個特性，在需要停留較長時間的動作時可以多畫個幾張相同的動作並重複交替播放，視覺上就不會覺得動作是靜止的、能讓畫面更加生動喔！

＊此技巧可以應用在初始張、球體在最高點的停頓時使用＊

動起來的魔法

登登登～接著就是最快樂的瞬間！！你將會得到 🖐 彈跳的球 🖐

最後的最後

就是你揮灑創意的時間啦——
一顆球有無限可能！
角色動畫也難不倒！
簡單加上眼睛或是手腳等配備後是不是瞬間就變得活潑起來了呢？

現在就拿起 ipad 動手試試上方所教的幾招簡單小訣竅、玩出各種動畫七十二變！