AE可视化音乐播放器制作04-楚盟网

这是我制作练习的第四个可视化音乐播放器，相对来说有丁点复杂，步骤些许繁琐，用到的效果不少；我边练习边测试的时候记录了制作过程，方便下次查看笔记，因为是笔记所以只记录了重点关键步骤；

文章的图片比较大默认缩小了，会导致看不清楚，点击下图这个位置的小按钮可以自动通栏显示，增加图片显示面积从而看清内容；

一、对“背景.png”这个遮罩层进行设置

点击背景.png层点击P，然后按住Alt点击Position前面的圈圈，这样右边的时间轴窗口就可以输入文本了

文本内容为：wiggle(2,10)

这个文本的意思是：每秒钟震动2下,每下震动10个像素，实际上就是让背景图片晃动；

二、新建一个solid遮罩层（这个层做播放器）

我将这个层自定义命名为“播放器设计”

点击选择圆形工具，在视频中心点拉出一个居中的正圆形（ctrl+shift），这个圆形对应mask1

在effects & presets（特效预设）中找到Audio Spetrum(声音频谱)效果放到mask1遮罩中

三、设置mask2—-这个用来制作进度条

mask2是复制mask1得来（ctrl+d复制快捷键）

在effects & presets（特效预设）中找到stroke(声音波形)效果放到mask2遮罩中

这个效果是用来制作精度条的，100%完全隐藏，0%完全显示

下图中的进度条对应mask2，等比例缩小加上了stroke实现

四、设置mask3

一个起装饰作用的细线正圆形

再添加一个stroke特效得到stroke2，pash路径选择mask3

五、设置时间—-通过text文本代码实现

这个计时器效果是通过文本代码实现的，新建一个文本遮罩层，方法是按住Alt点击Position前面的圈圈，这样右边的时间轴窗口就可以输入文本了，然后在右侧的框框里面输入下面代码

rate = 1;
clockStart = 0;

function padZero(n){
if (n < 10) return "0" + n else return "" + 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)