首页 > 办公 > After Effects > 正文

After Effects制作三维空间里跳动的球体

2024-07-05 05:17:27
字体:
来源:转载
供稿:网友

  这篇教程教朋友们用After Effects制作三维空间里跳动的球体,教程比较简单制作的效果很漂亮。转发过来和朋友们一起分享了,教程要用到的素材图片:

After Effects制作三维空间里跳动的球体  三联

  下面是具体的制作步骤:

  第一步

  请先从以下地址下载工程文件及图片素材

  http://www.colorvfx.com/AE/PRoject/28-VPE/28-VPE.zip

  第二步

  在photoshop CS3中打开28-photo.jpg。选取「Filter > Vanishing Point」。(图01)

After Effects制作三维网格空间 飞特网 AE实例教程

  图01

  第三步

  在Vanishing Point的编辑窗口中点出地面, 如果地面消失点不合理会显示红线,请微调某一顶点让他变成蓝色框线。(图02、03)

After Effects制作三维网格空间 飞特网 AE实例教程

  图02

After Effects制作三维网格空间 飞特网 AE实例教程

  图03

  第四步

  按着Command(Ctrl)拖曳地面右方中间的点,将会产生一个新的框线。(图04)

After Effects制作三维网格空间 飞特网 AE实例教程

  图04

  第五步

  依序拖曳下面前三张图,将最远方那一面稍微放大一点,以免将来穿帮。(图05、06、07、08)

After Effects制作三维网格空间 飞特网 AE实例教程

  图05

After Effects制作三维网格空间 飞特网 AE实例教程

  图06

After Effects制作三维网格空间 飞特网 AE实例教程

  图07

After Effects制作三维网格空间 飞特网 AE实例教程

  图08

  第六步

  完成后,点选左上三角形选单,选取「Export for After Effect CS3(.vpe)...」。(图09)

After Effects制作三维网格空间 飞特网 AE实例教程

  图09第七步

  弹出窗口中输出档案,新增一个目录叫做「Vpe」,文件名取作「3D Space.vpe」。

  第八步

  Photoshop的部份完成了,可以关掉啦。

  输入并调整

  第九步

  打开AE,输入刚刚的Vpe檔,「File > Import > Vanishing Point(.vpe)...」。(图10)

After Effects制作三维网格空间 飞特网 AE实例教程

  图10

  第十步

  输入以后会看起来没反应,请打开Project面板中的「3D Space.vpe」这个Comp, Comp面板中显示如下图。(图11)

After Effects制作三维网格空间 飞特网 AE实例教程

  图11

  第十一步

  一开始的时候位置都会跑掉,只要稍微调整就好,请调整「Parent」层,调整如图例,调整后应该是这样的。(图12、13)

After Effects制作三维网格空间 飞特网 AE实例教程

  图12

After Effects制作三维网格空间 飞特网 AE实例教程

  图13

  第十二步

  请先存档,存档完后按「C」,轻轻地动一下摄影机看看,你就会发现这是一个真实的3D环境了。

  第十三步

  玩完以后请undo,回复到刚刚存档时的状态,摄影机运动我们最后一步骤才要做。

  做颗小球

  第十四步

  这里我讲快一点喔~这个步骤不需要跟我做的一样,只要你觉得好看顺眼就好了,不要被教程限制住了,总而言之,不过就是做一颗假的球出来就好了。新增Comp,300*300、10秒、每秒30格。(图14)

After Effects制作三维网格空间 飞特网 AE实例教程

  图14

  第十五步

  新增Solid,新增Effect,具体如下图。(图15、16)

After Effects制作三维网格空间 飞特网 AE实例教程

  图15

After Effects制作三维网格空间 飞特网 AE实例教程

  图16

  第十六步

  只有「Fractal Noise」效果中的Rotation有设Keyframe,第一格「0度」、最后一格「70度」。

  第十七步

  套好效果的图层做旋转动作,第一格「0x + 0.0度」、最后一格「1x + 0.0度」,转360度一整圈。(图17)

After Effects制作三维网格空间 飞特网 AE实例教程

  图17

  第十八步

  新增一层黑色Solid,使用Mask圈出大概的阴影位置。(图18)

After Effects制作三维网格空间 飞特网 AE实例教程

  图18

  第十九步

  新增一层白色Solid,使用Mask圈出大概的亮部位置。(图19)

After Effects制作三维网格空间 飞特网 AE实例教程

  图19

  调整摄影机与小球的动作

  第二十步

  将「Ball」这个Comp拉到 3D Space的Timeline面板上。开启3D模式。

  第二十一步

  选取圆形的Mask工具,双击圆形工具。(图20)

After Effects制作三维网格空间 飞特网 AE实例教程

  图20

  第二十二步

  Ball 层自动产生一个切齐图层边框的Mask,但是太大了要缩小,按「Command(Ctrl)+T」来缩放,将Mask缩放到比球小一点就好,然后调整边缘羽化。(图21、22)

After Effects制作三维网格空间 飞特网 AE实例教程

  图21

After Effects制作三维网格空间 飞特网 AE实例教程

  图22

  第二十三步

  接下来要做球在这个3D空间的运动,请先把Comp的视角改成 Left 看一下,摄影机跟场景离作业的区域好远啊~,这在作业中会变得很不方便,例如把其他层丢进这个Comp,一开始会是看不到的,要特别调整后才看的到。(图23)

After Effects制作三维网格空间 飞特网 AE实例教程

  图23

  第二十四步

  请将 Camera 和 Parent 改成。(图24)

After Effects制作三维网格空间 飞特网 AE实例教程

  图24

  第二十五步

  小球的动作.....用文字很难形容,请直接看范例文件,或是参考下图。(图25、26、27)

After Effects制作三维网格空间 飞特网 AE实例教程

  图25

After Effects制作三维网格空间 飞特网 AE实例教程

  图26

After Effects制作三维网格空间 飞特网 AE实例教程

  图27

  第二十六步

  范例文件中我还有作小球的倒影,这个倒影没甚么技巧,就是基本上连结之前作的小球,然后手动去调整位置。

  画面加点震动

  第二十七步

  作震动最简单的方法就是用Expression,所以我们来用吧~

  第二十八步

  按着Alt点选Parent下Position的小码表图案,然后再Expression窗口中输入『wiggle(30,50)』。(图28)

After Effects制作三维网格空间 飞特网 AE实例教程

  图28

  第二十九步

  现在会晃了~但是不用这么多吧,我只需要球撞到墙壁的时候,震动一点点就好了。

  第三十步

  所以必须先将震动转变成可见的Keyframes来控制,点选「选单Animation > Keyframe Assistant > Convert Expression to Keyframes」,即可转换成Keyframes了。(图29)

After Effects制作三维网格空间 飞特网 AE实例教程

  图29

  第三十一步

  把不需要的Keyframes杀掉,留下球撞到墙壁的时间点附近一些些Keyframes即可。大概是10-14、19-25这几格。Expression前面的开关记得关掉,不然还是整个画面在晃喔。(图30)

After Effects制作三维网格空间 飞特网 AE实例教程

  图30

  第三十二步

  我最后有让Camera动一点点,让整个画面更3D一点,数值请参考。(图31)

After Effects制作三维网格空间 飞特网 AE实例教程

  图31

  教程到此结束,最终效果如下图。(图32、33、34)

After Effects制作三维网格空间 飞特网 AE实例教程

  图32

After Effects制作三维网格空间 飞特网 AE实例教程

  图33

After Effects制作三维网格空间 飞特网 AE实例教程

  图34


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表