页面载入中...

AE制作流行的抖音故障动效

xingAfter Effects, 2018-08-220

 来源:站酷  作者: Munchen

先看看效果图

AE制作流行的抖音故障动效,PS教程,素材中国网

动效分解

首先我们来分析一下这个动效的构成:

1.抖音动效

2.故障动效

3.转场

4.一些细节

准备工作

掏出自己的个人logo

AE制作流行的抖音故障动效,PS教程,素材中国网

准备一个背景。我比较喜欢在ps里做好了导入到AE里。

ok,导入,开工!

AE制作流行的抖音故障动效,PS教程,素材中国网

抖音部分

把logo拖入背景合成里(psd文件默认有一个合成)并复制3次,分别做上RGB的命名后缀,并分别填充R G B 这三色。

看到这里是不是觉得步骤有点眼熟了,在ps里 做 抖音风的海报,也需要将目标复制3次,图层样式里,单独勾选通道RGB,让然后将红色通道的图层偏移一下,然后就形成了抖音效果。

那么在AE怎么做出ps里的效果呢?

我们将RGB这三个图层选中,把模式选成"屏幕"。是不是很神奇。

AE制作流行的抖音故障动效,PS教程,素材中国网

那么,怎么让这个抖音效果动起来呢。这时候需要用到wiggle表达式

按住 alt键 用鼠标左键点击 位置的这个秒表。 右侧的时间轴里出现了一个输入框,输入wiggle(5,10)

注意在写表达式的时候一定是英文小写,不然会报错。

AE制作流行的抖音故障动效,PS教程,素材中国网

wiggle表达式:让目标随机抖动。

表达式中的第一个数字代表每秒抖动的次数,第二个数字则代表抖动的像素。所以在位置的参数中加入表达式wiggle(5,10)就意味着每秒抖动5次,每次抖动10个像素。

ok,那么抖音这部分完结。选中这三个图层,shift+ctrl+c 预合成。

AE制作流行的抖音故障动效,PS教程,素材中国网

故障部分

故障效果再分解一下 是:噪波效果+置换图

噪波效果:

ctrl+Y新建背景图层--效果--杂色和颗粒--分形杂色

AE制作流行的抖音故障动效,PS教程,素材中国网

接下来要对 分形杂色进行 一些面板参数设置,可根据自己喜好调节。

杂色类型:块

对比度和亮度根据自己喜好调节这里推荐(230,-20)

变换(统一缩放 去掉勾)缩放宽度决定 故障效果里故障格子的宽度, 同理缩放高度影响故障格子的厚度

演化 这里出现第二个表达式 time表达式 time*2000

时间表达式:用来做循环动画。

如果你想让一个物体不停地旋转,你可以在旋转参数中输入time,物体就会每秒转动一度。time*2000是之前默认转速2000倍。

AE制作流行的抖音故障动效,PS教程,素材中国网

看看效果。

AE制作流行的抖音故障动效,PS教程,素材中国网

完成之后 记得 shift+ctrl+c新建预合成 选择 将所有属性移动到新合成

那么如何让这个噪波效果跟logo关联起来呢,这里需要用到调整图层--置换图

调整图层--置换图

先把噪波效果隐藏起来

新建调整图层--效果--置换图

AE制作流行的抖音故障动效,PS教程,素材中国网

水平最大置换 和竖直置换的参数 根据自己的喜好来调整。效果如下。

AE制作流行的抖音故障动效,PS教程,素材中国网

ok 现在 故障+抖音效果已经全部完成了。。但是现在的效果太魔障了。。

接下来需要做的是对 调整图层的时间轴进行裁剪。

AE制作流行的抖音故障动效,PS教程,素材中国网

ok 同理加上 另外的一个名字logo

通过对时间轴的裁剪 出现了logo转场的效果。

AE制作流行的抖音故障动效,PS教程,素材中国网

我们看看最终效果

AE制作流行的抖音故障动效,PS教程,素材中国网

我们还可以加上更多细节。

比如多复制几个logo 调整位置和 大小比例 造成 logo空间撕裂的感觉。

比如 调整图层--效果--不良电视信号2

有兴趣的同学可以上更多效果。

AE制作流行的抖音故障动效,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信