AE表达式学习笔记——Interpolation(插值)篇

用户头像
深圳/设计爱好者/197天前/51浏览
AE表达式学习笔记——Interpolation(插值)篇
用户头像
柴先森
插值函数的作用就是根据一个输入值(例如时间),计算出一个平滑的、位于两个目标值之间的输出值。它们允许你用表达式来创建比AE内置的关键帧插值(如线性、贝塞尔曲线)更复杂、更受控的运动或属性变化。
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4ODMy) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Interpolation菜单
Collect
linear(t,value1,value2)
作用:
常用的线性插值函数,用于将一个输入值(t)从一个范围线性映射到另一个范围。
语法:
linear(输入值, 输出范围最小值, 输出范围的最大值)
  • t:
    输入值(通常是时间、属性值或其他动态变量);
  • value1:
    输出范围的最小值(映射结果的下限);
  • value2:
    输出范围的最大值(映射结果的上限);
示例:
物体2秒旋转一圈:
linear(time*0.5,0,360)
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4ODg4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4ODky) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
linear(t,tMin,tMax,value1,value2)
作用:
这是一个范围转换器,用于将输入值 t 从一个输入范围(tMin, tMax)映射到另一个输出范围(value1, value2)。它的核心功能是按比例转换数值,常用于动态控制属性变化。
语法:
linear(输入值, 输入范围的最小值, 输入范围的最大值, 输出范围的最小值, 输出范围的最大值)
  • t:
    输入值(如时间、属性值、滑块控制等);
  • tMin:
    输入范围的最小值(起点);
  • tMax:
    输入范围的最大值(终点);
  • value1:
    输出范围的最小值(映射结果的下限);
  • value2:
    输出范围的最大值(映射结果的上限);
示例:
滑块控制圆形尺寸:
//滑块在进度条最左边(xposition=250) 的时候圆形最小,在进度条最右边(xposition=705)的时候圆形最大;
linear(thisComp.layer("Shape Layer 4").transform.xPosition,250,705,[30,30],[220,220])
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4OTA4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4OTA0) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
ease(t,value1,value2)
作用:
用于平滑插值的函数,它能创建自然流畅的动画效果,避免线性插值linear()带来的机械感。与线性插值不同,ease()会在过渡的开始和结束阶段自动减速,模拟物理运动中的加速和减速过程。
语法:
ease(输入值, 输出范围最小值, 输出范围的最大值)
示例:
物体2秒旋转一圈:
ease(time*0.5,0,360)
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4OTQ4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk4OTUy) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
ease(t,tMin,tMax,value1,value2)
作用:
ease(t, value1, value2)的复杂写法,可以自定义t的范围。
语法:
ease(输入值, 输入范围的最小值, 输入范围的最大值, 输出范围的最小值, 输出范围的最大值)
示例:
滑块控制图形长度:
//滑块在进度条最左边(xposition=344) 的时候长条最短,在进度条最右边(xposition=797)的时候长条最长;
ease(thisComp.layer("Shape Layer 4").transform.xPosition,344,797,[30,30],[330,30])
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk5MDY4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk5MDcy) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
easeIn(t,value1,value2)
作用:
缓入插值函数(三参数形式)
语法:
easeIn(输入值, 输出范围最小值, 输出范围的最大值)
示例:
物体2秒旋转一圈:
easeIn(time*0.5,0,360)
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk5MDc2) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk5MDg0) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
easeIn(t,tMin,tMax,value1,value2)
作用:
缓入插值函数(五参数形式)
语法:
easeIn(输入值, 输入范围的最小值, 输入范围的最大值, 输出范围的最小值, 输出范围的最大值)
示例:
滑块控制图形长度:
//滑块在进度条最左边(xposition=344) 的时候长条最短,在进度条最右边(xposition=797)的时候长条最长;
easeIn(thisComp.layer("Shape Layer 4").transform.xPosition,344,797,[30,30],[330,30])
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MjAxODA4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MjAxODE2) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
easeOut(t,value1,value2)
作用:
缓出插值函数(三参数形式)
语法:
easeOut(输入值, 输出范围最小值, 输出范围的最大值)
示例:
物体2秒旋转一圈:
easeOut(time*0.5,0,36)
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MTk5MDg4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MjAxODY4) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
easeOut(t,tMin,tMax,value1,value2)
作用:
缓出插值函数(五参数形式)
语法:
easeOut(输入值, 输入范围的最小值, 输入范围的最大值, 输出范围的最小值, 输出范围的最大值)
示例:
滑块控制图形长度:
//滑块在进度条最左边(xposition=344) 的时候长条最短,在进度条最右边(xposition=797)的时候长条最长;
easeOut(thisComp.layer("Shape Layer 4").transform.xPosition,344,797,[30,30],[330,30])
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MjAxODIw) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
AE表达式学习笔记——Interpolation(插值)篇(图ZMzk3MjAxODI0) - 动效设计 - 站酷设计师柴先森原创素材 - 站酷ZCOOL
Collect
1
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in