今年是一个不容易的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),然后调整一下参数

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

Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)