最新消息:不要跟我说什么底层原理、框架内核!老夫敲代码就是一把梭! 复制,粘贴,拿起键盘就是干!!

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

AE 楚盟 1541浏览 0评论

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

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

一、对“背景.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

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址