你能在Adobe Illustrator中制作一个GIF吗？

事实是。 你不能独自在Adobe Illustrator中制作一个GIF。 是的，最初的步骤可以在Adobe Illustrator中完成。 这意味着你可以在Adobe Illustrator中准备GIF动画的艺术板，但你需要将艺术板导出到GIF制作工具中，或使用Photoshop制作实际的GIF。

在本教程中，你将学习如何在Adobe Illustrator和Photoshop中创建GIF动画。 我将把教程分成两部分。

第一部分将介绍需要在Adobe Illustrator中完成的步骤，第二部分将告诉你如何在Photoshop中把艺术板转换成GIF动画。 如果你不是Photoshop用户，不用担心，我还会告诉你如何使用在线GIF制作器制作GIF。

注意：本教程中的截图取自Adobe Illustrator CC 2022 Mac版和Photoshop CC 2022 Mac版。 Windows或其他版本可能看起来不同。

第一部分：在Adobe Illustrator中制作GIF

如果Adobe Illustrator不做动画，我们为什么要用它来制作GIF呢？ 简单的回答：因为你需要在Adobe Illustrator中为GIF创建矢量，关键是要把不同的框架/动作分开到不同的艺术板中。

虽然听起来很混乱，但你会明白的，因为我在这里向你展示了一个有详细步骤的例子。

步骤1。 创建一个新的Adobe Illustrator文件，并将艺术板尺寸设置为400 x 400px（只是我的建议，请随意设置你喜欢的其他尺寸）。

由于它将是一个GIF，我不建议有一个大的文件，如果艺术板是一个正方形，那是最好的。

第2步。 创建一个你想做成动画的图标或插图。 例如，我打算做一个下雨的GIF，所以我将创建一个云的形状和一些雨滴。

现在所有的形状都在同一个艺术板上，所以下一步是把它们分成不同的艺术板来创建动画帧。

第3步。 创建新的艺术板，这些艺术板将成为以后在Photoshop中的框架，所以艺术板的数量取决于你希望GIF的框架/动作的数量。

例如，我增加了五个额外的艺术板，所以现在我总共有六个艺术板。

如果你现在不确定，也不要紧张，你可以在以后添加或删除艺术板。

第4步。 复制并粘贴形状到新的艺术板。 如果你在同一个形状上进行编辑，你可以把形状复制到所有的艺术板上，然后在每个艺术板上进行编辑。

请注意。 在制作GIF时，将形状放置在新的艺术板上是非常重要的。 将复制的对象放置在同一位置的键盘快捷方式是 指挥部 + F ( 键盘 + F 为Windows用户）。

艺术板上的元素应遵循GIF的显示顺序。

例如，云的形状将一直显示在GIF上，所以把云的形状复制到所有新的艺术板上。 你也可以把元素一个一个地添加到新的艺术板上。 由你决定。

决定哪一部分将在下一步显示，并按照将在GIF上显示的帧的顺序来组织艺术板。

在我的例子中，我想先显示中间的雨滴，所以我会把它和云的形状一起放在艺术板2上。 然后在接下来的框架（艺术板）上，我将逐一添加两侧的雨滴。

当我设置好所有的艺术板后，我决定从第一个艺术板上删除雨滴，所以现在我的艺术板看起来像这样，它们已经准备好了。

第5步。 命名艺术板，并按照你想让它们在GIF上看起来的顺序排列。 我将从第1帧到第6帧命名它们，以便以后在Photoshop中更容易识别。

第6步。 导出艺术板。 进入顶层菜单 文件 > 出口 > 屏风的出口 并选择 输出美工板 .

你应该看到你的艺术板被保存为带有名称的独立图像。

你已经在Adobe Illustrator中完成了工作，让我们在Photoshop中继续完成动画制作过程。

第2部分：在Photoshop中制作一个GIF

一旦你准备好所有的框架，只需要几分钟就可以在Photoshop中创建一个GIF动画。

步骤1。 在Photoshop中创建一个新文件，大小与第一部分中的Adobe Illustrator文件相同。 在我的例子中，它将是400 x 400px。

第2步。 将你从Adobe Illustrator导出的图像拖到Photoshop，它们将显示为图层。

第3步。 转到头顶菜单 窗口 > 时间轴 ，或者你可以直接将工作区改为 运动 .

你应该在Photoshop窗口的底部看到一个时间线工作区。

第4步。 点击 创建框架动画 在时间线工作区上，你会看到时间线工作区上显示的顶层。

第5步。 点击时间线窗口的右上角，打开折叠的菜单，选择 用图层制作框架 .

然后所有的图层将显示为框架。

正如你所看到的，第一个框架是空的，因为它是后面的背景。 你可以删除第一个框架，选择该框架并点击 删除选定的框架 在时间线窗口上的按钮。

第6步。 点击每一帧下面的向下箭头，相应地改变每一帧的速度。 例如，我将所有帧的速度改为0.2秒。

你可以点击播放按钮，看看GIF的样子。 一旦你对结果满意，最后一步就是把它导出为GIF。

第7步。 转到头顶菜单 文件 > 出口 > 保存在网络上（传统的）。 .

从设置菜单中，最重要的是选择 GIF 作为文件类型，并选择 永远的 你可以相应地改变其他设置。

点击 拯救 恭喜你！你刚刚做了一个GIF动画。

如何在没有Photoshop的情况下制作一个GIF

不熟悉Photoshop？ 你当然也可以在没有Photoshop的情况下制作GIF。 有很多在线工具可以让你免费制作GIF。

例如，EZGIF是一个流行的GIF制作者，它很容易使用。 你需要做的就是上传你的图片，选择一个播放速度，它将自动为你制作GIF。

总结

Adobe Illustrator是你创建动画元素的地方，Photoshop是你制作GIF动画的地方。

一个更简单的选择是使用在线GIF制作器。 其优点是可以节省很多时间，尤其是在你不熟悉Photoshop的情况下。 然而，我更喜欢Photoshop的灵活性，因为我对框架有更多控制。