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

时间:2023-07-17 19:50:55 

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

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

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

具体的制作步骤如下:

1、画3根横杠杠

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:After,Effects下载,ae使用教程,ae动图
0
投稿

猜你喜欢

  • Excel中MULTINOMIAL函数的语法和用法

    2022-02-01 20:22:46
  • word插入表格

    2023-08-03 03:07:16
  • Excel如何快速补齐单元格空值

    2023-04-08 00:19:50
  • Excel 公式 #VALUE! 错误 解决方法

    2023-01-21 07:18:30
  • excel中做除法教程

    2023-02-21 19:55:08
  • excel中rank函数的运用方法

    2022-12-28 17:31:49
  • Excel2010添加批注方法

    2022-08-06 13:37:47
  • word2010段落边框怎么添加设置

    2022-03-09 10:29:45
  • Word 2007文档中图片怎么提取

    2023-11-12 00:30:26
  • Word下标快捷键是什么?

    2023-11-07 09:03:29
  • Word文本框怎么自动调整大小

    2023-11-11 10:28:02
  • Word特殊符号怎么打

    2022-07-14 15:35:15
  • wps怎样修改纸张尺寸

    2023-11-27 06:11:25
  • iOS 教程 | 有哪些方法可以更好地保护手机的隐私数据不被泄露?

    2023-03-06 20:58:59
  • mac必备工具:ScreenFlow 10 轻松录制屏幕好帮手

    2022-11-15 15:30:44
  • 如何在Mac电脑中切换系统声音?

    2023-12-01 20:00:09
  • MacOS是否需要进行磁盘整理?

    2023-06-18 01:59:46
  • Word如何设置文字效果转换弯曲?Word设置文字效果转换弯曲方法

    2022-12-03 14:04:17
  • 在Mac上如何一键打开常用的应用程序?

    2022-04-30 12:54:39
  • word如何设置海报背景

    2022-04-13 19:03:45
  • asp之家 电脑教程 m.aspxhome.com