学习如何使用 Illustrator 和 After Effects将一个静态的图标变成一个有趣的动画。

• 在 Illustrator 中准备 SVG

• 在 After Effects CC 中导入和组织

• 动画过程

Illustrator中准备SVG

让我们先在Adobe Illustrator 中打开你选择的SVG文件。我将为一个小汽车图标制作动画；打开文件后，我们需要将所有的对象解组并分离到各层。你可以手动操作，或者使用释放到图层（序列）来加速这一过程。最后，我们需要在导入After Effects 之前保存为Illustrator 文件。

在 After Effects中导入和整理

现在，我们已准备好导入 After Effects 。让我们使用键盘快捷键或加载对话框，或导航到从那里，选择我们准备的 Illustrator 文件并单击 。应出现一个较小的对话框，其中包含所选文件的名称。从标记为 的下拉列表中选择。

在在时间轴面板中，我们应该看到一个新的构图。双击新合成。我们现在应该看到我们的 Illustrator 图层，其橙色图标位于图层名称的左侧。

在我们开始工作之前，我们需要将所有这些图层转换为形状图层。我们可以通过使用或手动选择，选择图层后，右键单击图层，然后选择.Ctrl+A/Command+AShift+Left MouseCreate > Create Shapes from Vector Layer

现在，新的形状图层被高亮显示，把它们拖到面板顶部的Illustrator图层之上。删除Illustrator 图层，以清理杂乱。

虽然不是必需的，但重要的是我们为每个形状图层提供适当的名称和/或标签颜色。这样做将使我们能够在专注于关键帧时更有效地工作。在下面的示例中，标签的颜色或多或少与其各自形状图层的填充相匹配。

使用键盘快捷键或调整设置。从合成设置中，我们需要选择宽度、高度、帧速率和持续时间。对于这个项目，由于其流畅性，我选择了每秒 60 帧。Ctrl+K/Command+KComposition > Composition Settings…

在这一点上，似乎一切都准备好了，但还有最后一件事要完成准备工作：我们需要将某些层组合在一起，以便它们的运动与我们可以控制的另一个主层同步。这种方法被称为 "父子关系/父子级"。

对于我们的例子，我把不太重要的层（子层），如挡风玻璃、车身细节、树和绳索分配给主要的车身层（父层）。这样我就可以只用父层来控制整个汽车（不包括车轮）的位置和旋转等属性。

动画制作过程

我想让汽车图标撞到石头上，稍微飞起来，抬起树，并打开树干。我从岩石、汽车和车轮开始，使其弹跳力恰到好处。然后，是时候解决最大的障碍了：在树上创建重叠动作。完成后，我开始处理较小的细节，如树干和绳索。

第一件事是制作岩石元素或层，但我没有返回Illustrator添加另一个层，而是简单地在After Effects 中使用。使用钢笔工具进行绘制，它使我能够迅速设计出小岩石的形状。

我把它的位置设置在红色车辆的后面，并把锚点设置在左下方的顶点。使用 ，我把它分配到车体父层。倒数第二步是给旋转属性粘贴一个表达式，使该层具有弹跳/过冲效果。然后我添加了旋转的关键帧。

其他的动画都是以类似的方式完成的，直到它看起来和感觉都是正确的，花时间使用预览面板观察不同速度的动画

如果对你有所帮助，别忘了点赞关注哦！