咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • AE教程之如何制作3D转场界面动效
  • AE教程!RuberHose插件制作人物行走动效
  • AE制作磨砂风格天气图标动效图文教程
  • AE打造炫酷实用加载动画图文教程
  • 动效技巧:表达式制作高端日期选择动效
  • AE教程:制作动态小图案
  • 解读AE表达式 让你的动效6得飞起来!

    发布时间:2019-06-12 13:30:10

    日常工作中,在AE里用上表达式,能轻松实现很多复杂且出彩的动效,但是AE表达式是很多人面临的一道难关,因为涉及到代码知识,让人望而却步。本篇文章将会带领大家走进AE表达式的世界,解读AE表达式,让你不光看懂,还能手写AE表达式,让你的动效6得飞起来!

    一.什么是AE表达式?

    AE表达式是AE内部基于javascript语言开发的代码,针对AE里可做动画的属性添加。

    二.怎么添加AE表达式?

    1. 按住ALT键,单击属性前的码表

    1.webp.jpg

    2. 出现表达式编辑面板,在编辑面板里输入要添加的表达式代码

    2.webp.jpg

    三.常用的表达式

    1. wiggle摆动表达式

    wiggle表达式,实现物体随机摆动效果

    写法: wiggle(频率,振幅)

    解释: 频率--指的是每秒抖动的次数

           振幅--指的是抖动的像素幅度

    举例: wiggle(5,50)代表着物体每秒抖动5次,每次抖动50个像素单位

    案例演示:

    在位置属性,加入表达式

    3.webp.jpg

    效果展示:

    4.gif

    2. time时间表达式

    time表达式,用来获取时间的值,以24帧/秒的帧速率为例,如果时间指针走到第2帧,那么time的值为2÷24≈0.1;到第24帧的时候,time的值为24÷24=1;

    写法: time*n

    解释:n指的是time乘的倍数

    举例:time*300 代表着当前时间的300倍

    案例演示:

    在旋转属性,加入表达式,当时间指针走到第10帧的时候,time为10÷24=0.416,0.416*300≈125;如下图所示

    5.webp.jpg

    效果展示:

    6.gif

    因为time值是一直在变化的,所以旋转会一直持续。

    3. random随机表达式

    random表达式,能够实现随机变化的效果,random随机函数,执行random(),可以得到0~1之间的一个随机数,利用随机数,可以做出各种随机的动画效果

    写法: random()*n(注:random表达式里的参数较多,这里不做深入介绍)

    解释: n指的是ranom乘的倍数

    举例: random()*100 代表随机数的100倍

    案例演示:

    在不透明度属性,加入表达式

    7.webp.jpg

    效果展示:

    8.gif

    加入表达式后,不透明度的值随机变化,会出现随机闪烁效果。

    4. loopOut循环表达式

    loopOut表达式,可以实现无限循环效果,如果我们需要某个效果一直重复,不需要重复多次做关键帧,只需要做好一个来回的关键帧,再添加loopOut()函数即可解决。

    写法: loopOut()

    案例演示: 做一个循环缩放的动效

    a. 打开缩放属性,在时间轴上,做三个关键帧

    起始帧:缩放值为0%;

    中间帧:缩放值为100%;

    结束帧:缩放值为0%;

    如下图所示:

    9.webp.jpg

    b. 添加表达式

    10.webp.jpg

    效果展示:

    11.gif

    大家今天的干货教程虽然是以最简单的效果进行展示,但是大家要注意不管多么复杂炫酷的效果,其实都是有简单效果组合而成。

    希望可以帮到你!

    作者: 刘胜喜

    来源:UI设计师之家