线上百家乐 顶部通栏广告

AE表达式制造日期挑选动效教程

太有才了发布于:2019-6-19 09:02 |原作者: 叫我老Diu就好啦
简介: 此文章非教程(无法投稿选项中较贴合本文内容的分类为教程)。 确切的说,本文是共享操练中考虑得到的个人觉得较简略有用的办法。

版权声明:本文出自“叫我老Diu就好啦”原创,感谢“叫我老Diu就好啦”的原创文章共享!

此文章非教程(无法投稿选项中较贴合本文内容的分类为教程)。

确切的说,本文是共享操练中考虑得到的个人觉得较简略有用的办法。

Oleg Frolov制造了很多风趣的ui挑选交互动效,这是其间一个比较难的,个人描摹用表达式完结的这个作用。当然我不清楚大神Oleg大神是否运用这个办法制造,这儿事前阐明一下

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

首要拿到这张图,我的榜首件考虑的工作便是怎么将日期的方位与缩放还有透明度联络起来,这是一个最至关重要的问题。

所以我榜首个想到的便是插值函数:linear。这个函数的实质我已近在卫生纸动效那期ae技巧视频共享具体说过了。这儿也就不过多的赘述。

那么,首要树立一个制造gif图的规范组成(800*600,24fps)。再树立一个固态层作为布景,颜色:E3E3E3。然后制造一个170,90巨细的矩形,并将它至于组成的中心,圆度为20,颜色:262626,并给它添加网络变形投影两个作用。(这儿网格变形的参数仅仅是细分数,具体的变形还需求自己具体去歪曲)具体参数如下:

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

这样日期显现区域就做好了。

那么到了最重要的部分了。先建一个文本层,输入什么无所谓,留意这儿要将阶段的对齐办法挑选为居中,这样文本的锚点在水平方向会在中点。一同将数值方向也将锚点放在中点同并将文本置于组成中心。不直接调理锚点,而选用阶段居中调理是由于不同的数字在水平方向占的宽度是不一样的,直接移动锚点,仿制之后,由于数字不同,整个文本的宽度会变,可是锚点不会再水平方向是去往中点,而阶段居中却能够。

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

考虑到后续或许需求调整,我挑选先树立一个空目标来存储变量值。这儿我添加了两个滑块,一个叫间隔,一个叫方位。间隔我设为固定值60。而方位的值需求自己依据需求来设定,这是用来操控整个动效左右滑动的参数。

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

前期工作完结,能够开端书写表达式了。首要打开文本层,里边有一个叫源文本的一项,按住alt键左键单击源文本前的小秒表就能够写表达式了,这儿键入:index;表明让他的显现数值为他的序列号。所以这儿需求留意的一项是,为了不影响序列,将空目标以及后期添加的按键作用的图层在图层方位上通通放在文本层之后。

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

然后调出文本的方位,右键-独自尺度,由于只需对x做操控。相同给x书写表达式:

transform.xPosition+(index-1)*thisComp.layer("空1").effect("间 距")("滑块")+thisComp.layer("空1").effect("方位")("滑块");

这儿是将x自身的值(400)+(序列号-1)个间隔+方位操控滑块。就做出了文本与文本之间的间隔一同能够用方位滑块来操控一切文本的移动。然后给缩放添加表达式:

a=Math.abs(transform.xPosition-400);

temp=linear(a,0,85,100,40);

[temp,temp];

榜首行将x的值减去了400,即为(序列号-1)个间隔+方位操控滑块,然后取了绝对值。等价于将x轴的零点方位移到了400的方位,即下图参阅线方位。一同取绝对值为的是得到与400这条参阅线的间隔。(行将400这个方位设为x=0的坐标轴,那么灰色日期边框左右别离为x=-85,x=85,而左右的作用是对称的,所以取绝对值整合规模为0~85)。

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

第二行linear表达式将榜首行的间隔值0与85别离映射给100与40,这儿取85,由于矩形显现框的水平巨细为170,85正好是显现框左右与400的最大间隔。

终究回来巨细,规模为(100,100)~(40,40),由榜首行的间隔值决议,而间隔又由方位值决议,到这儿就完结了方位滑块操控缩放。

关于透明度,则选用相同的办法:

a=Math.abs(transform.xPosition-400);
linear(a,0,85,100,25);

不要忘了终究只需文本在矩形区域显现,不过这次不必遮罩,由于用遮罩需求31个遮罩。给文本层添加作用-通道-设置遮罩,从图层获取遮罩,挑选矩形区域那个图层,第二个挑选作用和蒙版。

剩下来的便是仿制仿制仿制了。

改动方位滑块的值能够看到整个一切的文本都一同移动,且在矩形区域有缩放与透明度的改变作用。我想最开端显现为日期15,那么日期15为相当于x的0方位,而咱们方位是日期1的,所以日期1的方位为14*60*-1=-840,这也是我上面图中-840的由来,关于该数值k帧,终究的逗留数为60的倍数(固定间隔值的倍数,数值上下限为840,-840)。

终究合作一些点击与滑动作用(对圆的方位缩放透明度k帧),那么整个动效就完结了。

AE表达式制造日期挑选动效教程 线上百家乐 AE实例教程

FEVTE编注:更多After Effects实例教程学习沟通和After Effects著作发布请拜访飞特网After Effects实例教程栏目,地址:https://www.a64noa.com/moive/AE/AESL/

1

好评

差评

刚表态过的朋友 (1 人)

太有才了
北京市 西城区 室内规划师
+ 重视 私信
  • 为什么Sketch做规划用一倍图?
  • C4D制造倒角霓虹灯文字作用教程
  • AE表达式制造日期挑选动效教程
宣布谈论

最新谈论(1)

回 复 1楼
奸滑之人发布于:2019-6-20 14:52
仍是不清楚这个是怎样做的,好难

检查悉数谈论(1)

我来说两句:
您需求登录后才能够谈论和提交作业 登录 | 当即注册

上传作业

本周热门文章

关于飞特|广告服务|付款办法|友情链接|网站地图|联络咱们|参加咱们|告发|线上百家乐旧版| 线上百家乐