ae合成复制脚本_(图文+视频)AE野教程:那种文字拉伸动画如何制作

v2-af02f52eab8e632a6a85051cba7f8018_1440w.jpg?source=172ae18b

v2-b890c2d270b9fbe8ef7778de51f2205c_b.jpg

国庆愉快,鹿友们都出去玩了吧,我还在家里试效果呢,来看问题吧:

v2-37625f1c48462315e33d6d5e07eebe3f_b.jpg

原视频的帧数比较多,由于公众号只能上传300帧以内的动图,所以我删减了视频前面一部分内容转成动图大家看看吧:

v2-83f276a9f5d72fafd52167fa0089757c_b.gif
图片源于网络 如侵请联删

这个效果看起来简单,但是有很强的形式感。本来是上一篇发文就想写的,但是后面的拉伸效果一直没有尝试出来:

v2-d8b47fd2d0d78085b45238f2934baa3b_b.jpg

因为我平常用AE最多的部分其实是三维渲染之后的调色,所以对于AE的很多特效、表达式等都不熟悉。

以至于这么一个简单的文字动画效果都琢磨了好久,这不,国庆反正也不打算出门,就继续在家研究。

又捣腾了两天可算是试出来了,AE熟手估计分分钟就能搞定这个效果吧。

最近有几位鹿友问了好几个用AE制作的的文字动画特效,我也打算找机会逐一尝试一下,正好可以就让自己对AE有个入门的了解。

对AE还不熟悉的鹿友我们就一起从这篇简单的文字动画来熟悉AE的操作吧。

来吧,一起来用AE制作一个文字拉伸动画吧!

v2-29972d51c8ff091e19931910625efd1d_b.gif

开始之前再啰嗦一句,分享给对AE还比较陌生的鹿友:

AE也是一个体系很庞大的软件,有着各种预设、脚本、插件,我们在对软件本身的学习有一定的基础以后,要学会善于利用各种脚本或者插件,这样可以大大的提高我们的效率。

本篇文章也会使用到AE的脚本,先说一下脚本的安装方法吧,首先打开AE,执行编辑-首选项-常规:

v2-c0fc123daed564479b6612495cf85e8a_b.jpg

务必保证允许脚本写入文件和访问网络这一项的前面打上勾:

v2-6faf650504f752ac7fd495a96b7b6023_b.jpg

由于AE的脚本多种多样,有一些是需要存放在AE安装目录的Scripts里,有一些是需要存放在ScriptUI Panels里。

文末我会直接把我的Scripts文件夹打包发给大家,里面包含了我安装的AE所有脚本以及脚本管理器,供有需求的鹿友使用:

v2-01712f2e70417772dabe57c55cbc364b_b.jpg

安装脚本以后,重启AE,就可以在窗口下面看见你安装的脚本了,有一些脚本需要借助脚本管理器调用:

v2-a062be9a1d4f0f98ea1b878c1b32ea92_b.jpg

你可以把它们放置在界面上,下次启动AE的时候就可以直接使用了:

v2-0f16e2385aec2d75f2867b6ff6651219_b.jpg

脚本安装完毕以后,进入正题吧,新建一个正方形的合成,暂时先弄300帧吧:

v2-ee6b98eabd73bc51ee37ab5653910a86_b.jpg

再分别新建一个黑白纯色图层,这一步不用多说吧:

v2-e7d764b6997eddb2ce51863ff25323ef_b.jpg

第一个是从上下各自伸展开的文字动画,首先打上文字,黑色描边无填充色:

v2-34d0ad380581853b9c0f23c9270cda4b_b.jpg

这个时候你会发现文字的锚点是在左下角,如果直接对文字进行缩放就不是很方便,所以默认情况下我们是通过AE界面上方的锚点工具来对图层的锚点进行手动位移。

但是这样效率不高,这里我们就需要借助这个叫做Motion2的脚本,点击红色箭头处,可以直接通过面板上的指示来修改锚点位置,相当方便:

v2-24e03d941f31f9f3a6bf933bbade5416_b.jpg

首先将文字的锚点居中,调整好文字的大小以后,使用motion2将锚点放置于文字的顶部:

v2-852426780799b8111b7f4a9884a92091_b.jpg

选中文字层,按快捷键S调出缩放属性,取消比例锁定:

v2-37c4c7b14f606b2cb320f53f52da636a_b.jpg

前面的缩放动画我们都做10帧吧,先在第10帧K上原尺寸,再回到第0帧,将高度尺寸改为0:

v2-28bcc75acba6db08e6db386a77df14f9_b.jpg

下方的文字也是同样的道理,这个确实就没什么好说的了,今天的案例效果前面部分确实是太简单了,配合脚本操作是很快的,就当作是一个小练习吧:

v2-c738975d289497ff6a9f271313e3220c_b.jpg

动画做好以后,选中所有图层,快捷键康秋加谢伏特加C,把他们添加到预合成里,这样第一个文字动画就做好了:

v2-3d87087b84e1ed7f18f8f2e030758afe_b.jpg

做好以后可以隐藏掉第一个预合成,然后继续新建纯色图层开始做第二个动画:

v2-fd35d4d3557d8d077864def695b13955_b.jpg

第二个动画是文字从左上角和右下角进行的等比缩放动画,这个更简单,直接做好其中一个文字动画以后,康秋加D复制一份出来。

更改一下文字的锚点和位置就可以了,这里我觉得细一点的字体要好一些,所以统一将文字的粗细修改了一下:

v2-3732c2621dba6c1b9029b641c490ad99_b.jpg

弄完以后同样再康秋加谢伏特加C添加到预合成,然后搞第三个文字动画:

v2-00f014039e15843af70bbed8c75ece13_b.jpg

就这样我做了五个简单的文字缩放动画,这里就不都写出来了,这也不是今天文章的重点。

做好以后,选中五个预合成按噢特儿加向右的方括号键裁掉多余的部分:

v2-8f5f8f1948e6a3a2ff39c59c48486b67_b.jpg

同样在选中所有预合成的前提下,我们在脚本管理器中找到这个叫做层时间偏移的脚本。

双击以后数值输入10帧,这样所有的预合成就会统一偏移10帧,是不是很方便,灵活使用脚本会比手动效率高很多:

v2-a5a7a0a3d2dec61986b0807de6945081_b.jpg

预览了一下,觉得10帧太快了点,所以我又改成了15帧:

v2-115e8b2e6370a805e098a428f191b14c_b.jpg

搞定了前面五个简单动画之后,我们来做后面比较麻烦的部分吧,我把后半段的动画单独弄了出来大家再看看吧:

v2-9b3afbbcbd2f2990dd2278973726cb31_b.gif
图片源于网络,如侵请联删

先分析一下:

1、上半部分和下半部分的动画是不一样的,需要分开做。

2、上下部分都有拉伸扭曲的效果,都有位移动画,文字都有回弹的感觉,背景色以及文字的填充或者描边色会变化。

3、下半部分的文字还有X轴压缩的动画。

大概这样吧,先做下半部分的动画吧,如图所示拉参考线,参考线的使用方法和Ps以及Ai一样:

v2-2f7e621037f4604ad68b1ec41c3badc6_b.jpg

先批量的打上这些文字吧:

v2-1796b2c1cca28006c735193f0d308c0f_b.jpg

利用这个拆分文字的脚本,可以把这一串文字按词进行拆分:

v2-d2a77baa74e323cecb011036744fba6d_b.jpg

对拆分后的每一组文字再调整一下尺寸:

v2-611e9d13e468babfe2e74149fa604ab3_b.jpg

先做其中一组文字的位移动画吧,第0帧如图所示的位置位置,快捷键P键调出位置属性打上关键帧:

v2-8e78114ab0f36f083f4a0ba721acf887_b.jpg

30帧的时候,让它移动到如图所示的位置:

v2-d7911bb35ee8cfed9232eca22a73115b_b.jpg

然后按快捷键S键调出缩放属性,取消等比缩放,打上关键帧:

v2-ff6d361307e33710522f8280ad9dd2db_b.jpg

到60帧的时候,让X轴缩放为0打上关键帧,注意锚点的位置哦:

v2-f434662a74902ffd306f3294c7b0d232_b.jpg

由于每组文字的位移是一样的,所以可以直接复制第一组文字的关键帧粘贴给其他词组:

v2-7c158e3886e07935f70c11d6f84678ce_b.jpg

缩放动画的话由于每组词的尺寸不一样,就手动K一下,这个不难也不麻烦,这里就不赘述了:

v2-d74b629fb86982fb4f4938d13c45f066_b.jpg

再选中所有词组用层时间偏移脚本统一向前偏移30帧:

v2-0ca32539d3c72615359f4d7d7f0d222c_b.jpg

这个时候播放文字,你会发现文字的位移以及缩放动画很呆板。

选中其中所有词组的位置属性,点击图标编辑器,我们可以看到,这是因为默认的关键帧动画是线性的:

v2-f91469a32dc6596d08f344fdaf3f42ea_b.jpg

而我们的参考案例应该是一开始速度很快,然后渐渐慢下来有点停顿的感觉,然后又很快,这样重复。

所以我们需要在图表编辑器里框选关键帧,点击缓动,这样动画的速度就是缓入缓出:

v2-d76b100d6a7c34fc57dc5a5896c5d4a3_b.jpg

然后通过调整曲线上的手柄,把曲线调整成如图所示的样子,这个就代表着速度一开始很快,然后逐渐变慢:

v2-f00495b07313865ce562337b485862b2_b.jpg

缩放属性也需要同样的调整曲线,这里就不再重复了:

v2-d9b34911a9445940e4eaf635f5a7624a_b.jpg

每组文字的缩放以及位移动画都做好以后,先把它们添加到一个新的预合成里:

v2-13819312b97b9ca70bfccd947bde6667_b.jpg

为了方便观察,先暂时给一个白色的纯色图层作为背景,下面制作文字拉伸的效果了。

这个是我之前是把AE效果里的所有扭曲的特效都试了一遍,没有得到满意的结果。

然后又挨个挨个的尝试,结果在过渡里找到了这个叫做CC Scale Wipe的效果,翻译成中文叫做尺度擦出:

v2-f2b9b3b717325053dd597162cd494973_b.jpg

我们把方向改为90度,然后通过控制强度以及作用点的位置,就可以做出这个拉伸的效果出来了,不容易啊不容易:

v2-07f35dea8582132e44ec01b8b33fad83_b.jpg

拉伸的效果做好以后,这个文字回弹扭曲的感觉还没有,如果但是做弹性动画的话,Motion2就可以做出回弹的感觉来。

但是我尝试过以后,发现效果不好,因为参考图不仅有回弹,回弹的时候还有尺寸上的变化,所以我这里是手K的。

快捷键S调出预合成的缩放属性,取消等比缩放,在大概20帧的位置打上一个关键帧:

v2-34c2e2f6d33990a28f583469ee2cf1d1_b.jpg

在35帧的样子缩放数值不变打上关键帧:

v2-73685bf5c128ead24c647341277888d4_b.jpg

然后让在大概中间的位置,X轴缩放数值变成135打上关键帧,这样缩放的动画就是从原尺寸变大,然后又恢复原尺寸的效果:

v2-59b95843f9c1666fd2556527984a1c44_b.jpg

这里我们需要用锚点工具手动的调整一下锚点的位置,缩放的感觉就对了:

v2-fac64afb9394053003acd89a9749d775_b.jpg

框选这些关键帧,可以用Motion2的克隆功能把关键帧复制到自己想要的位置:

v2-2fe20335053cd5ad492e604a5f1afdfc_b.jpg

背景颜色的变换就直接是多个不同颜色的纯色图层,裁剪以后用脚本进行时间上的偏移,这个不难:

v2-6ac08a147ca67ea077527c69f4a1a30c_b.jpg

文本的颜色变化在文本属性里,点击动画,可以进行对填充色或者描边色K关键帧,这个也就不多说了:

v2-c51688b81427a3330d361bf9f8ad8aae_b.jpg

上半部分还要简单一点,打字,文字拆分,调整大小这一步不用多说了吧:

v2-a8c481615bb2d9f2368a32169d5bab92_b.jpg

快捷键P调出位置属性,第0帧起始位置打上关键帧,然后第30帧走到如图所示的位置,打上关键帧:

v2-53d52648a4845ad877a6ae13f91b8ed7_b.jpg

第60帧走完,打上关键帧:

v2-1dbc94a6c51aa7667040ac426d79d523_b.jpg

将位置关键帧复制给其他词组:

v2-010571b43d9226a0d61b58d94eea2e4d_b.jpg

同样用层时间偏移脚本将几个层偏移30帧:

v2-66eb4748ee64166bcdf139684f172c50_b.jpg

不要忘记也要修改速度曲线:

v2-72f374ad02aa75d606880f83514826b0_b.jpg

同样将词组添加到预合成里:

v2-4ca0d0923e0ef0cede7beaf14ee142ca_b.jpg

添加CC Scale Wipe特效:

v2-a161b142f4124becae4550264f865723_b.jpg

S键调出缩放属性,取消等比缩放,大概15帧的位置打上关键帧:

v2-b3465697824c4436db1b7ac7d989e82b_b.jpg

然后大概30帧的位置,让缩放X轴放大:

v2-990c364d2682caa5e56eb27389705eeb_b.jpg

在两个关键帧中间的位置,让X轴参数变小打上关键帧,至于这个数值多少合适,大家可以多多尝试:

v2-468a2fe077b84abcd3021415006434f7_b.jpg

剩下的也是同样的道理,这里就不再啰嗦了,至于关键帧的位置大家看着效果来,在文字速度变慢的地方K就可以。

锚点的位置大家也多动手尝试吧,关键帧的类型我设置为了缓动:

v2-cad5e402d1b6fe86b28fbc9c5e61fbf0_b.jpg

文字颜色这些我就不说了,篇幅太长了今天:

v2-273e2c9e8903a6c5abba9e569cf93d4f_b.jpg

至于原图中间的一条横线,我就直接用钢笔工具画了一个直线,然后通过添加生成-填充,来改变颜色:

v2-31db058607ab917b037a011e2a9b3802_b.jpg

最后导出动图看看效果吧:

v2-9f9f98cf62e62a1e00d85aa4e69f31aa_b.gif

还是没有原图有感觉,不知道有没有其他脚本或者插件一类的可以更加便捷的制作。

今天的内容有点长,但是运用的都是AE的基础操作。感觉这种有点形式感的动画配点BGM会更有感觉:

v2-85fc7daddc5b66746801a70579795d5e.png
https://www.zhihu.com/video/1164291455010492416

下面是今天的视频版:

v2-4ca68d181a0fca0e2d081bc5073e7022.png
https://www.zhihu.com/video/1164311120029634560

好啦,今天的分享就到这里,想要脚本,源文件以及原视频的童鞋撩我获取吧!

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

公众号:野鹿志

老鹿微信:maluyelang6666

苦七微信:766057766

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值