ae制作跟随音符跳动的图片

AE 制作跟随音符跳动的图片 这篇教程教飞特的朋友们用AE 制作跟随音符跳动的图片，教程制作的效果有点类似于音 乐播放器的界面效果。制作难度中等。转发过来和飞特的朋友们一起学习。先来看看最终 的效果图 具体的制作步骤如下 1、请先分别下载 声音档、图片素材。 声音文件下载地址为http// AudioBoom/Buddy.zip 图片文件下载地址为http// AudioBoom/Photo.zip 2、打开 AE，把素材通通都扔进去吧。 3、新建 Comp「Command（Ctrl）＋N」 ，取名「Boom 」尺寸 700*350 长度12 秒 Frame Rate 30 。 （图01）图01 4、双击 「Buddy.mp3」 ，点选 Footage 面板下方 Go to Time 按钮，输入1110，按 ｏｋ。 （图02 ） 图02 5、点选 Footage 面板下方设定1110为 Out 点，然后再按下「插入素材按钮」将 MP3 檔放到 Timeline 面板中。 （图03、04）图03 图04 6、上面步骤再做一张图给大家看看， （图05 ） 图05 7、TimeLine 面板中打开 Buddy.mp3 层的所有子项目，可以看到声波，发现最后面没有 切的很准，多了1 、2 格。把它拉回去一点就好了。 （图06 、07） 图06 8、请先存档，准备开始制作了～ 第一步转换声波 1、[Buddy.mp3] 层上右键单击选取「Keyframe Assistant Convert Audio to Keyframes」 ，AE 会自动生出一个新的 layer 层，叫做 [Audio Amplitude] 。 2、点选 [Audio Amplitude]层，看一下 Effect Controls 面板，里面一共生成有3 个效 果，我们只会用到「Both Channels」 ，所以另外两个可以杀掉没关系。 （图08） 图08 3、点选 [Audio Amplitude]层，按「U」 ，并打开 Graph Editot。 （图09） 图09 4、把1110 以后的 Keyframe 通通杀掉。 5、点选 [Audio Amplitude] 层下方的「Slider」全选所有的 Keyframes ，调整上方位 置到30 units 以内。 （图10 ） 图106、音波的 Keyframes 部分准备好了，下面的步骤就来套用这些 Keygrames 吧。 第二步添加图片 1、把下载的 Photo 目录图文件全部拉到 Timeline 面板中。 2、按 「S 」调整 Scale 为25。并打开这4层图片的3D 模式。 （图11） 图11 3、按 「Y」调整4 层图片的轴心位置，通通移到图片的最下方。这里的操作不会很好调， 如果你想要直接输入数值请参考图例。 （图12 、13） 图12 图13 4、接下来，把 Comp 视角改为 Top，我们要来调整图片的位置了。 5、利用位移、旋转把4 层图片排成一个方形。详细数值就不用太在意了，大概就好 啦～（图14 、15 ）图14 6、新增一个 50mm 的 Camera，按「C」调整位置方便观看。 7、选取[Photo-03.jpg][Photo-06.jpg]两层，按「S 」打开 Scale 控件，按着「Alt」 键点选小码表符号，打开 Expression 输入接口。 8、把[Photo-03.jpg][Photo-06.jpg]两层的 Scale 控件里的 「猪尾巴」连结到 [Audio Amplitude] 里面的「Slider」 。 （图16）图16 看一下目前的结果，放大缩小似乎太过强烈点，需要调一下。 第三步修正缩放效果 1、上一步骤中图片的 Scale 数值都是连结 [Audio Amplitude] 里面的「Slider 」 ，因此 要修正缩放强度的话，也是去改动「Slider」的数值就好了。 2、点选 [Audio Amplitude] 层下方的「Slider」全选所有的 Keyframes ，调整下方位 置到10 units 以上。 （图17 ）图17 大家可以看一下自己修正后的结果，顺多了～ 第四步位移动作连结 1、[Photo-16.jpg] [Photo-19.jpg] 这两层一样要连结到 [Audio Amplitude] 里面的 「Slider 」 ，不过这里我们改成用位置来链接。 2、点选 [Photo-16.jpg] ，按「P」 ，按着「Alt」键点选小码表符号，打开 Position 的 Expression 输入接口。 3、把 [Photo-16.jpg] 的 Position 控件里「猪尾巴」连结到 [Audio Amplitude] 里 面的「Slider 」 。 （图18）图184 、看一下结果....哇 位置根本不对，不能这样连啊～现在的 XYZ 轴都跟着「Slider」一 起变动，但我只需要他往横向移动就好了啊～ 所以，接下来只好手动修正了。 5、注意看一下，Expression 里有一组数值[temp, temp, temp] ，这里就是修正重点 啦～，这个数值其实就是 [X, Y, Z]的数值。基本上我只有 X 轴需要连结到「Slider」 ，Y 跟 Z 轴我还是要原来的就好了。 6、这里教大家一个参数「 trans.position[0], trans.position[1], trans.position[2] 」这就是原始轴心的位置，0 1 2 分别代表 X Y Z，所以等下把 Y Z 的数值换掉就好了。 7、回到 [Photo-16.jpg] 的 Position 控件里，把 [temp, temp, temp] 改成 [temp, trans.position[1], trans.position[2]] 。 8、看看效果，X 轴动的不够大，必须调整一下，把数值改成 [-temp*5350, trans.position[1], trans.position[2]] 。 （图19） 图19 9、 [Photo-19.jpg] 也做跟上面一样的动作，数值为 [temp*5350, trans.position[1], trans.position[2]] ，跟另一个只差在一个是负数，一个 是正数喔。 第五步加上一些其他东西 1、首先加上摄影机围绕的动作，这里各位自行调整即可。2、再加上倒影，看起来会比较丰富。3、最后再加了一层白色 Solid 当背景。结束。 （图20）