AE中的音频节奏视觉可视化-无第三方插件

今年是一个不容易的2020，各种困难接踵而来，不过没关系，很快就过去了，今年一直都是在做大数据方面的产品，所以可视化设计也是不可避免的，所以在这难得空闲的两三天，给大家分享一个在音乐方面比较实用的小教程——AE中的音频节奏视觉可视化_无第三方插件。

同时悠闲的两三天，想了想一下职业发展方向，想要学的有很多，希望可以更大家一起加油，一起成长，谢谢！（好久没更新的公众号：放空者设计笔记，也是值得学习的经验文章，感兴趣的小伙伴可以看看哈）

好了，下面我们开始吧！

难度：中等

使用软件：Adobe After Effects CC 2019

教程目录：

• 准备工作

• 前期工作

• 开始表演

• 给点颜色

准备工作

先准备一张简单的背景图备用和喜欢的音乐

前期工作

1、新建画布

2、导入背景图，调整缩放关键帧（大概150左右，可视化自己情况而定）

继续背景图，静态的背景图显得很呆板，所以我们让他优雅的动起来，打开位置的关键帧，按住ALT点一下关键帧按钮，输入抖动的表达式：wiggle(8,40)

到此，我们的前期 的工作就准备完成。

开始表演

1、新建一个纯色的图层并命名为”音频”，然后再音频图层中心位置上画一个椭圆（Ctrl+Shift）；最后修改图层样式为“无”

为什么要新建纯色图层而不是直接画呢？因为我需要得到这个纯色图层上有蒙版这个东西，这个是非常重要的步骤。

• 
  

• 2、在效果与预设上面找到：音频频谱（Audio Spectrum）并应用到“音频”图层上调整效果的参数（此时我们就可以看到蒙版的关键作用了）

2、接下来我们制作音乐播放的进度条

在“音频”上面再复制一个蒙版，得到蒙版2，然后缩小蒙版2的大小（Ctrl+Shift）

2、同样的在效果与预设上面找到：描边（Stroke）并应用到“音频”图层上，调整效果的参数

3、然后再调整起始关键帧（如果是想反方向就是结束关键帧）

4、在“音频”上面再复制一个蒙版，得到蒙版3，作为音频进度的基线

同样的在效果与预设上面找到：描边（Stroke）并应用到“音频”图层上调整效果的参数；以及调整其大小

5、完成了音频进度条肯定也少不了进度读秒，接下来我们就开始做音频时间

新建一个文本图层（命名：时间），在源文件关键帧输入表达式（rate = 1; clockStart = 0; function padZero(n){ return (n < 10 ? "0" : "") + n; } clockTime = Math.max(clockStart + rate* (time - inPoint),0); t = Math.floor(clockTime); min = Math.floor((t%3600)/60); sec = Math.floor(t%60); min + ":" + padZero(sec)）备注：这是一个时间读秒的表达式

6、调整文字的大小、字体和位置

到此基本的必须的效果就完成接下里我们就是把他给美化一下

给点颜色

1、先把时间和音频两个图层给预合成并命名为“可视化音频”

2、同样的在效果与预设上面找到：四色渐变（4-color gradient）并应用到“可视化音频”图层上。调整效果的参数，颜色可以根据自身调，这个四个可以控制颜色距离

3、复制“可视化音频”得到“可视化音频2”。按f4修改图层样式为“屏幕”

4、颜色我们给到，但是还不够酷，我们让他更加真实一点，给他发一下光。给“可视化音频2”在效果与预设添加：2.5 CC光破裂（CC Light Burst 2.5），然后调整一下参数

这样是不是酷多了。

5、最后我们可以根据实际情况给背景调调颜色（我的背景图颜色比较接近，所以我觉得应该调一下）

• 选择背景图层在效果与预设添加：色相/饱和度（Hue/Saturation），然后调整一下参数

我们来看看最终的效果（GIF被压缩的厉害，不够清晰，实在抱歉）

好了，本次教程也就到此结束，感谢大家的观看！