这篇教程教朱峰社区的朋友们用after effects制作三维空间里跳动的球体，教程比较简单制作的效果很漂亮。转发过来和朱峰社区的朋友们一起分享了，教程要用到的素材图片：
第一步
第二步
在photoshop cs3中打开28-photo.jpg。选取「filter > vanishing point」。（图01）
图01
第三步
在vanishing point的编辑窗口中点出地面， 如果地面消失点不合理会显示红线，请微调某一顶点让他变成蓝色框线。（图02、03）
图02
图03
第四步
按着command（ctrl）拖曳地面右方中间的点，将会产生一个新的框线。（图04）
图04
第五步
依序拖曳下面前三张图，将最远方那一面稍微放大一点，以免将来穿帮。（图05、06、07、08）
[next]图05
图06
图07
图08
第六步
完成后，点选左上三角形选单，选取「export for after effect cs3(.vpe)...」。（图09）
图09
第七步
弹出窗口中输出档案，新增一个目录叫做「vpe」，文件名取作「3d space.vpe」。
第八步
photoshop的部份完成了，可以关掉啦。
输入并调整
第九步
打开ae，输入刚刚的vpe檔，「file > import > vanishing point(.vpe)...」。（图10）
图10
第十步
输入以后会看起来没反应，请打开project面板中的「3d space.vpe」这个comp， comp面板中显示如下图。（图11）
图11
第十一步
[next]一开始的时候位置都会跑掉，只要稍微调整就好，请调整「parent」层，调整如图例，调整后应该是这样的。（图12、13）
图12
图13
第十二步
请先存档，存档完后按「c」，轻轻地动一下摄影机看看，你就会发现这是一个真实的3d环境了。
第十三步
玩完以后请undo，回复到刚刚存档时的状态，摄影机运动我们最后一步骤才要做。
做颗小球
第十四步
这里我讲快一点喔～这个步骤不需要跟我做的一样，只要你觉得好看顺眼就好了，不要被教程限制住了，总而言之，不过就是做一颗假的球出来就好了。新增comp，300*300、10秒、每秒30格。（图14）
图14
第十五步
新增solid，新增effect，具体如下图。（图15、16）
图15
[next]图16
第十六步
只有「fractal noise」效果中的rotation有设keyframe，第一格「0度」、最后一格「70度」。
第十七步
套好效果的图层做旋转动作，第一格「0x + 0.0度」、最后一格「1x + 0.0度」，转360度一整圈。（图17）
图17
第十八步
新增一层黑色solid，使用mask圈出大概的阴影位置。（图18）
图18
第十九步
新增一层白色solid，使用mask圈出大概的亮部位置。（图19）
图19
调整摄影机与小球的动作
第二十步
将「ball」这个comp拉到 3d space的timeline面板上。开启3d模式。
第二十一步
选取圆形的mask工具，双击圆形工具。（图20）
图20
[next]第二十二步
ball 层自动产生一个切齐图层边框的mask，但是太大了要缩小，按「command（ctrl）＋t」来缩放，将mask缩放到比球小一点就好，然后调整边缘羽化。（图21、22）
图21
图22
第二十三步
接下来要做球在这个3d空间的运动，请先把comp的视角改成 left 看一下，摄影机跟场景离作业的区域好远啊～，这在作业中会变得很不方便，例如把其他层丢进这个comp，一开始会是看不到的，要特别调整后才看的到。（图23）
图23
第二十四步
请将 camera 和 parent 改成。（图24）
图24
第二十五步
小球的动作.....用文字很难形容，请直接看范例文件，或是参考下图。（图25、26、27）
[next]图25
图26
图27
第二十六步
范例文件中我还有作小球的倒影，这个倒影没甚么技巧，就是基本上连结之前作的小球，然后手动去调整位置。
画面加点震动
第二十七步
作震动最简单的方法就是用expression，所以我们来用吧～
第二十八步
按着alt点选parent下position的小码表图案，然后再expression窗口中输入『wiggle(30,50)』。（图28）
图28
第二十九步
现在会晃了～但是不用这么多吧，我只需要球撞到墙壁的时候，震动一点点就好了。
第三十步
所以必须先将震动转变成可见的keyframes来控制，点选「选单animation > keyframe assistant > convert expression to keyframes」，即可转换成keyframes了。（图29）
[next]图29
第三十一步
把不需要的keyframes杀掉，留下球撞到墙壁的时间点附近一些些keyframes即可。大概是10-14、19-25这几格。expression前面的开关记得关掉，不然还是整个画面在晃喔。（图30）
图30
第三十二步
我最后有让camera动一点点，让整个画面更3d一点，数值请参考。（图31）
图31
教程到此结束，最终效果如下图。（图32、33、34）
图32
图33
图34
20101206102558593.jpg">图29
第三十一步
把不需要的keyframes杀掉，留下球撞到墙壁的时间点附近一些些keyframes即可。大概是10-14、19-25这几格。expression前面的开关记得关掉，不然还是整个画面在晃喔。（图30）
[next]图30
第三十二步
我最后有让camera动一点点，让整个画面更3d一点，数值请参考。（图31）
图31
教程到此结束，最终效果如下图。（图32、33、34）
图32
图33
图34
评论