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