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

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

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
举报
|
91
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
Blender三渲二动漫场景
冷淡风黑白盐系少女动漫立绘人物服饰插画
美丽的女性人物动漫插画
动漫唯美少女
动漫人物
板绘少女游戏动漫人物插画美宣立绘二次元
美丽的女性人物动漫插画
动漫壁纸星空
动漫女主图片
暖色调动漫风格抽象背景
动漫少女
动漫少女
美丽的女性人物动漫插画
美丽的女性人物动漫插画
日系长发甜妹动漫人物白色连衣短裙半身插画
美丽的女性人物动漫插画
戴眼镜的长发女生可爱动漫卡通插画
美丽的女性人物动漫插画
二次元动漫风景场景
日系动漫风景可爱妖怪屋子图
动漫唯美少女
美丽的女性人物动漫插画
动漫兽耳女孩
冷色调动漫风格抽象背景
动漫唯美少女
你可能喜欢
大家都在看
登录注册