Photoshop CS5 中的动画 GIF

Adobe Photoshop CS5 是一个强大的图像编辑程序,您可以使用它来创建或编辑您可能需要的几乎任何类型的图像。然而,Photoshop CS5 尤其擅长创建用于在线放置的图像,例如您可能会放在您的网站上的图像,或者您可能想要与您的朋友分享的图像。一个流行的图像选择是动画 GIF,因为它制作简单,具有运动性,但可以像常规静态图像一样发布。 Photoshop 具有一些有用的工具,允许您在 Photoshop CS5 中创建动画 GIF,您甚至可以在 Photoshop CS5 中自定义动画 GIF 以符合您需要的规范。

在 Photoshop CS5 中为动画 GIF 准备帧

Photoshop CS5 中的动画 GIF 实际上是五个单独的图像,您要将它们排列为图层。每一层都将代表图像的一帧,因此每一帧都需要略有不同,以帮助表明动画 GIF 中发生了动作或运动。出于本教程的目的,我将在 Photoshop CS5 中创建一个在黑色背景上移动的星星的动画 GIF。动画 GIF 将由五个不同的帧组成,其中星星在每一帧中的位置略有不同。单独的图像如下所示:

为简单起见,我将图像标记为 1.gif、2.gif、3.gif、4.gif 和 5.gif,这将有助于我记住要显示它们的顺序。每张图像的大小相同,100×100 像素。

要开始在 Photoshop CS5 中制作动画 GIF,您现在可以启动 Photoshop,单击 文件 在窗口顶部,单击 新的,然后设置图像的大小。设置好图像参数后,单击 按钮来创建你的空白画布。

接下来要做的是打开包含要包含在 Photoshop CS5 中的动画 GIF 中的图像的文件夹。请注意,您是在 Windows 资源管理器中打开文件夹,而不是使用 打开 Photoshop 中的命令。 Windows 资源管理器是用于浏览计算机上的文件夹和文件的程序,您可以通过单击计算机屏幕底部任务栏中的文件夹图标来启动它。打开包含图像的文件夹后,按住键盘上的 Ctrl 键选择所有图像,然后将它们拖到 Photoshop CS5 画布上。

这将更改您的画布以显示一个带有 X 的帧,例如在此图像中:

当你看到这个时,按 进入 将每个图像作为图层插入到 Photoshop 中。添加所有图像后,您的 图层 Photoshop 右侧的窗口应如下所示。

请注意,您希望作为动画 GIF 的最后一帧显示的图像应该是最顶层。如果您的图层顺序错误,您只需将它们拖到 图层 窗口,直到它们的顺序正确。

现在你需要打开 动画片 窗口,您可以通过单击 窗户 Photoshop 顶部的菜单,然后单击 动画片 选项。这 动画片 窗口将作为 Photoshop 底部的水平窗口打开。

点击右上角的按钮 动画片 窗口(按钮看起来像 4 条水平线旁边的向下箭头),然后单击 从图层制作框架 选项。

单击右侧的向下箭头 0 秒 在你的框架之一下 动画片 窗口,然后选择您希望该帧在动画 GIF 中显示多长时间。对图像的每一帧重复此步骤。我喜欢选择 1.0 Photoshop CS5 中许多动画 GIF 中的帧持续时间,但尝试不同的持续时间,直到找到最适合您的持续时间。

您还可以通过单击 永远 底部的下拉菜单 动画片 窗户。我在用 永远 作为本文末尾动画GIF的选项,这意味着动画GIF会不断循环,直到您离开此页面。

你现在已经在 Photoshop CS5 中创建了你的动画 GIF,所以你必须保存它。点击 文件 在窗口顶部,然后单击 为网络和设备保存.单击窗口右上角的下拉菜单以选择 动图 选项,然后单击 保存 窗口底部的按钮。

在文件中输入一个名称 文件名 字段,然后单击 保存 按钮。然后,您可以双击文件夹中创建的图像以启动动画 GIF 并查看您创建的内容。下面是我在 Photoshop CS5 图像中的动画 GIF 示例。