AE可视化音乐播放器制作04

[evp_embed_video url=”https://cdn.5yun.org/Media/video/14965.mp4″ poster=”http://www.5yun.org/images/14965.jpg” template=”mediaelement”]

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

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

图片[1]-AE可视化音乐播放器制作04-祖传电工

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

图片[2]-AE可视化音乐播放器制作04-祖传电工

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

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

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

二、新建一个solid遮罩层(这个层做播放器)

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

图片[3]-AE可视化音乐播放器制作04-祖传电工

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

图片[4]-AE可视化音乐播放器制作04-祖传电工

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

图片[5]-AE可视化音乐播放器制作04-祖传电工

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

mask2是复制mask1得来(ctrl+d复制快捷键)

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

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

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

图片[6]-AE可视化音乐播放器制作04-祖传电工

四、设置mask3

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

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

图片[7]-AE可视化音乐播放器制作04-祖传电工

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

图片[8]-AE可视化音乐播放器制作04-祖传电工

这个计时器效果是通过文本代码实现的,新建一个文本遮罩层,方法是按住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

图片[9]-AE可视化音乐播放器制作04-祖传电工

命名为【播放器预合成】

图片[10]-AE可视化音乐播放器制作04-祖传电工

七、播放器上色

给播放器预合成添加4-Color Gradient(四色渐变)效果

下面就是上了色的效果,不得不说颜色没调好,目前很难看,不管了先这样,后面再慢慢调色

图片[11]-AE可视化音乐播放器制作04-祖传电工

八、播放器设置前置发光

设置glow效果,明显好看了一些,色彩更鲜艳

图片[12]-AE可视化音乐播放器制作04-祖传电工

九、播放器设置后置发光

将【播放器预合成】复制一份命名为【播放器预合成—背光】

然后添加CC Light Burst 2.5效果

图片[13]-AE可视化音乐播放器制作04-祖传电工

十、开始合成

搞死人,命都快没有了,终于把这篇日志更新完,接下来开始输出视频咯!90秒的视频需要四个小时才能渲染完毕,非常消耗资源,主要是电脑太渣渣了渲染很费力;先睡觉去,明天再更新视频上来;

图片[14]-AE可视化音乐播放器制作04-祖传电工

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片