今天要来教大家如何制作等距视角的无透视立体动画!

这次的教学会使用到AI来制作素材哦!

 

  • 1.AI素材制作
  • 2.AE动态制作

 

1.AI素材制作

首先先在AI里用文字工具打出想要的文字或图形。

选取之后,点选效果 > 3D > 突出与斜角。

在位置(N)选取上方等角,你可以点选视窗最下方的预览来观看目前的物件状态。

点选确定之后,文字就会变成立体的,

且不会有任何透视,角度也是我们刚好需要的正45度角。

选取文字后点选物件 > 扩充外观。

扩充外观之后文字会变成可拆解的实体物件,

这边我们选取物件之后右键 > 解散群组。

之后将每个边填上自己喜欢的颜色。

接下来你会发现每个边都会有类似下图的多条边线,

可以利用路径管理员的联集效果把多个面合起来,

或是使用钢笔工具尽可能减少锚点数量以便在AE制作动态。

你可以先全选所有物件并套上边线效果,

会有利于检查哪里还有多余的面没有联集到。

接着将每个字母分别放到一个群组内就完成囉!

 

2.AE动态制作

再汇入文字素材之前可以先制作网格底图,

作为之后的动态调整的基准线。

在图层空白处新增一个Solid。

改好名字之后点选OK。

接着替Solid加入Grid效果。

调整Anchor和Corner的X座标来让格状变成整个画面只剩下横线。

将两个做边拉离画面边缘之后,

大概就会有这样的横线效果:

只剩横线的效果长这样:

接着将Solid的Rotation转到30度。

并复制一个Solid将角度转为-30。

两个Solid交叠的区域就会变成等距视角的网格底图囉!

选取两个Solid并放大让画面只可见有交叉的部分,

不要让其他区域露出破绽。

你可以回头再调整Corner的Y座标来让网格更加密集。

调整Border来控制网格线条的粗细。

接下来就可以汇入文字素材了!

汇入时选择Composition及Layer Size后点选OK。

将Comp内的所有图层复制出来放在网格图层上:

接着选取所有AI图层,右键 > Create > Creat Shapes from Vector Layer。

AE会自动根据AI的路径来转换形状图层,

接下来AI图层就用不到了。

接下来的前置作业有点麻烦,

将所有的形状图层下拉选单点开,找到所有的Path并点开。

替所有Path都先设立一个关键影格,之后你可以按U来只显示有关键影格的选项:

接下来你只要点选到某个字母的Path关键影格就可以用选取工具选取该字母的所有锚点,

并加以拉动,配合时间轴的移动,只要调整完锚点并会在该时间点自动新增关键影格以制作动态。

接下来就是发挥创意的时间囉!

完成之后效果大概像这样:

 

 

 

 

 

此教学专案档下载(cc 2018以上):