【教程】教你如何应用ae表达式【案例一】

Ae表达式该如何使用【进阶案例1】

        上次讲了最基础的ae表达式,希望大家多看几遍多背,如果只是记了记看了看作用也不大,应该结合实际的应用把他们用起来,接下来我会更新一些表达式的实际案例,分享一下我个人对表达式的一些小心得,方便大家学习的同时,日后我也好回来温故知新。

本期用ae表达式结合之前的表达式基础中:

1.Math.sin()

2.Wiggle()

3.time

4.滑块控制简单应用;

一起看看如何制作蝴蝶飞舞的效果

飞舞蝴蝶案例

在看下面之前,想想如果上期的文章最全的ae表达式教学分享(实用!)表达式其实很简单看懂了,看着这个动画能想到怎么做吗?可以的话试做一下。

素材可以去“花瓣”下载,上面很多免费的各类素材。

思考完以后,下面看看怎么做的,碰撞下思维。

      1.布置摆放好翅膀图层

将蝴蝶左右翅膀分开,打开各自的三维开关。并且新建两个翅膀的控制图层。(此处控制图层的作用呢我是通过控制图层去控制两个翅膀,当然直接在两个翅膀建立表达式也是可以的)

放置好蝴蝶翅膀

2. 新建滑块控制,作为蝴蝶翅膀飘动的控制

选中控制图层然后新建菜单栏-效果-表达式控制-滑块控制,使用滑块控制效果。

让滑块控制蝴蝶翅膀

3.实现控制

打开两个翅膀图层的y轴旋转属性,按alt鼠标左键点击激活表达式控制(点击k关键帧的地方),选中将两个翅膀y轴属性表达式的小酒窝,拖拽赋予给滑块控制再松开鼠标左键。

将“蝴蝶翅膀左边”y轴旋转属性的数值交由滑块控制

此时“蝴蝶翅膀左边”y轴属性下表达式就变成了:

thisComp.layer("NULLCONTROL").effect("滑块控制")("滑块")

这个表达式解释为:

“蝴蝶翅膀左边”图层的Y轴旋转属性的数值被这个名字叫“NULLCONTROL”的图层上面的滑块效果的数值控制。

另外一个右边的翅膀同样操作,一样的道理。

将“蝴蝶翅膀右边”y轴旋转属性的数值交由滑块控制

只不过这时候需要两个翅膀煽动的方向是相反的,所以

此时“蝴蝶翅膀右边”y轴属性下表达式就变成了:

thisComp.layer("NULLCONTROL").effect("滑块控制")("滑块")*(-1)

注意此时让右边翅膀整个表达式*(-1)这样两个翅膀会朝相反的方向运动,蝴蝶就可以通过滑块控制扇翅膀了。

4. 实现飞舞

在滑块控制按alt激活表达式,输入Math.sin(time*8)*70;

通过sin函数和time函数去控制蝴蝶煽动翅膀的频率。此处注意,这个“8”是控制翅膀煽动的快慢,数值越大越快;“70”是控制翅膀煽动幅度。

结合sin函数的属性特性去理解,不懂的可以回去看这篇文章。

此时播放蝴蝶就会自动飞舞了。

                           做到这里已经会煽动翅膀

5. 这里我想通过滑块去控制蝴蝶的频率,所以我选中8,然后把表达式链接给一个新建的滑块控制。

新建滑块控制蝴蝶翅膀煽动的频率
链接后的表达式

此时表达式自动变成如图所示,通过滑块2控制就可以比较方便的调节蝴蝶翅膀。

6. 将这三个图层Ctrl+shilt+Y预合成。

此操作是为了方便旋转蝴蝶,做成立体效果。

7.打开预合成如图所示的两个开关。

第二个开关是保持合成内部的图层的三维属性,这样我们再旋转合成的时候,蝴蝶就是立体的了。再调节好蝴蝶的方向。

8. 对合成的位置展开单独尺寸,单独编辑x,y的值;

Y:让她实现上下飞舞,wiggle(4,100),也可以使用Math.sin()函数。

X:从左往右k两个关键帧

单独尺寸

剩下的就是自己需求对蝴蝶进行的微妙调节了。以上就是今天简单的蝴蝶飞舞教程啦,是不是很简单~

      这个案例是通过运用几个简单的表达式,替代庸杂的关键帧实现的一些按照规律循环性的动画,如果你get到这个点,那你就大概领悟了表达式的用处,它就是体现在这个地方,所以并不是说表达式很难可学可不学,表达式如果学了就类似于锦上添花,如何学表达式呢?

我建议是并不用花专门的某短时间去学习它,有空看看我分享的文章,我会把一些技巧和我总结性的东西分享出来给大家,地铁上,马桶上,有空看看,记一记。


这是我手机的屏锁,之前换了一直没有换过来,把自己觉得可能用得上的表达式记熟,好过你背好一大堆的表达式用时无从下手。

分享其实是为了记录我生活中所收获学习到东西的总结,大家一起成长,希望后期这条路上,更多人不迷茫,更多人能够找到自己的导师。

更多教程干货,欢迎关注微信公众号“小仓鼠爱后期”

我是后期仓鼠菌

我:加油!

你可能感兴趣的:(【教程】教你如何应用ae表达式【案例一】)