这是我制作练习的第四个可视化音乐播放器,相对来说有丁点复杂,步骤些许繁琐,用到的效果不少;我边练习边测试的时候记录了制作过程,方便下次查看笔记,因为是笔记所以只记录了重点关键步骤;
文章的图片比较大默认缩小了,会导致看不清楚,点击下图这个位置的小按钮可以自动通栏显示,增加图片显示面积从而看清内容;
一、对“背景.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)
六、创建pre-compose(预合成)
预合成—-通过text文本代码实现
按住shift键选中遮罩层1和2,点击右键选择pre-compose
命名为【播放器预合成】
七、播放器上色
给播放器预合成添加4-Color Gradient(四色渐变)效果
下面就是上了色的效果,不得不说颜色没调好,目前很难看,不管了先这样,后面再慢慢调色
八、播放器设置前置发光
设置glow效果,明显好看了一些,色彩更鲜艳
九、播放器设置后置发光
将【播放器预合成】复制一份命名为【播放器预合成—背光】
然后添加CC Light Burst 2.5效果
十、开始合成
搞死人,命都快没有了,终于把这篇日志更新完,接下来开始输出视频咯!90秒的视频需要四个小时才能渲染完毕,非常消耗资源,主要是电脑太渣渣了渲染很费力;先睡觉去,明天再更新视频上来;
转载请注明:楚盟网 » AE可视化音乐播放器制作04