原文链接： 【AI+AE教程】可爱小狗狗汽车动效（知乎）
作者：媛媛圓妹
以下是正文部分：
效果图
AE 部分
AE 部分开始之前，我们先来分析一下动画效果，可以看到大的层面上，画面的运动分为云朵的移动，星星的闪烁，还有小汽车的运动。
再来分析小汽车，很明显，可以看到整个车身有一个抖动，这里我们可以用位置和一点点的旋转来实现，除了这个整体的运动 还有一些细节单独运动，我们先一一列举出来，等下加关键帧做动画时候就会比较清晰了
- 保险杠上下的抖动（由于惯性，会比小汽车的节奏慢一点点）
- 车牌与保险杠同步，但同时又有一个轻微的角度变化
- 轮胎的移动，主要表现在车轮白色部分的位置变化
- 车内有一个上下的抖动
- 玻璃反光
- 车尾的抖动
- 地面尘土
- 狗狗：整个身体上下抖动，头部轻微旋转（类似头往前摆的感觉），耳朵摆动
分析完这些，我们就可以愉快的开始 AE 的制作啦
步骤 01 导入 AI 文件
文件–导入–文件，选择刚刚做好保存的 AI 文件，导入为合成–保持图层大小，点击打开
步骤 02 合成设置
合成–合成设置，将合成取好名字，并设置帧速率为 30，合成时间 4s
步骤 03 动画制作
然后点击项目里的合成文件，就可以看到下面有之前 AI 里分好的图层，找到最下面的天空图层，点击图层左边的小锁，锁定该图层 （因为后面不需要移动或添加关键帧，这里锁定防止不小心移动）
云朵动画
这里要用到偏移属性，由于偏移的范围是以图层大小为区间，所以我们需要先将云朵转化预合成（保证云朵在整个画布偏移），选择云朵图层–右键–预合成；选择将所有属性移动到新合成，点击确定
效果和预设–扭曲–偏移，将偏移拖动到云朵的合成上
在 0 帧位置，点击偏移里将中心点转换为前面的小钟表添加关键帧，然后将时间指示器拖到最后，中心点转换为后的数值 400 改为 1200（数据变动后系统会自动添加关键帧）
这时，按空格键播放，我们的云朵已经动起来啦（再按空格键停止播放）
小星星闪烁效果
AI 里我们星星做了两层，闪烁效果的本质就是两层星星交替出现，这时用到的变换属性是透明度，两层星星添加关键帧如下；做好以后，选中所有关键帧，按 F9 键加缓动
汽车身体动画
重点来啦！！！！！
刚刚我们有分析到汽车身体是整体运动的，但是整体动的同时，会有一些元素还有单独的效果，这时我们要用到一个新的功能 —— 父子级（说白点，就是 爸爸有的儿子也要有，但是儿子的只属于自己）
我们在不选中任何图层的情况下，右键–新建–空对象，建出来两个，然后分别命名为狗和车
将狗图层父级和链接左边的螺旋状图标拖到车的图层，这时父集链接会出现5.车，这就代表车图层已经成功成为狗图层的爸爸啦
接下来我们根据之前运动的分析，给各个图层找好自己的爸爸
接着，首先是车整体的运动，我们就给车加一个位置的运动，我们只加一个运动过程（加缓动），剩下的用表达式做到循环：按住 Alt 键同时点击属性前的小钟表，选择如下（参数非官方，大家也可以根据自己感觉自行调整）
然后是小车下移过程中有一点点旋转，状态和关键帧如下
保险杠和车牌动效
前面已经分析过 保险杠和车牌会一起向下移动，并且在移动过程中，车牌会有一个属于自己的角度变化，然后两者移动时，由于惯性，会比小车的运动稍慢几帧。
（横条的位置关键帧参数以标出的前三个为一组循环）
汽车尾气动效
汽车尾气管已经跟着父集做过上下移动了，接下来我们只需要做出它移动过程中角度变化就好，这里用到的属性是旋转
车内座椅
由于座椅的形状特殊，上下移动过程需要用路径来实现，选中座椅图层–右键–从矢量图层创建形状，删除下方 AI 图层
然后在路径属性上添加关键帧，并在相应位置移动路径
玻璃反光
可以明显看出玻璃的反光不会超出玻璃范围，这时我们要用到轨道遮罩（类似于 PS 中的蒙版，只显示遮罩部分），将遮罩置于反光图层下方，然后反光图层 TrkMat 选择如图，并为玻璃图层添加位置属性关键帧
由于两个关键帧位置都不在显示区域，这里我截图给大家框出来
狗狗动效
分析可知，车辆运动过程，狗狗整个身体有随车辆一起颠簸，然后颠簸过程中，头部有一个单独的角度变化，耳朵会随着车辆前后摆动
我们先做身体：先将身体部分创建形状，路径添加关键帧，项圈和头部使用位置属性添加关键帧
然后是狗狗头部的单独运动，脸和耳朵 都是旋转属性，添加关键帧即可（由于惯性，头部的运动与汽车不同步）
需要注意的是，狗狗头部每一部分旋转前，先使用锚点工具将图层锚点调整到该位置与上一部分身体的连接处
轮子部分动画
汽车运动过程中，轮子有一个被压扁又弹起的过程，用到的属性是缩放，四个轮子的关键帧一模一样，这里我只标注其中一个
然后轮胎内白色部分 也有一个左右的轻微晃动，加好位置关键帧后，可以用转换顶点工具调整一下运动曲线
最后，再给地上的烟尘加上关键帧，用旋转属性(三个烟尘的关键帧一毛一样，这里我只截图了一个)
现在我们的狗狗小车已经彻底！完全！做好了！可以导出啦～
步骤 04 导出
文件–导出–添加到渲染队列，然后点击渲染，导出 mov 格式后拖入 PS ，导出为 gif 格式即可
（完）
