前面分享了Plugin Everything团队开发的7个AE插件:
当时文章分享了一个叫做AutoFill的自动填充动画插件:
我想很多做平面的鹿友应该都会用,尤其是在一些字体设计,插画和动画,LOGO的演绎和展示等方面。所以我今天就来分享一下插件自动填充的参数分析,也用它做个小案例。
在介绍01AutoFill参数之前,先简单说明一下AutoFill的工作逻辑。它以图层或图片的透明度作为填充和生长的方向,不设置关键帧。你只需要设置成长的起点,点击播放按钮,自动形成动画。官方的描述是除了相机图层和空物体图层,支持左右图层,适用于所有文件格式,包括矢量格式ai和eps。将插件安装到AE安装路径下的Plugin文件夹中。如图,我新建了一个文字层,你可以在效果插件Everything里找到自动填充:
添加自动填充后,默认以一个点为增长源,在视图中可以移动增长点的位置。单击播放键播放动画:
以下是以点为生长源的一些参数。其实都很好理解。我在这里给你标出来了,有几个是单独讲解的。查看:可以可视化增长源,默认不勾选。如果点是生长,检查后只能看到生长源是一个点,没用。预览:原始图层将是半透明的,默认选中,这将有助于我们定义增长的起点。点数:最多5。
接下来是噪声增长模式中的一些参数,实际上类似于AE内置的分类噪声作为增长源,所以大部分参数与分类噪声中的参数相同。观点:在噪波增长模式的情况下,勾选后可以看到噪波的变化,但似乎不是预测动画实际增长的好方法。建议默认不选。持续时间:指的是生长源从黑色变成全白色需要多长时间。默认时间是500帧。重新模拟:每个成长模式其实都有一个重新模拟的按钮。官方的建议是,使用噪波增长模式时,直接点击播放按钮可能会出错,建议点击此按钮重新模拟。
最后是层生长模式,可以灵活利用层的遮罩和效果来触发生长。我还没有用过这个模式,所以没有太多可以分享的。实际使用中可以多尝试。另外,官方的建议是,如果在使用图层生长模式时没有生长动画,可以点击查看生长来观察生长来源:
顾名思义,增长率没什么好说的。这里可以引入边界强度。默认强度为100。在图中所示的情况下,因为四个字母是断开的,所以动画将只以默认的强度填充第一个字母。如果你想让它填满所有的字母,你需要降低边界强度或者尝试噪波增长模式:
下一张速度图是一个非常重要的功能。在之前版本的自动填充中,这里只有两个选项,即无和用户层。当我们选择为none时,可以看到成长动画是一个像圆一样向外展开的动画,非常僵硬:
所以通常我们会自己设置一个图层作为速度图,通过它的亮度通道或者透明通道来控制动画生长的速度,比如越亮的地方,透明的地方越快:
在这个版本的AutoFill 1.1中,增加了一个自动选项,这也是默认选项。默认情况下,图层本身将被制作成速度图并添加到函数中。让直接添加自动填充后的动画不像之前那么平淡,还可以通过参数调整自动设置的速度图:
构图上有几个选项我觉得可以提一下。第一种是忽略前面的效果。例如,我在自动填充之前使用了填充:
选中时,它会在添加自动填充之前忽略所有效果:
反转透明遮罩,默认情况下,它会填充动画。检查完后,反转动画,就可以做出类似解散的动画了:
这是另一种填充颜色,您可以选中“复合原始”以在您指定的混合模式中将此填充颜色叠加到原始颜色上:
我们以这个字母填充图为例。字母本身是一个边界框。您可以扩展或收缩此边界框,也可以设置动画在开始前将延迟多少帧:
高级有三个参数:模糊半径、曝光和伽玛值:
说明它们是与自动填充的内部工作原理相关的官方参数。我没有深入研究过它们,应该很少使用它们。感兴趣的鹿友也可以查看插件的官方文档:
这个重新模拟的最后一个按钮非常有用。它将清除自动填充的GPU缓存和AE的缓存,并从头开始模拟。如前所述,如果有错误,您可以使用噪声增长模式。另外,如果在自动填充的相关参数上设置关键帧,动画很容易闪烁。你也可以在这个时候使用它:
基本上参数我们都过了一遍,大部分还是很简单的。接下来进入案例链接。
02案例动画部分前面提到过,自动填充非常适合字体设计展示,插画成长动画,LOGO演绎。但是以上我都不会。我只会操作软件,所以准备用图片素材来制作。幸运的是,我在pixabay上找到了两个可以买到的图片资料,刚好适合做案例研究。感谢图片原作者:
johnhain的原始照片
原图:GDJ
然后放到PS里横向翻转,适应两张图的大小。不用说,这一点:
把两张图导入AE,我们一张一张来。首先,这个有着透明通道的大脑迷宫:
首先,我添加了一个色调,将图片的黑色部分变成白色,白色部分变成黑色:
使用提取来挑出白线:
使用简单的阻塞工具使绘图更清晰:
再一次,添加了一个色调来给图片重新着色:
添加自动填充,并调整点的位置和半径。此时点击播放按钮,你会发现只有填充在起点不动:
这是因为切出图实际上是断开的,所以边界强度降低了。动画正常生长,看效果可以调整速度,但是现在动画是圆形的,扩散的形状,很平淡:
我们需要自己做一个速度图来控制动画的增长速度,所以直接复制图片,删除不必要的色调和自动填充:
在速度图中选中这一层,使用它的蒙版和效果,速度图的影响力更大,让动画像画迷宫一样成长:
如果你不想让动画太难,你可以在速度贴图中添加高斯模糊,这样会更平滑:
现在生长动画会直接生长全脑迷宫。我想要的只是一些类似于被扫掉的扩散边缘,所以我会直接复制自动填充。其他参数不需要调整,只检查反向透明蒙版,动画延时5帧,这样扫光的效果出来了,还保留了画迷宫的感觉:
然后我觉得只是线条有点平,就加了一个Shadow Studio2,也是Plugin Everything团队开发的,然后把投影的不透明度降低了一点:
另一个深辉光,也是由他们开发的,被添加,照明半径和颜色的混合被修改:
基本上第一张图片就处理完了,后面的图片其实处理起来很简单。将其拖动到第二张图片中,该图片没有透明通道:
然后我把它挖出来重新上色。在这里,其实我去掉了第一张图中用来反转黑白的第一个色调效果。直接复制其他几个特效就行了,包括第一个没有反转的自动填充:
复制Shadow Studio2和第一张图片的深辉光:
然后,在Shadow Studio2的阴影透明度和深辉光的曝光值上K关键帧,使其逐渐变为0。记得将关键帧更改为慢进和慢出:
这样,第二层也做得很好。很快,再次复制第二层,删除Shadow Studio2,深辉光和用于着色的色调:
让它在自动填充中延迟大约10帧:
然后我给第三张图片加了锐化,把第一张图片放在最上面:
创建一个新的纯色层,并添加一个径向渐变作为背景。不用说:
新的调整图层会产生曲线色调:
提前导入准备好的文字排版图片。之前做GDC海报动画效果的时候,有鹿友想知道最后的文字扫动效果是怎么做的。其实就是在特效-转场中加入CC光划,在完成的参数上加上K关键帧,然后改变强度,把形状改成Doors:
最后我觉得二楼的图太亮了,所以发光半径减小了。最后导出来看看效果:
移动的画面被压缩得很厉害。下面是今天的视频版:视频版稍后会单独发,今天的分享就到这里。想要原始视频源文件的陆游会让我在后台获取它!更多内容请关注微信官方账号:本文由野鹿发布转载前请联系马陆夜郎。