After EffectsUI设计AE学习簿

After Effects与形状变形

2017-03-16  本文已影响368人  绝对可怜小孩
shape morphing with After Effects

有没有想过如何变形形状?特别是在After Effects?只需要12个简单的步骤。我已经有一个简单有效的方法来做这件事情,你可以用矢量路径将不同的路径相互转换。

1、创建新合成

新建合成

在新项目中,创建1200px*630px大小的合成,持续时间设置为4秒,这样可以有足够的时间来改变形状,保持新的形状一秒钟,变回原来的形状并保持一秒钟。

2、添加背景

添加一个黄色背景

创建一个新的纯色图层并给它一个颜色,我选择了可爱的Engage黄色#FFEEOO,锁定该图层,这样它就不会干扰其他的过程。

3、创建形状图层

新形状图层

使用矩形工具,在合成里绘制一个矩形。不要担心为什么看起来会是这样,因为这不是我们最终变形形状。

4、转换为贝塞尔路径

贝塞尔路径

下拉形状属性,进入Contens,然后进入rectangle 1,右键点击矩形路径并将其转换为贝塞尔路径。这将把矩形转变为具有变化为不同形状的能力的关键帧路径。

5、绘制你的形状

绘制形状

我们现在需要绘制我们想要变形的形状,你可以再After Effects中做到这一点,但在这个例子中,我要从Illustrator复制并粘贴路径。这种工作方式是很好的,因为实际上Illustrator是专为创建矢量形状而应运而生的。在这里,你可以看到我画了一个480px*480px的正方形和圆形,选择正方形点击复制。

6、添加第一个关键帧

第一个关键帧

回到After Effects,确保当前时间指示器位于时间轴的最开始处,打开Path1,让后点击小秒表图标在时间轴开始处插入关键帧。

7、将你的形状粘贴到时间轴上

粘贴路径到时间轴

在当前指示器的同一位置,粘贴你的形状,并使用对齐工具将其和合成居中对齐。

8、粘贴你的第二个形状

粘贴圆形

现在我们需要圆形,回到Illustrator并复制圆形。返回After Effects将当前指示器移动到后1s,并选择Path1,点击粘贴。

9、检查你的动画

预览动画

如果你沿着时间轴滑动,你会看到现在创建了两个不同形状路径之间的过渡效果。

10、暂停动画

暂停1s

为了包装动画,我们想要圆形暂停一秒钟,然后变回原来的形状。为此,只需要复制第二个关键帧,将当前时间指示器移动到2秒,然后点击粘贴。

11、完成循环

还原形状

现在将其还原为原始形状。从时间轴开始复制原始关键帧,将当前时间指示器移动到3秒钟,然后点击粘贴。这将转换成你的原始的形状并完成循环,空格键进行内存预览动画。

12、整理

最终动画

瞧!After Effects形状变形完成。

记住,这是矢量图形变形的最基本的形式。一旦你掌握了这些,你就可以使用这些步骤创建更复杂的形状变化。

本文原作者:James

上一篇下一篇

猜你喜欢

热点阅读