ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

AE实例教程-使用AE制作图标动效

2019-09-17 17:55:41  阅读:478  来源: 互联网

标签:关键帧 AE 100% 180 实例教程 动效 图标


After Effects简称“AE”是一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期软件。使用AE能快速高效的制作出很多酷炫的UI动效,包括非常吸引眼球的动效图标。此次小编就带大家看看如何使用AE制作动效图。

首先看下最终效果:是一个很常见的【汉堡包图标】和【删除图标】之间的切换:

16211245_56dc4e80b5.gif

具体的制作步骤如下:

1、画3根横杠杠

16211359_96789e6e97.jpeg

2、上下两根线向中心收拢,逐渐消失:
① 上下两根线的对齐点调整到画面中心,让它以中心位置为基准缩放
② scale:100%→0%
③ 透明度:100%→0%

16211529_1c570220c5.gif

3、中间的线复制4根,从一根线变为一个删除按钮
① 选中间的线:新建蒙版,拖动蒙版位置
② 复制出4根一样的(⌘+D)
③ 角度调整:4根线的角度分别设置为-45、45、180+45、180-45(形成一个删除按钮的形状)

16211723_e6764505bd.gif

16211811_cf37ec4064.jpeg

4、增加【角度变换】
① 新增一个"空对象"
② 将空对象下面所有的图层,与空对象进行父子链接(*当你改变空对象的变化属性时(如大小、旋转、位置…),其它图层也会跟着变化)
③ 把空对象旋转90°,这样三根线变成删除图标的同时,还会旋转90°

16212041_8a5b5af3b3.gif

16212207_699ea02c14.gif

16212330_1a224a697c.jpeg

5、勾选运动模糊(似乎会显得更自然一些)

16212534_a4207578f7.jpeg

6、让动画循环起来(汉堡包→删除、删除→汉堡包、头尾衔接)
① 复制所有的关键帧,停留一段时间后黏贴(利用motion2插件的clone功能)
② 选中黏贴的关键帧,右键关键帧辅助→时间反向关键帧(顺序就会倒过来了)
③ 空对象第二次旋转后,关键帧的旋转属性设为180°(0°→90°、90°→180°,0°和180°看起来是一样的,看起来就是循环往复的)

16212706_776d66c632.jpeg

16212726_f9f02d4ef6.jpeg

16212916_df3653d2ce.jpeg

7、最后在形状转换的过程中,增加一点点放大缩小的效果
① 空对象增加两个关键帧,scale:100%→110%→100%

16213558_b2477d76f8.jpeg

16213713_1692d7c4be.gif

这样就差不多做完啦!以上就是小编为大家带来的AE实例教程-使用AE制作图标动效。还有更多详细、实用的功能以及相关软件Ae和其他Mac软件获取,大家快来Macdown.com自行探索一番吧。


标签:关键帧,AE,100%,180,实例教程,动效,图标
来源: https://blog.51cto.com/14428618/2438685

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有