四年前从北艺动画系毕业后正式开始了人生的动画旅程，目前从事视觉设计相关类型工作，偶尔接接动画 case 并持续创作 2D 手绘动画至今。

Procreate画图很方便、但… 画动画？

我认为 Procreate 对于喜欢或是想尝试手绘动画的创作者来说无疑是一个非常方便的软件！。相信不少人都已经是 Procreate 的高度用户了，对于界面功能、笔刷效果等等也了如指掌，但！创作之余有尝试过动画功能的人却出乎意料的少，这实在太浪费了！于是乎——

这篇就来介绍我流的 procreate 好简单动画教程！

对于刚开始使用 Procreate 画动画的朋友，我推荐可以先从「循环小动画」开始绘制、熟悉一下整体功能。
循环动画 就是不断循环的动态，秒数相对短、需要画的格数较少; 类似 GIF 图的概念。大重点就是结束格数要可以直接接上第一张的动态，让整个动画有不间断在进行的感觉。

前置作业：打开时间轴

新建画布（一般为 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. 回到初始状态的前一张、仍保留一些拉伸的长度但略接近球体