动画效果预览

视频教程地址：

链接：https://pan.baidu.com/s/1ksklSizbk_JDlH2YqX4UAg
提取码：sexf

一、动画知识重点

1、知识点

子父级关系的绑定；

2、学习动画效果

完成拖拉机车身、前后轮、烟雾等各部位的组合动画；

3、练习目标

将主物体和场景的动画进行完美搭配；

理解不同物体的运动结构和运动方式；

二、AI绘制图形

1、使用AI绘制制作动画的图形；

2、给绘制好的图形分层，用于AE中制作动画；

注意：避免图层过多，出现混乱，可先按大件分层，然后再细分，如下图；

AI分层方法：打开图层功能，ctrl + x剪切图形，点击图层面板右下角新建图层，ctrl + f 原位粘贴；

3、保存AI文件

三、制作 AE 动画

1、导入 AE，创建预合成

1、导入AI 文件

AE动画导入/导出_TING糖的博客-CSDN博客_ae导出AE导入/导出方式https://blog.csdn.net/qq_41768447/article/details/125188748?spm=1001.2014.3001.5502

2、创建预合成：给同一属性文件创建预合成，便于图层分组和动画制作；

二、预合成内制作单个内容动画

1、拖拉机动画

给拖拉机前轮+后轮制作旋转动画，此处做得6秒，转3圈；

拖拉机机身制作 Y轴方向上的缩放动画，让拖拉机在运动过程中有上下起伏的效果；

2、烟雾动画

留下了最大的圆，让圆做带贝塞尔曲线的位置动画+缩放动画+透明度动画，透明度动画主要是快消失时出现，复制做好的这个动画圆，调节出现时间，直到动画结束；

3、云层动画

云层就是一个简单的位移动画，保持第一帧与最后一帧一样，太阳做了一个缩放动画，然后添加缓动效果；

4、泥土动画

与云层相同，只添加了位移动画+缓动效果；

5、山+植物动画

复制山并得到山2，给山2做从外到原位的位移动画（快捷方法：在第6秒处打上关键帧，然后时间轴拖到第一秒，再往左拖动图层，时间轴上会自动打上关键帧）；

创建子父级关系：将山绑定在山2 第一帧上，此时山继承的的是山2一开始的动画，这样才能实现视觉上的循环；

注意：子父级关系的创建，在什么时候绑定，子级便继承绑定那一帧父级的动画

由于当前样式，出现了穿帮镜头，我们只需要山出现在地面范围内，因此需要对山进行裁剪，也就是蒙版动画，目前是两个图层，需要创建成一个图层——预合成；

蒙版动画实现方法：

1、绘制形状

在被遮罩图层上方绘制形状图层，给需要被遮罩的图层创建 Alpha 通道；【若没有此项，点击下方切换开关/模式】

2、绘制蒙版

点击需要绘制蒙版的图层，选择矩形工具，如图绘制蒙版区域，会在图层下放新建蒙版；

四、导出动画

https://blog.csdn.net/qq_41768447/article/details/125188748https://blog.csdn.net/qq_41768447/article/details/125188748

AE 图层分解与动画循环相关推荐

Mouth Shapes(AE图层切换嘴型动画脚本)v1.0版本更新啦
Mouth Shapes是一款AE图层切换嘴型动画脚本,只需要点击一个按钮,即可让嘴唇同步变得容易. 在创建角色动画时,这是一个非常有效的工具,但它也为您的后期效果工作流程提供了一个强大的资源. 使用 ...
前端使用lottie-web，使用AE到处的JSON动画贴心教程
Lottie简介官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web.ios.android.flutter和react native ...
ps制作20种特效文字_如何使用AE制作文字破碎动画？制作ae破碎文字特效教程分享...
如何使用使用AE制作文字破碎动画呢?今天macw小编为大家带来了制作ae破碎文字特效教程,一起来看看吧! 1.新建一个合成,选择自己想要的大小并命名. (快捷键:command + N ) 2.新建一 ...
ae中心点重置工具_如何使用AE制作文字破碎动画？制作ae破碎文字特效教程分享...
如何使用使用AE制作文字破碎动画呢?今天小编为大家带来了制作ae破碎文字特效教程,一起来看看吧! 1.新建一个合成,选择自己想要的大小并命名. (快捷键:command + N ) 2.新建一个纯色图 ...
如何使用AE制作文字破碎动画？制作ae破碎文字特效教程分享
如何使用使用AE制作文字破碎动画呢?今天macw小编为大家带来了制作ae破碎文字特效教程,一起来看看吧! 1.新建一个合成,选择自己想要的大小并命名. (快捷键:command + N ) 2.新建一 ...
ae导出gif插件_flash如何制作GIF图片?flash和AE将做好的动画导出为GIF
相信很多做UI的朋友都会遇到做GIF动画的问题,一些简单的动画可以用PS时间轴来做,但是遇到较为复杂的动画,则要借助专业的动画软件Flash或者AE来制作,今天先讲flash如何制作GIF. 1.做好 ...
AE基础知识-如何使用Ae CC加载动画
Adobe After Effects简称"AE"是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台.动画制作公司.个人后期制作工作室以及多媒体 ...
iOS图层配合核心动画详解
Core Animation Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现 ...
html数字跳动加载,【AE】加载动画和数字跳动
原标题:[AE]加载动画和数字跳动转载一篇晓斌师兄的教程~ 最近都在研究动效,跟着师兄一起动手吧! 转载:吴影浪技作品:http://www.zcool.com.cn/work/ZMjExNzkx ...

AE 图层分解与动画循环