After Effects让手机也玩变形金刚

导言：

不久前的案子，客户想要制作「魔术方块」的翻转效果，虽然最后电视上片的时候并不是甚么「魔术方块」，但制作过程中测试了一段翻转效果，乍看起来还满像「变形金刚」的，效果还不赖，在这分享给各位～制作过程不难，只是很繁复要有耐心慢慢做。

这就是这篇教学要做的，从左边手机翻转成右边的手机。（图01）

图01

下面开始教程

准备素材

1、从以下网址下载文件http://www.colorvfx.com/AE/project/35-Transformers/35-Transformers.zip

解压缩后里面有2张图要用到：「V6_Black.tif」「V9_Red.tif」

2、将这两张图丢到AE中，等等要在AE中切开他们～

3、新建Comp，取名「V6_Black」，720x486、D1/DV NTSC、90格长度。（图02）

图02

4、新建Comp，取名「V9_Red」，720x486、D1/DV NTSC、90格长度。#p#e#

第一步：V6de切割

1、将图档「V6_Black.tif」拉到Comp「V6_Black」里，Layer改名为「V6_01」，Scale设定成XYZ都是57，开启3D模式。（图03）

图03

2、为了方便接下来精准的切割，新增效果 Transition > Linear Wipe 两次，并将效果参数调整如下图。（图04）

图04

3、结果应该是手机只剩下左上角1/6的画面，其他被隐藏了。接下来设定他的轴心，这里必须要考虑到3D环境。

4、选取Layer「V6_01」，按 Y 将轴心位置移到剩下画面的正中间，也可以参考我的数值直接修改。（图05）

图05

目前的画面应该是这样的（图06）

图06#p#e#

第二步：复制并修改

1、现在要将剩下的部分通通做出来，点选「V6_01」，按Ctrl+D五次，让Layer一共有六层。

2、要重复的事有两样： 一．Linear Wipe 的修改。 二．轴心位置的修改

3、Linear Wipe 的修改请直接参照 [V6_01] 、 [V6_02] 、 [V6_03] 、 [V6_04] 、 [V6_05] 、 [V6_06]。（图07、08、09、10、11、12）

图07

图08

图09

图10#p#e#

图11

图12

4、轴心位置的修改也请直接参照下图。（图13）

图13

目前的画面应该是这样的（图14）

图14#p#e#

第三步：切割另一只手机V9_Red

1、打开Comp「V9_Red」，重复上面Step1与Step2的所有步骤，做出V9的六层切割画面。

2、Linear Wipe 的修改请直接参照 [V9_R01] 、 [V9_R02] 、 [V9_R03] 、 [V9_R04] 、 [V9_R05] 、 [V9_R06] 。（图15、16、17、18、19、20）

图15

图16

图17

图18#p#e#

图19

图20

3、轴心位置的修改也请直接参照下图。（图21）

图21

目前的画面应该是这样的（图22）

图22#p#e#

第四步：

1、新建Comp，取名「V6->V9R」，720x486、D1/DV NTSC、35格长度。（图23）

图23

2、把「V6_Black」「V9_Red」这两个Comp里面的所有layer拷贝到「V6->V9R」，并把顺序排成下图图例。(图24）

图24

3、再来要做假3D方块，首先就是要把所有的红棕手机藏起来，选取所有的V9_XXX Layer，按 R ，做旋转的动作，第1格设定参数如下图，第11格设定参数如下图。（图25、26）

图25 

图26#p#e#

效果如下图（图27）

图27

4、把V6所有的Layer都连结父层到V9的相对名称上：V6_01对应V9_R01、V6_02对应V9_R02 .. .... .....（图28）

图28#p#e#

效果如下图（图29）

图29

5、调整一下每个Layer的位置，大概调成这样（图30）

图30

效果如下图（图31）

图31

基本上这节教程到此结束了，其他的应用大家可以自行发挥。看一看，变形的过程是不是很像变形金刚啊？