AE实例教程-使用AE步行动画
发布时间:2023-03-24 23:37:44
Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期软件。使用AE能快速高效的制作出很多酷炫的UI动效,包括非常吸引眼球的动效图标。此次小编就带大家看看如何使用AE步行动画。
最终效果:
步骤分解:
1、绘制插画,导入AE,前期准备:
前期准备:图形居中,指派父级,移动中心点,裁剪工作区
2、给动物形象创建关键帧
重点:对路径K帧
3、创建阴影,导出动画(AI和AE都是CC版本的)
具体步骤:
一、绘制插画,导入AE,前期准备(需要使用AI CC)
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动画。
总结
这个动画虽然耗时间,但是步骤和配图我都写得非常详细哦!这个案例除了对图层的位置P,旋转R属性k帧,最重要的是对路径创建关键帧,学到这个技巧我们就可以在AE中修改形状外形了,比如一些挤压变形动画也都是分分钟的事。以上就是小编为大家带来的AE实例教程-使用AE步行动画。还有更多详细、实用的功能以及相关软件Ae和其他Mac软件获取,大家快来Macdown.com自行探索一番吧。
猜你喜欢
- 本教程带来的是我经常会做到的条形码,可能我用的条形码并非今天说的这类,不过原理都差不多,这次主要是用excel2003制作条形码,能够实现自
- 欢迎观看 Premiere Pro 教程,小编带大家学习 Pr 的基本编辑技巧,了解如何在 Pr 中确保
- 在用Excel进行办公时,有时需要将数据层叠分级展示,如何设置呢?下面就来给大家分享操作的方法。Excel201001、首先,打开Excel
- 查询公式如下图:有一位自称EXCEL小白的朋友用一句戏语说:公式这么复杂,臣妾做不到啊!那给个不用公式的方法——高级筛选。实现步骤我们还是用
- 在工作中经常遇到按日期区间统计的需求,比如需要统计月初到当前日期的销售额,或统计周年庆(比如历时5天)的销售额……针对这类条件求和如何实现呢
- 苹果在 iOS 11.4.1更新中正式带来全新的安全功能——USB 限制模式,这个功能之前我们也为大家介绍过,主要是为了防范第三方公司通过
- 在工作中,有时遇到两个Excel工作表中各有一列名单,需要对比在表1和表2中不同的人员名单。如何操作呢?今天,小编就教大家在Excel中两个
- Word文档的加密与取消加密方法1、单击“文件”按钮,选择“信息”,保护文档-用密码加密文档。 2、弹
- 对于wps幻灯片的制作,要怎么在幻灯片中添加动画效果呢?下面小编就为你介绍wps演示怎样添加动画效果的方法啦!wps演示添加动画效果的方法:
- excel不能插入列的原因有多种。一般,当我们插入列时,excel会提示:“为了防止可能的数据丢失,不能移去工作表中的非空白单元格。请按ct
- 在 iOS 12 发布之前,苹果就面临着舆论的压力,因为人们发现手机成瘾开始成为社会问题,连成年人都存在每天被手机通知、社交平台、短视频应用
- WPS表格如何将智能表格样式去除的操作方法分享。有的用户在刚开始建立表格的时候,使用的是智能表格样式,但是后来觉得不好看,想要去进行样式的替
- 对于已经共享给团队外其他人的团队文档,如何取消文档的共享呢?(1)打开文档后,点击文档右上角的「分享」按钮,在弹窗里点击文档权限设置图标,再
- Word如何添加题注?在我们平常Word文档编辑中,有时候会需要添加图片或者表格的题注,那么应该如何添加呢?还不清楚应该如何操作的朋友么,可
- 对于wps文档的制作,怎么样设置文档的背景图呢?一份好的PPT不仅可以吸引观众的眼球同时还可以反映自己的制作能力,那么问题来了。具体要怎么做
- Excel中经常需要使用到批量求百分比的技巧,百分比具体该如何批量求出呢?对于新手来说还是有一定难度,怎么办?下面是小编带来的关于excel
- 当我们使用win10操作系统时,一些朋友认为win10操作系统更新越多,卡住的速度就越慢。对于这个问题,小编认为有很多种情况,系统卡住了,运
- 在电脑版WPS Word文档中,我们可以根据自己的实际需要,在文档内容插入一定的表格,并对表格进行各种格式的调整和设置。比如我们可以进行合并
- 将数值转换为按指定数字格式表示的文本。 语法 TEXT(value,format_text) Value为数值、计算结果为数字值的公式,或对
- 在当今生活中,图片变得很普遍,尤其是在所有配备有功能强大的相机的手机上。这样,您的计算机可能会成为图片集的存储位置,但是手动处理可能会很麻烦