我最近为我的表弟拍了一些有趣的照片,并想创建自己的动画GIF,而不是使用由Google+自动创建的“Auto Awesome” 。由于我安装了Photoshop CS6,我想我会试一试,看看会发生什么。起初,我认为这相当简单:将图像导入单独的图层,然后将其保存为带有动画的GIF 文件。(GIF file)错误的!
如果您尝试以这种方式创建GIF,您会注意到Save for Web 对话框(Web dialog)中的Animation 部分(Animation section)显示为灰色。为了激活它以便您可以选择循环选项,您必须在Photoshop CS6中创建所谓的(Photoshop CS6)帧动画(Frame Animation)。这听起来很复杂,但做起来很容易。在这篇文章中,我将引导您完成使用静止图像创建自己的动画GIF的步骤。(GIF)
我还将提到如何导入视频并将其转换(video and convert)为动画GIF。导入视频时只有导入过程(import process)不同,其余步骤保持不变。
第 1 步 - 导入所有图像
您需要做的第一件事是将所有图像导入到一个Photoshop 文件(photoshop file)中的单独图层中。因此,例如,如果您有 6 张图像,请在Photoshop中打开所有这些图像,然后创建一个新文件并将每个图像复制(file and copy)并粘贴到新文件中的单独图层中。第 1 层(Layer 1)应该是您的起始图片,最后一层应该是动画中的最后一张图片。
这部分过程可能会占用所有步骤中最多的时间。在Photoshop中可能有一种更简单、更快捷的方法,但由于我不是专业用户,我手动将每个图像复制并粘贴到一个新的Photoshop 文件(Photoshop file)中。如果您知道更快的方法,请在评论中告诉我。
第 2 步 - 创建帧动画
第二步是在Photoshop中创建实际的动画。为此,您首先必须打开时间轴窗口(Timeline window)。转到Window并选择Timeline。
现在您将看到在屏幕底部打开的时间轴(Timeline)窗口。一开始它应该是完全空的。现在要创建帧动画(frame animation),只需右键单击时间轴框中(Timeline box)的任意位置并选择创建帧动画(Create Frame Animation)。
执行此操作时,您现在将在时间轴中看到一张图像,左上角(left corner)有一个小 1 。它可以是您在“图层”面板(Layers panel)中选择的图像,也可以是最近添加的图层(动画中的最后一个图像)。此时,它是一个单帧动画(frame animation),这不是我们想要的。
相反,我们希望所有图层都包含在动画中。为此,我们必须单击时间轴窗口(Timeline window)最右侧的小向下箭头按钮。它有一个小的向下箭头,然后是它旁边的几条水平线。当你点击它时,你会看到一个名为Make Frames From Layers的选项。
现在您应该看到文件中每个图层的框架。每帧图像下方也会有一个小下拉菜单,可让您选择每帧应显示的时间长度。
正如您在上面看到的,第一帧是 5 秒,然后其余的设置为 0。您必须相应地调整它们,但您也可以选择自定义(custom amount)时间量。
一旦您选择了每一帧的时间,您就可以进行最后一步,即将您的新动画保存到一个GIF 文件(GIF file)中。
第 3 步 - 保存 GIF 文件
现在是时候保存您的GIF动画了。为此,请转到File并单击Save for Web。在保存对话框(save dialog)的最底部,您将看到动画部分(Animation section),该部分不应再显示为灰色。
您在这里的选择很容易理解。您实际上只能选择您希望它如何循环,然后在保存之前预览动画。就是这样!希望本指南能帮助您在Photoshop CS6中轻松创建动画(Photoshop CS6)GIF!
结论
有几件事值得一提。首先,如果您发现动画GIF太大,那么您首先需要减小单个图像的大小,然后再创建具有多个图层的最终Photoshop 文件。(Photoshop file)如果您只需要一部分照片来创建动画,您可以裁剪图像,或者您可以减小整个图像的大小。
其次,如果您有视频,则可以通过转到File,然后Import并单击Video Frames to Layers自动将视频帧导入图层。
所以这就是它的全部。同样(Again),为了管理大小,您可能必须降低图像质量才能创建一个小的GIF 文件(GIF file)。享受!
How to Create Animated GIFs from Images using Photoshop CS6
I recently took some funny pictures of my coυsin and wanted to create my own animated GIF instead of using thе “Autо Awesome” оne created automatically by Google+. Since I have Photoshop CЅ6 installed, I figured I would give it а shot and seе what happens. At first, I thought it woυld be fairly straight-forward: import the images into separate layers and then just save it out as a GIF file with animation. Wrong!
If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.
I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.
Step 1 – Import All Images
The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.
This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.
Step 2 – Create Frame Animation
The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.
Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.
When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.
Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.
Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.
As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.
Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.
Step 3 – Save GIF File
Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.
Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!
Conclusion
There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.
Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.
So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!