利用AE软件中的贝塞尔曲线路径制作文字变形动画logo特效

2021-08-01 09:36:56  浏览:2167  作者:疯狂美工萱萱

AE软件中贝塞尔曲线路径如何运用呢?今天我们来分享的教程是使用贝塞尔曲线路径制作文字变形动画,感兴趣的朋友可以来学习一下!

打开AE,如图所示我用形状工具分别画了一个矩形和一个圆:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

打开内容里我们可以看到矩形路径和椭圆路径,但是这个不是贝塞尔曲线路径:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

需要鼠标右键转为贝塞尔曲线路径:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

或者你在画形状的之前先勾选贝塞尔曲线路径:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

这样画出来的形状,它的路径就直接是贝塞尔曲线路径,大家可以注意对比一下和传统路径的区别:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

说完了贝塞尔曲线路径的建立,我们再说说如何运用吧。


其实非常简单,假设我想要方形变成圆形,我们可以先在方形的路径上K一个关键帧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

拖动时间轴以后,我们可以直接选中圆的路径康秋C复制:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后再选中方形的路径康秋V粘贴,就可以把圆的贝塞尔曲线信息全部复制给方形同时自动创建一个关键帧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

这样一个简单的从方形转换为圆形的变形动画就做好了:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

这个就是最基本的原理,记录贝塞尔曲线的变化信息从而实现变形动画。


说完形状我们再来说文字,普通的文字图层是没有贝塞尔曲线路径的,需要将它转为形状或者蒙板:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后再按照我们前面说的方法,在蒙板路径上K帧,康秋C康秋V,文字的变形动画也就做好了:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

需要注意的是,有时候变形扭曲很厉害你可能需要去设置贝塞尔曲线路径的起始点,从而达到一个相对好点的变形过渡状态:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

使用贝塞尔曲线路径制作变形动画,还有一点需要注意的是,两个形状图层的路径数量要一致才行。


如图所示如果是K和P两个字母转换,因为字母P实际是两个蒙板,按照之前的方法操作就会多出来一个蒙板。


这个就只能单独对多出来的蒙板进行K帧,我个人暂时也没有什么好的方法:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

原理讲清楚了接下来进入案例就简单多了,如图所示我这里有一个AI文件。


火锅的图标是直接在阿里素材网上下载的,两个文字就普通手打然后轮廓化:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

接下来打开AE,新建合成,新建纯色图层充当背景:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

再新建一个形状图层:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后回到AI里,直接康秋C复制需要的文本:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

到AE里,选中形状图层康秋V粘贴,这样文本就会直接以蒙板的形式出现在形状图层中:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

先给形状图层添加特效-生成-描边,勾选所有蒙板:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后同时选中所有蒙板展开,在首帧的位置,蒙板路径上K一下关键帧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

继续回到AI里复制下一个文本:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

AE里调整时间轴以后,在选中所有蒙板路径的前提下粘贴复制进来,第一个变形动画就做好了:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

为了避免出错,我这里把每个蒙板的名字颜色都改了一下,便于区分:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

同样的方法再次新建一个形状图层,然后把火锅的蒙板复制进来:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

接下来把火锅的蒙板都展开,自己可以选择把不同的火锅蒙板复制给对应的文字蒙板:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

复制完毕以后你会发现火锅的蒙板比文字的蒙板多一个,这个就需要单独处理了:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

先把这个蒙板复制给文字的形状图层,然后在变形完的位置蒙板路径K一下关键帧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后回到文字开始变形的地方,点击蒙板里的形状,把它的尺寸改为0:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

变形动画大体做好了,不过有些变形扭曲很厉害,所以在文字开始变形的地方,所有的文字蒙板默认的位置先设置一次起始点,相当于K帧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

然后在变形结束的位置把你觉得变形扭曲厉害的蒙板更改一下起始点,这个只有多试一下,不太好预判的:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

再调整调整运动曲线吧,我是直接用脚本调整的:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

 

最后导出来看看效果吧:

(图文+视频)AE野教程:使用贝塞尔曲线路径制作文字变形动画

以上就是今天的教程,关注疯狂的美工官网,每天分享不同设计教程!

【随机内容】

返回顶部