原文链接： 番茄设计匠（公众号）
作者：番茄设计匠
以下是正文部分：
因为最近有时间，计划做几个 AE 小动画的练习，目测会有四到五期吧，感兴趣的朋友欢迎关注一起学习交流哈。这些练习都是偏技巧性并且可以举一反三的超简单小动画，也就是你学会了这些小动画，不仅可以熟练运用AE软件，还能对动画制作有深入的了解。
今天的案例内容是步行动画，下面是步骤分解：
1 绘制插画，导入 AE，前期准备
前期准备：图形居中，指派父级，移动中心点，裁剪工作区
2 给动物形象创建关键帧
重点：对路径 K 帧
3 创建阴影，导出动画
（ AI 和 AE 都是CC版本的）
第一步：绘制插画，导入 AE，前期准备
- 在 AI 中绘制插画（肚子上的黄色块使用了剪切蒙版），图层命名和顺序如图所示，
共计 6 个图层，保存后导入到 AE 中。
-
将图形移到画布中间。
-
将矢量图层转换为形状图层（因为矢量图层不具备内容属性，无法对路径创建关键帧）：全选所有 图层->右键->从矢量图层创建形状，删除矢量图层。
-
指派父级，让各部位跟随身体运动：拖动螺旋 icon 到父级图层即完成指定，具体操作是将 “眼睛，嘴的父级指向头，头的父级指向身体，翅膀父级指向身体”。
- 移动中心点：用中心点工具将翅膀和头的中心点移动到如图位置。
- 裁剪工作区：按住 Ctrl 并单击 “当前时间编辑框” ，切换到如图时间显示模式，
将时间线移动到 40 位置按 B，移动到 56 位 置按 N，完成裁剪。
第二步：给动物形象创建关键帧
1. 身体 K 帧，使身体上下摆动
选中身体图层，按 P 调出位置参数，在 40 位置创建帧，在 48 位置创建帧，在 44 位置将 y 参数向下移动约 25 个单位，选中三个关键帧按 F9 添加缓动，按住 Alt 单击位置参数前面的小图标添加循环表达式：
loopOut(“cycle”);
2. 眼，嘴 K 帧，使其左右移动
选中眼和嘴图层，按 P 调出位置参数，在 40 位置同时创建帧，x 向左移动约 30 个单位；在 48 位置 x 向右移动约 35 个单位；将 40 位置的两个帧复制到 56 位置处；将所有帧添加缓动，两个图层的位置参数都添加表达式：
loopOut(“cycle”);
3. 肚子 K 帧，使其左右移动
选中身体图层，展开内容参数，组 1 是肚子的剪切蒙版层，包含两个路径，一个是黄色肚子，一个是剪切的蒙版路径，组 2 是尾巴层。选中 组 1 的路径 1，也就是黄色块路径，在 40 位置创建帧，按左箭头将其路径向左移动到如图位置，
在 48 位置将黄色块右移，
将 40 位置帧粘贴到 56 位置处，给三个帧添加缓动。
4. 尾巴 K 帧，使其左右摆动
展开身体图层的 组 2，选中路径，在 40 位置创建帧，选中尾巴左部分锚点，向右移动，
在 48 位置将左部分锚点向左移动，
将 40 位置的帧粘贴到 56 位置处，给三个关键帧添加缓动。
5. 翅膀 K 帧，使其左右旋转
选中翅膀图层，按 R 调出旋转属性，在 40 位置旋转 +27°，在 48 位置旋转 -51°，将 40 位置的帧粘贴到 56 位置处，给帧添加缓动，并且添加表达式
loopIn(“cycle”);
6. 给翅膀 K 帧，使其左右移动
选中翅膀图层，按 P 调出位置参数，在 40 位置 x 向左移约 35 个单位，48 位置 x 右移约 70 个单位，将 40 位置的帧粘贴到 56 位置处，所有帧添加缓动。按 R 显示旋转关键帧，将三个帧向右移动两个位置。
7. 给翅膀 K 帧，甩臂动画
展开翅膀图层的内容属性，选中路径，在 40 位置创建帧，用转换顶点工具调节翅膀的顶点手柄如图；
在 48 位置调节翅膀顶点手柄如图，
将 40 位置帧粘贴到 52 位置和 56 位置，将 48 位置帧粘贴到 44 位置；复制五个关键帧在 56 位置处粘贴，将所有关键帧向左移动一个单位。
8. 后翅 K 帧
将原来的翅膀图层重命名为前翅，复制该层命名为后翅，放置到最底层，按 S 调出缩放属性，关闭约束比例图标，将前一个参数改为 -100，再开启约束比例图标；
按 R 调出旋转属性，将第一帧改为 -27°，第二帧改为 51°，第三帧改为 -27°；按 P 调出位置属性，40 位置 x 向右移动，
48 位置 x 向左移动，
40 位置帧粘贴到 56 位置。
9. 头 K 帧，使其上下旋转
选中头图层，按 R 调出旋转属性，在 40 位置旋转 +16°，在 48 位置旋转 -8°，将 40 位置帧粘贴到 56 位置，所有帧添加缓动，给旋转属性添加表达式
loopOut(“cycle”);
选中三个帧向左移动 4 个单位。
10. 脚掌 K 帧，使其上下左右移动
选中脚图层，重命名为右脚，向下移动一定距离，将中心点移动到左端，拖一根参考线作为地面位置；
按 P 调出位置属性，选中位置属性右键->单独尺寸，在 40 位置给 xy 分别创建帧，将 40 位置的帧粘贴到 44 和 48 位置，删除 44 位置的 x 关键帧，时间线移动到 40 位置，拖参考线确定脚运动的范围；在 40 位置将中心点移动到 左侧参考线 上，在 48 位置将中心点移动到 右侧参考线 上，在 44 位置将 y 向上移动 20 个单位，将 40 位置的帧粘贴到 56 位置；给 44 位置的 y 关键帧添加缓动 F9 ，给 40 位置的 x 关键帧添加 缓出 Ctrl + Shift + F9，给 56 位置的 x 关键帧添加 缓入 Shift + F9。
11. 脚掌 K 帧，使其旋转运动
选中右脚图层，按 R 调出旋转属性，在 40 位置创建帧，在 41 位置旋转 +30°，在 43 位置旋转 +80°，在 44 位置旋转 +14°，在 48 位置旋转 -47°，在 49 位置旋转 0°，复制 40 位置帧到 56 位置。
12. 脚掌 K 帧，实现脚掌动画
展开右脚图层的内容，选择路径，在 40 位置创建帧，并将其复制到 41 位置，在 41 位置用 钢笔工具 在脚掌路径中间 添加锚点 ，并向下拉使前脚掌水平，
40 位置帧粘贴到 42 位置处，48 位置 调节锚点 如图，
42 位置的帧粘贴到 49 和 56 位置。给旋转，x 位置和 y 位置添加表达式
loopOut(“cycle”);
然后全选路径关键帧在 56 位置粘贴。
13. 左脚掌动画
复制右脚命名为左脚，按 U 展开所有关键帧，全选左脚的所有帧向左移动（48 位置的帧移动到 40 位置处）。
14. 右大腿
在图层面板的空白区域 右键->新建->形状图层，选择 钢笔工具，关闭 “使用自动曲线创建新蒙版”，在肚子和脚掌位置画一根斜线命名为右大腿，放置在右脚图层之下。
选择路径，在 40 位置创建帧，拖一根 竖参考线 到右大腿顶点位置。接下来是对右大腿做逐帧动画：主要是路径的锚点位置和弯度的调节，下图是 41，42，43，44，45，46，47，48，49，50，51，52，53，54，55 位置的参考图，
最后将 40 位置的帧粘贴到 56 位置处。全选所有帧在 56 位置粘贴，复制右大腿图层命名为左大腿，将所有帧向左移动 8 个单位。
第三步：创建阴影，导出动画
1. 阴影
新建形状图层命名为阴影，用钢笔工具在地面位置画一水平路径，大概和动物形象等宽。展开图层的内容，选择 描边->线段端点->圆头端点。选择 路径 属性，在 40 位置创建帧，将其粘贴到 48 和 56 位置，在 44 位置，将路径向中间缩短，将 44 位置的帧粘贴到 52 位置，所有帧添加缓动。
2. 导出动画
在 AE 中添加到渲染队列，格式选择 Quicktime，将导出的视频拖入 PS ，然后导出 gif 动画。
总结
终于写完了，拖的时间太长了，今天 A 股行情好转又是激动人心的一天呀！这个动画虽然耗时间，但是步骤和配图我都写得非常详细哦！这个案例除了对图层的位置 P，旋转 R 属性 k 帧，最重要的是对路径创建关键帧，学到这个技巧我们就可以在 AE 中修改形状外形了，比如一些挤压变形动画也都是分分钟的事儿啊。
