(图文+视频)AE教程:那种魔术般的文字变色动画如何制作

Recommand
成都/设计爱好者/6年前/3607浏览
(图文+视频)AE教程:那种魔术般的文字变色动画如何制作Recommand
野鹿志

AE蒙板实例运用

唉,上辈子一定是饿死的,晚上11点过才喝了一脸盆的牛肉汤,看书看到凌晨2点又饿了。


躺了一会儿委实饿的睡不着,一看钟才4点,算了,起来写文章吧,来看问题吧:

undefined


@挽笑童鞋问了一个动画效果,我们单独放出来看看吧:

undefined

图片来源于网络,如侵请联删


这个效果总体来说就是一个简单的对象位移缩放动画,不过值得注意的是当圆球接触到文字地方,文字会变色。


这个像魔术一样的文字变色效果我试了试,其实就是蒙板的运用,用PS或者AE都可以很容易实现。


来吧,今天我们也来用AE来制作一张魔术般的文字变色动画吧!

undefined


开始之前先简单说一下PS的制作方法吧,如图所示我用自己之前做的排版模版弄了两份一模一样的图片。


一份是橙色,一份是蓝色:

undefined


由于底层的颜色是蓝色的,所以我们在蓝色的上方画一个蓝色的圆:

undefined


然后橙色图层对圆图层创建剪切蒙版,让橙色图层只在圆的方位内显示,这样就实现了变色的效果。


不难理解吧,后面再打开视频时间轴做位移动画就可以了,由于我很少操作PS的视频时间轴,所以这里就不说啦:

undefined


下面我们看看AE如何操作吧,打开AE,新建合成,帧速率为25,尺寸和你排版的尺寸大小一样就行:

undefined


把排版都导进来,这一步不用说吧:

undefined


下面我们先做球体的位移动画,再新建一个合成:

undefined


新建蓝色的纯色图层:

undefined


再用椭圆工具画一个圆,纯色图层上就会自动添加一个模式为相加的蒙板,代表在圆圈范围内才会显示纯色图层的蓝色:

undefined


直接复制出来多个圆,调整其位置和大小,这一步不用多说吧:

undefined


然后分别做位移动画,我以其中一个圆为例,在第0秒的时候位置上打上关键帧:

undefined


在第2秒的时候让它移动到如图所示的位置:

undefined


在大概3.5秒的时候,继续移动位置,并且缩放上打上关键帧:

undefined


4.5秒的时候不改变球的位置,只让它变大:

undefined


然后在最后一帧的时候回到起始位置,同时恢复大小:

undefined


其他几个圆的动画制作方法一样,只是有两点需要注意一下:


1、所有球体在放大的时候,需要填满整个画布。


2、在最后一秒的时候,可以直接把该球体在第1秒的位置和缩放的参数复制过去,这样球体就很容易回到原点了。


我这里就不赘述啦:

undefined


回到合成1,把球体合成分别拖到两个排版图层的上方和下方:

undefined


再将红色方框处选择为Alpha,代表着只在圆球范围内才会显示。


而蓝色图层下方放一个球体合成目的主要就是为了让球体显示出来,别忘记最后在底部新建一个白色的纯色图层充当背景哦:

undefined


最后渲染出图看看静图和动图的效果吧:

undefined
undefined


今天的内容是AE很基本的蒙板的运用,属于入门级。虽然简单,但是非常常用。


所以建议大家可以动手练习练习哦,下面是视频版:


啊啊啊,写完以后咋感觉困意来袭呢,我先去睡了。


想要源文件以及原视频的童鞋后台撩我获取吧!


更多内容欢迎关注公众号:

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究


50
Report
|
91
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in