ae制作跟随音符跳动的图片
AE 制作跟随音符跳动的图片 这篇教程教飞特的朋友们用AE 制作跟随音符跳动的图片,教程制作的效果有点类似于音 乐播放器的界面效果。制作难度中等。转发过来和飞特的朋友们一起学习。先来看看最终 的效果图: 具体的制作步骤如下: 1、请先分别下载 声音档、图片素材。 声音文件下载地址为: AudioBoom/Buddy.zip 图片文件下载地址为: 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 按钮,输入11:10,按 ok。 (图02 ) 图02 5、点选 Footage 面板下方设定11:10为 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、把11:10 以后的 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*5+350, trans.position[1], trans.position[2]] 。 (图19) 图19 9、 [Photo-19.jpg] 也做跟上面一样的动作,数值为 [temp*5+350, trans.position[1], trans.position[2]] ,跟另一个只差在一个是负数,一个 是正数喔。 第五步:加上一些其他东西 1、首先加上摄影机围绕的动作,这里各位自行调整即可。2、再加上倒影,看起来会比较丰富。3、最后再加了一层白色 Solid 当背景。结束。 (图20)