效果预览

视频教程地址:

链接:https://pan.baidu.com/s/1tgXvEgWYmComlvDCd_QrpA 
提取码:ksjw

新建合成 ——> 设置合成宽高 ——> 帧速率 ——> 持续时间(10s);

一、AE绘制动画元素

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

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

二、动画效果

1、创建父子级关系:物体眼睛、嘴巴、身体厚度跟随脸部方块,因此让脸部方块与其他物体间创建父子级关系(拖动图层后方的螺旋图标到父级脸部方块图层上,AE会自动创建父子关系);

2、位移动画:给脸部做位移动画,让物体做横向+竖向的移动,出现贝塞尔曲线路径,调节锚点曲柄(按住alt键,可调节某一边的曲柄);

3、动画速度调整:框选所有关键帧 ——> 右键 ——> 关键帧辅助 ——> 缓动 ——> 点击时间轴左侧图表编辑器:根据动画规律,物体下落时由慢到快,上升时由快到慢;

4、动画速度优化:上诉操作,在空中停留较久,因为调解运动曲线图表时,中间速度归0了,需要往上移动,让物体在空中是也是有速度在的;

动画节奏感优化:调节后面两针的距离,让整个速度曲线更和谐;

快捷操作:alt+鼠标中间,可放大/缩小时间轴+合成窗口图形大小

5、旋转动画:根据位置移动曲线,在顶点和底部调整物体角度(90°、180°);框选关键帧右键调整为缓动,在运动图表编辑器中调整和位置一样的运动速率;

6、缩放动画: 从上往下,先拉伸再挤压,注意,挤压是再快落底是发生,因此在落地前还需要打上一个关键帧;

框选关键帧右键调整为缓动,在运动图表编辑器中调整和位置一样的运动速率;

7、绘制剩余动画的移动路径,按上诉方法调整剩下路径的速率;

运动速率调整(旋转、缩放、位置)

8、反向动画:框选位置动画所有关键帧,ctrl+c,复制关键帧,拖动时间轴到最后一帧往后一点,ctrl+v粘贴,框选复制粘贴后的关键帧,右键,关键帧辅助,时间反向关键帧,拖动关键帧与正向动画最后一帧重合;

旋转、缩放按位置动画操作,直接复制粘贴,然后右键 ——> 关键帧动画 ——> 反向关键帧动画,复制后的第一帧与复制前的最后一帧重合;

9、绘制物体下落时,地面装饰动画:在物体下落在地面时那一帧,使用形状+钢笔工具绘制自己喜欢的装饰形状,制作3-4帧的放大、消失、移动动画;注意调节每个形状的中心锚点,便于动画制作(默认锚点在画面中心位置)

位置动画:从物体往外面运动;

缩放动画:从0% - 100%;

透明度动画:从100% - 0%;

动画关键帧完成后,做动画运动速率:先快后慢,框选关键帧 ——> 右键 ——> 关键帧辅助 ——> 缓动 ——点击时间轴左侧图表编辑器,框选帧,拉动曲柄;

10、由于装饰的出现是物体落下是才出现,此处采用快捷操作方式,裁剪图层左侧:ctrl+[,裁剪图层右侧:ctrl+];

选择这4个图层,右键 ——> 预合成 ——>命名,勾选下图所示内容;

调整预合成的图层中心锚点在形状中间;复制预合成,放在物体下落帧,然后鼠标移动到与物体对齐;

最后,给所有图层打上运动模糊,包括预合成,双击可进入预合成内部;

三、导出动画

由于AE本身的导出到渲染队列,内容比较大,此处换一种导出方式:Adobe Media Encoder;

文件 ——> 导出 ——> 添加到Adobe Media Encoder队列 ——点击默认工作区右侧开始图标,见下图二;

Adobe Media Encoder会默认渲染到AE文件保存的位置,不用手动选择文件存储位置;

AE速度曲线与运动曲线相关推荐

  1. AE插件 自定义动画曲线AEscripts flow for Mac

    AE插件 自定义动画曲线AEscripts flow for Mac AE插件 自定义动画曲线AEscripts flow for Mac是一款在After Effects中运行的ae插件,提供了25 ...

  2. css3圆角360度转动画,target,框架集,css3过渡动画,css3圆角-阴影-透明度,运动曲线,图片文字遮罩,变形...

    target 模拟后台服务器 框架集 frameset和body不合,所以如果用frameset就不能有body标签 利用框架可以把浏览器窗口划分为若干个区域,每个区域就是一个框架,在其中分别显 示不 ...

  3. EtherCAT运动控制卡的自定义运动曲线

    今天,正运动小助手给大家分享一下EtherCAT运动控制卡的自定义运动曲线,主要介绍一下如何通过在线命令封装自己想使用的Basic指令到上位机接口中供上位机调用. 一.ECI2828运动控制卡的硬件介 ...

  4. 【游戏开发实战】Unity 2D游戏物理运动曲线轨迹预测,以愤怒的小鸟为例,轨迹曲线云团圈圈

    文章目录 一.前言 二.思考分析 三.场景搭建 1.导入图片素材 2.鸟预设 3.地面环境 4.曲线的点预设 5.预览效果 四.代码 1.鸟脚本:Bird.cs 2.曲线预测器:Trajectory. ...

  5. Dotween运动曲线与路径动画

    Dotween运动曲线与路径动画 Dotween--运动曲线 内置的运动曲线 AnimationCurve Dotween--路径动画 一:设置一个数组存放位置坐标 二:直接写出自己想要到的坐标 Do ...

  6. 电机速度曲线规划_S曲线

    导读:电机驱动是很常见的应用,在很多系统中都会碰到需要改变电机的速度以实现相应的控制功能,这就涉及到电机速度曲线规划的问题. 本文仅代表记录自己的学习理解,如有错误,欢迎指正.想要S型速度曲线规划的仿 ...

  7. aesweets Easy(AE简单控制关键帧曲线脚本)v1.1.2版本更新

    aesweets Easy是AE上的简单控制关键帧曲线脚本,这脚本提供了很多种关键帧曲线形态预设,可直接应用到动画制作中,简单粗暴的完成流畅的动画制作,从而大大提高动画制作的效率. [安装说明] 1. ...

  8. 运动曲线研究(缓动效果)

    刚刚学习了一下网页动画中上的缓动效果,分享一下学习心得. 缓动曲线的概念: 缓动曲线是一个0为起点的连续函数曲线,x轴表示时间变化,y轴表示位移变化.曲线的斜率反映出运动的数度. 缓动效果在Flash ...

  9. Unity Dotween插件的运动曲线(Ease)介绍Ease选项Ease效果示例以及C#修改动画曲线功能

    前言 我们在制作动画时经常使用这个Dotween插件,在移动.旋转.透明度等等参数的控制都可以使用该插件,而且在这个插件上的控制动画可以设置曲线,内置的曲线有这些: 内置曲线 以InOutSine的曲 ...

最新文章

  1. html左浮动不管用图片往下放,html - 如何在HTML / CSS中水平对齐图像(浮动和显示内联块不起作用) - 堆栈内存溢出...
  2. java 自定义注解
  3. java 面试问jdk版本_面试常被问到的 JDK 命令,你知道几个?
  4. 使用C#删除一个字符串数组中的空字符串
  5. iphone怎样关闭副屏_iPhone手机关掉这3个设置,不仅省电,而且手机还不会卡
  6. apache.camel_Apache Camel 2.9发布–十大变化
  7. Java类class isAnnotation()方法及示例
  8. 使用 jQuery Mobile 与 HTML5 开发 Web App (十八) —— HTML5 Web Workers
  9. 大数据学习笔记03:安装配置CentOS7虚拟机
  10. 犀牛书——CHAP8:函数
  11. 华为机试HJ37:统计每个月兔子的总数(斐波那契数列)
  12. jquery扩展提示框
  13. iPhone手机绑定163邮箱解决方案
  14. 基于51单片机交通灯控制器(东西通行_南北通行_按键启动)
  15. 【第二周】Java实现英语文章词频统计
  16. 编辑或删除Word文档脚注中的横线
  17. 大时代势不可挡_使IT项目经理势不可挡的12种软技能
  18. 中国银联基于软件定义网络的下一代金融云研究探索
  19. PB Send()函数应用有关数据整理
  20. 一个ABAP中级开发工程师应该学习什么

热门文章

  1. 基于SPI flash的 Multiboot远程更新
  2. 前端练习4-立方体翻转效果
  3. qgis自动获取建筑和道路矢量
  4. [JAVA]爬取百度关于关键字的诗句
  5. 计算机考研复试机考难度,考研复试难还是初试难 都考什么
  6. MKVToolNix v8.7.0
  7. 基于SpringBoot农产品商城系统 土特产商城管理系统
  8. 一起Talk Android吧(第四百五十九回:SeekBar补充用法二)
  9. 文本输入编辑框 EditText
  10. 看了这篇文章,我搞懂了StringTable