当前位置:首页 >教程首页 > After Effects >AE动效教程:制作流行的抖音故障

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

发布时间:2019-04-24 09:43:49

抖音里经常会看到一些酷酷的故障动效,那这是怎么做的呢?今天就给大家分享一篇AE动效教程,教你如何制作流行的抖音故障动效,一起来看吧!

最终效果图:

1.gif

动效分解

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

1.抖音动效

2.故障动效

3.转场

4.一些细节

准备工作

掏出自己的个人logo

2.png

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

ok,导入,开工!

3.png

抖音部分

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

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

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

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

4.png

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

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

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

5.png

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

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

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

6.gif

故障部分

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

噪波效果:

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

7.png

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

杂色类型:块

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

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

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

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

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

8.png

看看效果。

9.gif

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

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

调整图层--置换图

先把噪波效果隐藏起来

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

10.png

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

11.gif

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

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

12.gif

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

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

13.png

我们看看最终效果

14.gif

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

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

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

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

15.gif

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定