原标题:(图文版)AE野教程:那種文字拉伸动画如何制作
国庆愉快鹿友们都出去玩了吧,我还在家里试效果呢来看问题吧:
原视频的帧数比较多,由于公众号只能上傳300帧以内的动图所以我删减了视频前面一部分内容转成动图大家看看吧:
图片源于网络 如侵请联删
这个效果看起来简单,但是有很强的形式感本来是上一篇发文就想写的,但是后面的拉伸效果一直没有尝试出来:
因为我平常用AE最多的部分其实是三维渲染之后的调色所鉯对于AE的很多特效、表达式等都不熟悉。
以至于这么一个简单的文字动画效果都琢磨了好久这不,国庆反正也不打算出门就继续在家研究。
又捣腾了两天可算是试出来了AE熟手估计分分钟就能搞定这个效果吧。
最近有几位鹿友问了好几个用AE制作的的文字动画特效我也咑算找机会逐一尝试一下,正好可以就让自己对AE有个入门的了解
对AE还不熟悉的鹿友我们就一起从这篇简单的文字动画来熟悉AE的操作吧。
來吧一起来用AE制作一个文字拉伸动画吧!
开始之前再啰嗦一句,分享给对AE还比较陌生的鹿友:
AE也是一个体系很庞大的软件有着各种预設、脚本、插件,我们在对软件本身的学习有一定的基础以后要学会善于利用各种脚本或者插件,这样可以大大的提高我们的效率
本篇文章也会使用到AE的脚本,先说一下脚本的安装方法吧首先打开AE,执行编辑-首选项-常规:
务必保证允许脚本写入文件和访问网络这一项嘚前面打上勾:
由于AE的脚本多种多样有一些是需要存放在AE安装目录的s里,有一些是需要存放在UI Panels里
文末我会直接把我的s文件夹打包发给夶家,里面包含了我安装的AE所有脚本以及脚本管理器供有需求的鹿友使用:
安装脚本以后,重启AE就可以在窗口下面看见你安装的脚本叻,有一些脚本需要借助脚本管理器调用:
你可以把它们放置在界面上下次启动AE的时候就可以直接使用了:
脚本安装完毕以后,进入正題吧新建一个正方形的合成,暂时先弄300帧吧:
再分别新建一个黑白纯色图层这一步不用多说吧:
第一个是从上下各自伸展开的文字动畫,首先打上文字黑色ai描边粗细改不了无填充色:
这个时候你会发现文字的锚点是在左下角,如果直接对文字进行缩放就不是很方便所以默认情况下我们是通过AE界面上方的锚点工具来对图层的锚点进行手动位移。
但是这样效率不高这里我们就需要借助这个叫做Motion2的脚本,点击红色箭头处可以直接通过面板上的指示来修改锚点位置,相当方便:
首先将文字的锚点居中调整好文字的大小以后,使用motion2将锚點放置于文字的顶部:
选中文字层按快捷键S调出缩放属性,取消比例锁定:
前面的缩放动画我们都做10帧吧先在第10帧K上原尺寸,再回到苐0帧将高度尺寸改为0:
下方的文字也是同样的道理,这个确实就没什么好说的了今天的案例效果前面部分确实是太简单了,配合脚本操作是很快的就当作是一个小练习吧:
动画做好以后,选中所有图层快捷键康秋加谢伏特加C,把他们添加到预合成里这样第一个文芓动画就做好了:
做好以后可以隐藏掉第一个预合成,然后继续新建纯色图层开始做第二个动画:
第二个动画是文字从左上角和右下角进荇的等比缩放动画这个更简单,直接做好其中一个文字动画以后康秋加D复制一份出来。
更改一下文字的锚点和位置就可以了这里我覺得细一点的字体要好一些,所以统一将文字的粗细修改了一下:
弄完以后同样再康秋加谢伏特加C添加到预合成然后搞第三个文字动画:
就这样我做了五个简单的文字缩放动画,这里就不都写出来了这也不是今天文章的重点。
做好以后选中五个预合成按噢特儿加向右嘚方括号键裁掉多余的部分:
同样在选中所有预合成的前提下,我们在脚本管理器中找到这个叫做层时间偏移的脚本
双击以后数值输入10幀,这样所有的预合成就会统一偏移10帧是不是很方便,灵活使用脚本会比手动效率高很多:
预览了一下觉得10帧太快了点,所以我又改荿了15帧:
搞定了前面五个简单动画之后我们来做后面比较麻烦的部分吧,我把后半段的动画单独弄了出来大家再看看吧:
图片源于网络如侵请联删
1、上半部分和下半部分的动画是不一样的,需要分开做
2、上下部分都有拉伸扭曲的效果,都有位移动画文字都有回弹的感觉,背景色以及文字的填充或者ai描边粗细改不了色会变化
3、下半部分的文字还有X轴压缩的动画。
大概这样吧先做下半部分的动画吧,如图所示拉参考线参考线的使用方法和Ps以及Ai一样:
先批量的打上这些文字吧:
利用这个拆分文字的脚本,可以把这一串文字按词进行拆分:
对拆分后的每一组文字再调整一下尺寸:
先做其中一组文字的位移动画吧第0帧如图所示的位置位置,快捷键P键调出位置属性打上關键帧:
30帧的时候让它移动到如图所示的位置:
然后按快捷键S键调出缩放属性,取消等比缩放打上关键帧:
到60帧的时候,让X轴缩放为0咑上关键帧注意锚点的位置哦:
由于每组文字的位移是一样的,所以可以直接复制第一组文字的关键帧粘贴给其他词组:
缩放动画的话甴于每组词的尺寸不一样就手动K一下,这个不难也不麻烦这里就不赘述了:
再选中所有词组用层时间偏移脚本统一向前偏移30帧:
这个時候播放文字,你会发现文字的位移以及缩放动画很呆板
选中其中所有词组的位置属性,点击图标编辑器我们可以看到,这是因为默認的关键帧动画是线性的:
而我们的参考案例应该是一开始速度很快然后渐渐慢下来有点停顿的感觉,然后又很快这样重复。
所以我們需要在图表编辑器里框选关键帧点击缓动,这样动画的速度就是缓入缓出:
然后通过调整曲线上的手柄把曲线调整成如图所示的样孓,这个就代表着速度一开始很快然后逐渐变慢:
缩放属性也需要同样的调整曲线,这里就不再重复了:
每组文字的缩放以及位移动画嘟做好以后先把它们添加到一个新的预合成里:
为了方便观察,先暂时给一个白色的纯色图层作为背景下面制作文字拉伸的效果了。
這个是我之前是把AE效果里的所有扭曲的特效都试了一遍没有得到满意的结果。
然后又挨个挨个的尝试结果在过渡里找到了这个叫做CC Scale Wipe的效果,翻译成中文叫做尺度擦出:
我们把方向改为90度然后通过控制强度以及作用点的位置,就可以做出这个拉伸的效果出来了不容易啊不容易:
拉伸的效果做好以后,这个文字回弹扭曲的感觉还没有如果但是做弹性动画的话,Motion2就可以做出回弹的感觉来
但是我尝试过鉯后,发现效果不好因为参考图不仅有回弹,回弹的时候还有尺寸上的变化所以我这里是手K的。
快捷键S调出预合成的缩放属性取消等比缩放,在大概20帧的位置打上一个关键帧:
在35帧的样子缩放数值不变打上关键帧:
然后让在大概中间的位置X轴缩放数值变成135打上关键幀,这样缩放的动画就是从原尺寸变大然后又恢复原尺寸的效果:
这里我们需要用锚点工具手动的调整一下锚点的位置,缩放的感觉就對了:
框选这些关键帧可以用Motion2的克隆功能把关键帧复制到自己想要的位置:
背景颜色的变换就直接是多个不同颜色的纯色图层,裁剪以後用脚本进行时间上的偏移这个不难:
文本的颜色变化在文本属性里,点击动画可以进行对填充色或者ai描边粗细改不了色K关键帧,这個也就不多说了:
上半部分还要简单一点打字,文字拆分调整大小这一步不用多说了吧:
快捷键P调出位置属性,第0帧起始位置打上关鍵帧然后第30帧走到如图所示的位置,打上关键帧:
第60帧走完打上关键帧:
将位置关键帧复制给其他词组:
同样用层时间偏移脚本将几個层偏移30帧:
不要忘记也要修改速度曲线:
同样将词组添加到预合成里:
S键调出缩放属性,取消等比缩放大概15帧的位置打上关键帧:
然後大概30帧的位置,让缩放X轴放大:
在两个关键帧中间的位置让X轴参数变小打上关键帧,至于这个数值多少合适大家可以多多尝试:
剩丅的也是同样的道理,这里就不再啰嗦了至于关键帧的位置大家看着效果来,在文字速度变慢的地方K就可以
锚点的位置大家也多动手嘗试吧,关键帧的类型我设置为了缓动:
文字颜色这些我就不说了篇幅太长了今天:
至于原图中间的一条横线,我就直接用钢笔工具画叻一个直线然后通过添加生成-填充,来改变颜色:
最后导出动图看看效果吧:
还是没有原图有感觉不知道有没有其他脚本或者插件一類的可以更加便捷的制作。
今天的内容有点长但是运用的都是AE的基础操作。感觉这种有点形式感的动画配点BGM会更有感觉:
好啦今天的汾享就到这里,想要脚本源文件以及视频版的童鞋撩我获取吧!
更多内容欢迎关注公众号: