AE小动画03—步行动画

因为最近有时间，计划做几个AE小动画的练习，目测会有四到五期吧，感兴趣的朋友欢迎关注一起学习交流哈。这些练习都是偏技巧性并且可以举一反三的超简单小动画，也就是你学会了这些小动画，不仅可以熟练运用AE软件，还能对动画制作有深入的了解。

今天的案例内容是步行动画，下面是步骤分解：

1  绘制插画，导入AE，前期准备

前期准备：图形居中，指派父级，移动中心点，裁剪工作区

2  给动物形象创建关键帧

  重点：对路径K帧

3  创建阴影，导出动画

（AI和AE都是CC版本的）

第一步：绘制插画，导入AE，前期准备

1.在AI中绘制插画（肚子上的黄色块使用了剪切蒙版），图层命名和顺序如图所示，

共计6个图层，保存后导入到AE中。

2.将图形移到画布中间。

3.将矢量图层转换为形状图层（因为矢量图层不具备内容属性，无法对路径创建关键帧）：全选所有图层>右键>从矢量图层创建形状，删除矢量图层。

4.指派父级，让各部位跟随身体运动：拖动螺旋icon到父级图层即完成指定，具体操作是将“眼睛，嘴的父级指向头，头的父级指向身体，翅膀父级指向身体”。

5.移动中心点：用中心点工具将翅膀和头的中心点移动到如图位置。

6.裁剪工作区：按住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中修改形状外形了，比如一些挤压变形动画也都是分分钟的事儿啊。