Photoshop CS5 中的动画 GIF

Ella

Adobe Photoshop CS5 是一款功能强大的图像编辑程序,您可以使用它来创建或编辑您可能需要的几乎任何类型的图像。

然而,Photoshop CS5 特别擅长创建要放在网上的图像,例如您可能放在网站上的图像,或者您可能想与朋友分享的图像。

流行的图像选择是动画 GIF,因为它制作简单,具有动态效果,但可以像常规静态图像一样发布。

Photoshop 具有一些有用的工具,可让您在 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.0Photoshop CS5 中许多动画 GIF 的帧持续时间,但尝试不同的持续时间,直到找到最适合您的持续时间。

您还可以通过单击指定动画 GIF 应循环遍历其所有帧的次数永远底部的下拉菜单动画片窗户。我正在使用永远作为本文末尾的动画 GIF 的选项,这意味着动画 GIF 将不断循环播放,直到您离开此页面。

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

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

阅读更多:如何在 Photoshop CS5.5 中创建动画 GIF

现在您已经知道如何在 Photoshop 中创建动画 GIF,您可以使用这些步骤在该应用程序中创建您自己的动画图像文件。