UI·交互设计

【后期笔记】AE制作闪电效果

2019-02-19  本文已影响0人  Maolpha

文章分两部分,第一部分是B站土豆的原创教程,利用AE自带的插件制作闪电效果,第二部分是我自己写的三方插件制作.
比较推荐使用自带的,虽然三方插件的效果更好,但是毕竟要安装,如果换一个环境打开工程的话就会很麻烦.

一\AE自带插件制作小闪电

教程来自:https://www.bilibili.com/video/av36164604
土豆的教程非常好,建议关注这个UP,声音还好听

这个笔记主要是对教程中我感兴趣的部分单独做了一点简要的记录,不涵盖整个视频内容,想看完整教程还是去B站看吧

1.用钢笔工具画一条曲线,Fill选择None,Stroke选择一个颜色,设置粗细,视频里有曲线的生成和消失动画制作过程,我懒得写了

曲线

2.添加效果Distort(扭曲) - Turbulent Displace(湍流置换)
参数可以随便调,差不多跟图中的有一点像就行,可以自己调整下Complexity的值感受下曲线的鬼畜变化
Displacement也不用非得要Turbulent,其他的也可以尝试一下,不过说实话扭的差别不大...
Evolution演化,改变这个值可以让湍流动态变化,可以利用time*一个数字的表达式来制作演化,视频里有这段操作

参数
弄完了是这样的,偏MG动画风格的闪电
参数不是上面那张的,我调了一下,还加了个Glow

这篇文章的主要目的是记录湍流置换可以制作闪电的效果,这是AE内置的效果插件的应用,视频教程中还有后续的美化过程,我就懒得记录了.

二\第三方插件制作闪电

第三方的插件也可以搞定这种闪电效果,比如Saber

3D Stroke来绘制曲线,好处是比自带的钢笔工具可调节的参数更多更方便.可以调整羽化值,一键复制,设置两端的粗细变化等等等等...样式会更丰富

不过一旦应用了Saber之后,这些效果都会失效,这里只是提一下3D Stroke这个插件

新建Solid图层-添加3D Stroke效果-用钢笔工具在Solid图层上画曲线

image.png

1.新建一个Solid图层,在上面钢笔画一条曲线,画出来是没有显示的,只有钢笔路径在上面,不用管

只有路径没有描边也没关系

2.应用Saber到已经画了曲线的图层上
Customize CoreCore Type选择Layer Masks,描边就出现特效了

默认特效

3.选择合适的预设,在Preset(预设)里挑一个,这里选择了Wavelet

选完了发现出现了一条橙色的曲线
这条橙色的曲线很烦,但是它是这个效果的Core,外面的闪电图样是Glow,所以作为'核心'这条线应该是去不掉的,只能改变其样式,如果有人知道这个预设怎么去掉这条线只要Glow部分的话请务必留言指出

修改了颜色和密度等选项后变成了这样,可以看到修改了Core Size之后烦人的曲线也变粗了

image.png

一定要干掉这个恶心的曲线

我做了两件事
1.打开了Distortion(扭曲)-Core Distortion(核心扭曲)面板,这个面板是专门控制这条曲线的效果的,选择Distortion TypeEnergy,然后适当增大了Distortion Amount数值,另外一定要做的就是把Blend on Top(混合置顶;我自己翻译的,图个意会就行)这个选项去掉!去掉!去掉!
其他参数只是我随手调的,不用管他们

参数
这个时候那条曲线就变成了散碎的装饰特效
碎了

2.调节如下图中的参数,重点在于Core Size这个参数上,调到0.01或者0.001都行,总之越小越好,不能为0,不然这闪电就没有了
改完了闪电颜色就变得巨淡,这时候要疯狂拉大Glow Bias(最大只有5)Glow Intensity这两个数值,这两个数值只调整Glow也就是那道大闪电的属性,不会管Core的

image.png
调完上面的属性,我的闪电就变成了这样
尽力了!
Core线条变成了非常细碎的小装饰,也蛮好看的,这样闪电就做完了

当然其他有些预设里Core的外观影响是非常小的,也是可以选择的,这里以Wavelet这个预设为参考案例制作而已

上一篇 下一篇

猜你喜欢

热点阅读