【模板】文字LOGO破碎

By 六月 30, 2016 栏目包装

源教程:AK大神第104节Shatterize


【模板】文字LOGO破碎

首先要做出一个这样的文字。

新建一个文字层,输入这几个文字就好了。如果想做成模板,可以把这个文字层预合成,起名文字修改。然后在合成中添加一个材质图片。

【模板】文字LOGO破碎

【模板】文字LOGO破碎

用文字层做这个材质层的Alpha遮罩。关于通道蒙版这个我在知乎写过一个透明回答,请问ae中这个是什么?怎么做啊?

【模板】文字LOGO破碎

这时候就已经有了金属材质的效果了,但是现在需要给这个文字一种带有厚度的感觉。所以要复制一层文字修改合成,先添加一个填充的效果,将文字合成填充为黑色,因为不能保证之前的文字颜色是什么,当然如果是自己做可以直接改为黑色,后面将复制出的这个合成混合模式改为相加的时候就可以直接过滤掉黑色区域。

再添加一个斜面Alpha效果,在透视里。根据需要调节边缘厚度、灯光角度、灯光强度这些参数,再复制一份这个文字合成,把之前这三个参数都改的小一些。就会变得很有层次了。把这两个带有斜面Alpha 的文字合成混合模式改为相加后,预合成所有图层,起名为文字合成


【模板】文字LOGO破碎

接下来要做的就是这个破碎效果了。用的是AE自带的CC Pixel Polly效果。调节重力值为负数,就会有向中间塌陷的效果。但是要注意这个重力值的大小。再根据需要调节Grid Spacing,影响碎片的大小。

【模板】文字LOGO破碎

要保证破碎后的碎片都能以这种倒三角形的方向发散,数值太小的话碎片就会平行向上分散了。

【模板】文字LOGO破碎

然后给这几个参数添加wiggle表达式。

正常情况下,wiggle表达式为wiggle(X,Y)。X代表抖动频率,Y代表抖动幅度。但是这里的表达式统一X值为0,就是说每秒变化0次,意味着这个变化不被时间影响,在一开始这个数值就会被Y值影响变化,但是这个变化是一次性的,不管以后多长时间,依然会是这个值。

【模板】文字LOGO破碎

给这个文字合成添加遮罩动画,这里我们要在1s后做动画,空出的这1s是用来给文字整体做一个抖动动画的,相应的也要给CC Pixel PollyStart Time(sec)值改为1.意思就是在1s后才开始这个破碎动画。这个 参数在源教程中使用的ae版本没有,我用的是cc 2015,至于哪个版本开始有的我也不知道了,不过cs6以后就很现代了。

所以我们在1s开始的那一帧给文字合成添加一个遮罩,给遮罩路径打上关键帧,在11帧后将这个遮罩移动到文字底层。

【模板】文字LOGO破碎

然后复制12份,每份偏移1帧。

【模板】文字LOGO破碎

然后在1s11帧位置删除遮罩动画。这个时候最底下的遮罩动画已经移动到了最底层,而最上面的遮罩动画刚刚要开始。在这里取消了遮罩动画,使得这12层文字合成的遮罩刚好拼凑起来是一个完整的文字合成

我们的动画只是做了11帧,就是只需要11个图层就能拼凑出一个完整的文字合成了,但是我们之前复制了12层文字合成,就是因为前面的11个图层只是显示了自己的那么一小条而已,需要用一个完整的文字合成来做文字从上到下破碎的效果。就是在1s开始的时候给最下面的文字合成添加遮罩路径关键帧,

【模板】文字LOGO破碎

【模板】文字LOGO破碎

在1s11帧的时候将关键帧向下拖到文字下面,直到看不见文字为止,移动过程的时候会因为CC Pixel Polly效果影响查看,可以暂时先将这个效果取消,完成操作后再显示就可以了。

这时候拖动时间轴已经可以看出动画效果了。

【模板】文字LOGO破碎

遮罩有一个性质,就是显示遮罩内的图层而不是遮罩内的内容。在这个时间线上,文字破碎的碎片已经分散出遮罩范围了,如果是只显示遮罩内的内容的话那么分散出去的内容就不会显示了而只是显示遮罩内的那一条内容,但是如果显示遮罩内的图层的话,因为分散出去的碎片仍然是属于遮罩内显示的那一块文字合成,所以不管分散在哪,仍然是遮罩内的一部分才会显示。如果没有这个性质,这个效果也就出不来了。


【模板】文字LOGO破碎

接下来要做的是给破碎效果添加细节和层次。复制出这12分文字合成。统一放在上面,按住Alt+home键,将开头对齐。添加快速模糊效果,模糊方向为垂直,同时勾选重复边缘像素,在粒子破碎的时候(就是1s11帧的时候)打上关键帧,模糊度为0,在破碎碎片分散出合成外的时候再打上关键帧,模糊度可以给30或者40。

【模板】文字LOGO破碎

然后恢复之前的排序。注意一下这里,有时候模糊的文字层太多,反而会显得杂乱,所以虽然有12层文字层,但是我在工程文件中只显示了四五个的样子,这得看你的文字多不多了。

最后将这20多个文字合成的混合模式改为变亮,源教程是改为相加(Add),但是如果改为相加的话,整体就会太亮了。


【模板】文字LOGO破碎

然后给粒子添加光效,新建一个调整图层,将所有的整体效果添加在调整图层上,就免去了给每一个文字合成都添加效果的麻烦了。

【模板】文字LOGO破碎

先添加一个发光效果。调节发光阀值发光半径发光强度A、B颜色

【模板】文字LOGO破碎

再复制一个发光效果,给发光强度打上关键帧,在文字合成刚刚要破碎的时候亮度为1,随后在完整之后再后几帧,增加亮度,但是也不要太过,4、5就差不多了。

【模板】文字LOGO破碎

然后再复制一层发光效果。增大发光半径,让整个碎片区域都有一个发光的背景。

将这些图层预合成,起名为破碎合成


【模板】文字LOGO破碎

最后一个部分了,就是给这个破碎合成添加摄像机动画,让破碎更有动感。

新建一个空对象,给位置属性一个wiggle表达式,同时要给空对象一个表达式控制/滑块控制。在位置中输入表达式【wiggle(7,】然后拉动位置的橡皮筋工具【模板】文字LOGO破碎将橡皮筋工具拉到空对象的滑块控制中的滑块参数上。【模板】文字LOGO破碎

这时候刚刚的表达式会自动补为:wiggle(7,effect(“滑块控制”)(“滑块”)但是不要忘了在后面再加一个括号结尾,这个括号是属于wiggle(X,y)的括号。

这个过程的意义就是给了空对象的位置属性一个wiggle表达式,但是wiggle的振幅由滑块控制,而不是直接写进去一个数值。这样这个wiggle的振幅我们就可以手动调节了。

我这里是用的中文版AE,如果你用的是英文版的话,可能会因为这个表达式而报错。解决办法是将这行表达式改为:wiggle(7,effect(“Slider Control”)(“Slider”)).【模板】文字LOGO破碎,可以看出在改为英文版后,这个效果名称和参数名称都变为了英文,我们只是把之前表达式中文的部分也相应的改为英文就没关系了。

这时候就可以给这个滑块添加关键帧了,在前1s没有破碎动画的时候,第一帧为1,1s的时候再打上关键帧为20.紧接着下一帧文字刚刚破碎的时候再打上关键帧为40,最后碎片快要消失的时候再打上关键帧为10.这么做的意义就是刚刚文字还没有破碎的时候抖动的幅度越来越大,然后在破碎的时候猛地一震破碎开了。把破碎合成设置为空对象子级

【模板】文字LOGO破碎

然后添加一个Optical Flares光晕插件,在1s的时候拖到文字的上部,给位置打上关键帧,也设置为空对象子级。文字破碎完成时,再将位置移动到文字的底部。同时给光晕的亮度打上关键帧,最开始为0,中间部分可以为100,最后再设置为0.

【模板】文字LOGO破碎

因为光晕层会跟着空对象抖动,所以图层会出现边缘。这时候就需要给光晕图层添加一个动态拼贴的效果,因为空对象最大的幅度为40,所以我们只需要给输出高度、宽度都调整为140就可以了。

最后将光晕图层、空对象、破碎合成都变为3D图层,新建一个摄像机。将时间线移动到1s的时候,给摄像机位置打上关键帧,再回到最开始,给位置Z轴缩小一些。就会有了文字慢慢离我们越来越近的效果。


总结:

  • wiggle(0,Y)的意义
  • 复制12份,完成动画只需要11帧的逻辑关系
  • 利用闪现的灯光制造突然间的氛围

工程文件下载地址:密码54hd

发表回复

让技术与审美并行