AE绘图工具与常用动效制作

动画预览

视频教程地址：

链接：https://pan.baidu.com/s/12JsKTInSFhpRlIZt_8v-6Q 
提取码：p8rk

知识重点：

1、知识点

        ①、AE基本绘图工具的使用；

        ②、直线位移、旋转、缩放等基础知识；

2、学习动画效果

        ①、能完全模拟弹跳和重力下落效果；

        ②、能完全模拟物体发生碰撞时的作用力效果；

3、练习目标

        ①、对速度曲线的调节，有深刻的理解；

新建合成 ——> 设置合成宽高 ——> 帧速率 ——> 持续时间

一、AE绘制动画元素

工具栏选择形状 ——> 绘制形状 ——> 调整颜色/边框；

图形锚点居中：点击工具栏锚点工具 ——> 勾选顶部对齐功能  ——> 鼠标拖动锚点在图形中，会吸附对齐到图形正中间；

图形对齐画布：窗口 ——> 对齐  ——> 选择图层，选择对齐方式；

点击空白处 ，绘制一个正方形

注意：若在绘制原型后，直接切换形状工具，绘制正方形，不会新建图层，而是在绘制的原型图层中新增一个矩形，因此建议点击空白处后，单独绘制形状，便于后期制作动画，如下图：

绿色方块可直接 ctrl + c， ctrl + v 复制蓝色方块，调下颜色，打开图层前方小三角 ——> 变换  ——>旋转 ——> 放大一点产生一点差异，让绿色小方块变成菱形；

 绘制外环形状，由于外环形状是同一运动轨迹，因此将两个图形绘制在一个图层下，便于动画制作；

 给黄圆添加描边：复制黄圆 ——> 展开内容  ——> 椭圆1  ——>选择填充1 ——> 按住alt键，点击顶部菜单栏 ——> 填充，切换填充模式 - 无；

内容里没有描边，需要手动添加描边：内容右侧添加  ——> 描边   ——> 展开描边，点击虚线栏后面的+号，调整线段端点类型，线段连接方式，描边颜色 ——> 点开变换 ——> 调整缩放，将描边放大；

虚线与黄元一起运动，可以给两者创建父子级关系：拖动虚线后面的螺旋线到黄圆上，即可创建父子级关系；

 二、动画效果

1、黄圆做位移动画：打开变换里的位置属性（快捷键p）——> 起点处打上关键帧，拖动时间轴，调整位置，AE会在时间线位置打上关键帧；

 2、动画速度调整：小球在落下的过程中会存在一个加速度的情况，先慢后快；

        操作方式：选中两个关键帧 ——> 右键 ——> 关键帧辅助 ——> 缓动 ——> 点击时间轴左侧的图表编辑器；

调整图表类型可选择下方眼睛旁边的小图标【选择图表类型和选项】

选择编辑速度图表，会出现下图的速度曲线，曲线的最高处代表速度最快，结合物体下落的规律，先慢后快，鼠标框选第一个速度点，拖动曲柄，向后拉动，物体会在会后瞬间加速，但物体实际上是在落地时速度达到最快，而调整前方的曲柄，速度在8帧时达到最快，因此，还需调整末尾的速度点，将曲柄向右拉动；

弹跳动画：小球在下落与下方图形发生撞击后，会立刻弹起，按照生活中的运动规律，第二次弹起时，要略低于第一次的高度；

蓝方在小球落下时，调整横向缩放，拉伸成长方形（注意取消缩放数据前方的锁定图标）；

绿方做旋转+缩放动画，当黄圆下落时，绿方开始旋转动画，变成菱形并放大（注意调节绿方的运动图表）；

重复上方操作，黄圆第二次撞击蓝方，在跳起时，蓝方往下做位移动画，撞击绿方，绿方做位移动画，消失在视图中（注意速度节奏感）；

黄圆速度表：

绿方速度表：

 循环动画：快捷键 N 裁剪时间轴，选择所有图层，ctrl + ] 裁剪所有图层右侧；

选择所有帧，按2次 U 键，收起关键帧，按1次 U 键，打开所有作过动画的关键帧，在最后一帧，回到动画开始帧；

注意消失的绿方，可重新绘制一个绿方，做回到第一帧状态的动画，也可在当前绿方，通过调节显示透明度，达到绿方出现的效果（消失前透明度100%，完全消失后，透明度0%，当蓝方缩放成正方形时，绿方透明度100%，上一秒透明度调整为0%）；

黄圆描边旋转缩放动画：根据黄圆的位置，做黄圆描边的缩放动画，下落时，黄圆描边缩小（达到隐藏的效果），上升时，黄圆放大到初始状态；

旋转动画：开始帧不变，在结束帧打上关键帧，前方0X，调整位1X，代表旋转一圈360度；

 外圈旋转动画如上黄圆描边，根据运动速度调整旋转，此处选择的时2X；

背景交替：此处采用比较快捷的方法，白色背景时间轴居中，两端黑色，播放动画时便会黑白背景交替闪烁；

输出动画：ctrl + M 渲染动画，导出QuickTime格式，在ps中打开后缀为.mov格式的动画，文件 ——> 导出 ——> 存储为 Web 所用格式 ——> 预设中选择GIF格式  ——> 存储。