相关分类
AE实例教程
AE特效教程
AE视频教程
VIP会员AE教程
飞特网 顶部通栏广告

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

wjkrfaie发布于:2012-3-2 20:11 |原作者: 网痴转稿| |来自:飞特网会员转稿
wjkrfaie
云南省 昆明市 网页设计师
发私信 + 关注
简介: 本教程向FEVTE的朋友们介绍利用AE制作跟随音符跳动的图片,教程难度适中,制作的效果有点类似于音乐播放器的界面效果。喜欢的朋友快来学习一下吧! ... ... ... ...

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)

AE制作跟随音符跳动的图片 飞特网 AE实例教程

图16

看一下目前的结果,放大缩小似乎太过强烈点,需要调一下。

第三步:修正缩放效果

1、上一步骤中图片的Scale数值都是连结 [Audio Amplitude] 里面的「Slider」,因此要修正缩放强度的话,也是去改动「Slider」的数值就好了。

2、点选 [Audio Amplitude]层下方的「Slider」全选所有的Keyframes,调整下方位置到10 units以上。(图17)

AE制作跟随音符跳动的图片 飞特网 AE实例教程

图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)

AE制作跟随音符跳动的图片 飞特网 AE实例教程

图18

 4、看一下结果....哇 位置根本不对,不能这样连啊~现在的XYZ轴都跟着「Slider」一起变动,但我只需要他往横向移动就好了啊~ 所以,接下来只好手动修正了。

5、注意看一下,Expression里有一组数值[temp, temp, temp],这里就是修正重点啦~,这个数值其实就是 [X, Y, Z]的数值。基本上我只有X轴需要连结到「Slider」,Y 跟 Z 轴我还是要原来的就好了。

6、这里教大家一个参数「 transform.position[0], transform.position[1], transform.position[2] 」这就是原始轴心的位置,0 1 2分别代表X Y Z,所以等下把Y Z的数值换掉就好了。

7、回到 [Photo-16.jpg] 的Position控件里,把 [temp, temp, temp] 改成 [temp, transform.position[1], transform.position[2]] 。

8、看看效果,X轴动的不够大,必须调整一下,把数值改成 [-temp*5+350, transform.position[1], transform.position[2]] 。(图19)

AE制作跟随音符跳动的图片 飞特网 AE实例教程

图19

9、 [Photo-19.jpg] 也做跟上面一样的动作,数值为 [temp*5+350, transform.position[1], transform.position[2]] ,跟另一个只差在一个是负数,一个是正数喔。

第五步:加上一些其他东西
1、首先加上摄影机围绕的动作,这里各位自行调整即可。
 

2、再加上倒影,看起来会比较丰富。
 

3、最后再加了一层白色Solid当背景。结束。(图20)

AE制作跟随音符跳动的图片 飞特网 AE实例教程

图20

FEVTE编注:更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目,地址:https://www.fevte.com/moive/AE/AESL/

123
16

好评
16

差评

刚表态过的朋友 (32 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

wjkrfaie
云南省 昆明市 网页设计师
+关注 发私信
发表评论

最新评论

引用
梦想chinnpinn发布于:2013-7-25 10:35
上来直接3D图层,趟不牢阿,来个平面的,方便学阿

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计