AE篇-拿起来就用的AE表达式3

ae.jpg

1形状宽度跟随文字长度

//第一层 形状层,第二层 文字层
x=thisComp.layer("redblue").sourceRectAtTime().width;
[x,value[1]]

2位移控制旋转LINEAR&EASE

//控制点 位移key帧
//球 旋转 t后面的四项数字分别是 控制点的最小值、最大值,球旋转的最小值、最大值
t =thisComp.layer("控制点").transform.position[1] 
linear(t, 85, 418, 0, 180)

对控制点的x和y分别做限制


image.png

3锁定某一轴向

scale[0],scale[1]

4随机波动柱形

// 基础柱形 缩放
[scale[0],wiggle(9,100)[1]]
//衍生柱形 x位移  
(thisComp.layer("基础柱形").transform.xPosition*index+(((index-1)*2)*thisComp.layer("控制层").effect("控制距离")("滑块")))
//衍生柱形 缩放
[scale[0],wiggle(9,100)[1]]

5linear映射(位移映射位移)

//红圆 位移 key帧
// 蓝圆 位移
Ax = thisComp.layer("红圆").transform.position[0];
linear(Ax,241,1040,241,600)
//文字层(红圆位移数)源文本
Math.round(thisComp.layer("红圆").transform.position[0])
//文字层(红圆位移数)x位置
thisComp.layer("红圆").transform.position[0]

1212.gif

6linear映射(位移映射缩放)

//列表图层 y轴位移 key帧
//图片图层 缩放 333,438是列表的位移数值,100,190是图片的缩放数值
Ax = thisComp.layer("列表").transform.yPosition;
[linear(Ax,333,438,100,190),linear(Ax,333,438,100,190)]

linear-位移缩放映射.gif

7linear映射(位移映射缩放&透明度)

//侧边栏 位移key帧
//列表缩放
Ax = thisComp.layer("侧边栏").transform.xPosition;
[linear(Ax,31,187,100,87),linear(Ax,31,187,100,87)]
//遮罩 透明度
Ax = thisComp.layer("侧边栏").transform.xPosition;
linear(Ax,31,187,0,60)

8linear映射(位移映射自身缩放&圆角)

//红 位移key帧+弹性表达式(见文章表达式1)
//蓝 圆角
Ax = thisComp.layer("红").transform.yPosition;
linear(Ax,333,418,0,12)
//蓝 位移
thisComp.layer("红").transform.yPosition+(-(index-2)*30)
//蓝 缩放
Ax = transform.yPosition;
[linear(Ax,333,418,100,87)-(index-2)*10,linear(Ax,333,418,100,87)-(index-2)*10]
//黄色 圆角位移缩放同蓝


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,456评论 0 11
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,984评论 0 4
  • (这是15年初学css时记的笔记) 选择器 简单选择器 标签选择器 直接把标签名加前面。 类选择器 用.+ cla...
    burningalive阅读 1,202评论 0 0
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,737评论 0 6
  • css3动画 过渡:transition 2D 转换 transform 3D 转换 transform 动画:a...
    刘松阳阅读 841评论 0 0

友情链接更多精彩内容