如何使用Photoshop CS6从图像创建动画GIF


我最近拍了一些关于我堂兄的有趣照片,想要创建我自己的动画GIF,而不是使用Google+自动创建的“Auto Awesome”。由于我安装了Photoshop CS6,我想我会试一试,看看会发生什么。起初,我认为这将是相当简单的:将图像导入单独的图层,然后将其保存为带动画的GIF文件。错误!

如果您尝试以这种方式创建GIF,您会注意到“存储为Web所用格式”对话框中的“动画”部分显示为灰色。为了激活它以便您可以选择循环选项,您必须在Photoshop CS6中创建所谓的帧动画。这听起来很复杂,但这很容易做到。在这篇文章中,我将引导您完成使用静态图像创建自己的动画GIF的步骤。

我还将提到如何导入视频并将其转换为动画GIF。导入视频时只有导入过程不同,其余步骤保持不变。

步骤1 - 导入所有图像

您需要做的第一件事将所有图像导入一个photoshop文件中的单独图层。因此,如果您有6张图像,例如,在Photoshop中打开所有图像,然后创建一个新文件,并将每个图像复制并粘贴到新文件中的单独图层中。第1层应该是你的起始图片,最后一层应该是动画中的最后一张图片。

layers photoshop

这部分过程可能需要所有步骤中的最多时间。在Photoshop中可能有一种更简单,更快捷的方法,但由于我不是专业用户,我手动将每个图像复制并粘贴到一个新的Photoshop文件中。如果你知道更快的方法,请在评论中告诉我。

第2步 - 创建框架动画

第二步是在Photoshop中创建实际的动画。为此,首先必须打开时间轴窗口。转到窗口并选择时间轴

photoshop timeline

现在您将看到<在屏幕底部打开strong>时间轴窗口。它应该是完全空的。现在要创建一个帧动画,只需右键单击时间轴框中的任意位置,然后选择创建帧动画

create frame animation

执行此操作时,您现在只能看到时间轴中的一个图像,左上角有一个小的1。它将是您在“图层”面板中选择的图像,或者它将是最近添加的图层(动画中的最后一个图像)。此时,它是一个单帧动画,这不是我们想要的。

timeline animation

相反,我们希望所有图层都包含在动画。为此,我们必须单击时间轴窗口最右侧的小小向下箭头按钮。它有一个小的向下箭头,然后是旁边的几条水平线。当您点击它时,您会看到一个名为从图层制作框架的选项。

make frames layers

现在您应该看到文件中每个图层的框架。每个帧也会在图像下方稍微下拉,让您选择每个帧应显示的时间长度。

frame animation

As你可以看到,第一帧是5秒,然后其余的都设置为0.你必须相应地调整它们,但你也可以选择一个自定义的时间。

frame animation time

一旦为每一帧选择了时间,就可以进行最后一步,即将新动画保存到GIF文件中。

步骤3 - 保存GIF文件

现在是时候保存动画GIF了。为此,请转到文件,然后单击保存到Web。在保存对话框的最底部,您将看到动画部分,该部分不应再显示为灰色。

animation options gif

您的选项是很容易理解。您实际上只能选择循环方式,然后在保存之前预览动画。就是这样!希望本指南能帮助您在Photoshop CS6中轻松创建动画GIF!

结论

有一些值得一提的事情。首先,如果您发现动画GIF太大,那么在创建具有多个图层的最终Photoshop文件之前,首先需要减小单个图像的大小。如果您只需要一部分照片来创建动画,则可以裁剪图像,也可以缩小整个图像的大小。

其次,如果您有视频,则可以导入通过转到文件,然后导入并点击视频帧到图层,自动将视频帧转换为图层。

video frame to layers

这就是它的全部内容。同样,为了管理大小,您可能必须降低图像质量才能创建小型GIF文件。享受!

使用Photoshop製作GIF動畫

相关文章:


1.11.2013