GIF到处都是。你会在葡萄酒上找到他们在葡萄酒上,甚至在共和党主办的博客上。GIF是互联网相当于整洁的诙谐主义;他们允许你在不发言单词的情况下说很多。

制作GIF是Photoshop中最基本的功能之一。了解更多此类功能和功能Photoshop 101课程

在这个博客文章中,我们将教你如何在Photoshop中创建动画GIF。我们首先要学习如何从现有图像创建GIF。稍后,我们将学习如何将现有视频转换为短GIF。

如何在现有图像中制作一个gif

创建动画GIF基本上意味着“拼接”不同的图像,共同创建动画。出于本教程的目的,我们将创建此动画:

这由四个图像组成。你可以下载它们这里这里这里, 和这里

让我们开始吧。

第1步:将所有四张图片复制到单独的文件夹中。

第2步:将文件导入Photoshop

转到文件 - >脚本 - >将图像加载到堆栈中

在下一个屏幕上,选择“文件夹”然后浏览到刚刚创建的文件夹。

点击。Photoshop现在将将所有图像导入单独的图层,如下所示:

现在我们将所有的图像加载到Photoshop中,我们可以设置创建动画。

想要使用photoshop创建艺术而不是有趣的gif?试试这个课程艺术家的Photoshop.开始。

第3步:创建动画

Photoshop中的动画过程可以通过“时间轴”窗口访问。通过前往窗口打开 - >时间轴。

底部会弹出一个新的窗口窗格。该窗格中央将有一个按钮。单击此按钮旁边的下拉箭头,然后选择“创建帧动画”,如下所示:

您现在应该看到时间轴窗口中的一个图像。您还会在窗口的右上角注意到一点点下拉菜单。单击它并选择“为每个帧创建新图层”

没有什么发生的,对吧?

但那是因为我们实际上没有将我们的图像添加到动画中。要执行此操作,请再次打开相同的菜单,然后单击“从图层进行制作帧”。

这基本上为您在图层面板中的每个图层创建了一个新帧。您会注意到您的时间轴窗口现在拥有所有四个图像。

您现在可以重新定位并调整单个图像的大小,以便它们适用于相同的Canvas大小(命中Ctrl + T)。有正确的尺寸和位置后,可以单击每个图像下方的箭头,然后选择后续幻灯片之间的延迟。

出于此动画的目的,我选择0.5秒的持续时间。您还可以选择预设持续时间或通过选择“其他”来输入您自己的持续时间

您还可以通过将单个幻灯片拖入不同的位置来选择图像的顺序。

幻灯片下面有另一个下拉菜单,称为“一次”。这控制动画应该重复多少次。单击打开此菜单,然后为无休止的循环动画选择“Forever”。

完成后,单击此工具栏上的“播放”按钮以预览动画。

这一步混淆了吗?了解Photoshop的基础在本课程中清除您的疑虑。

第4步:保存动画

在此最后步骤中,您将您作为GIF保存动画。最简单的方法是按Ctrl + Alt + Shift + S,或转到文件 - >保存Web ...

在弹出的窗口中,选择“GIF”作为格式。它将有一个上面的预设菜单。选择'GIF 128抖动'。

这里有两件事:

单击“保存”以保存图像。现在在Web浏览器中打开它 - 您应该在无限循环上看到动画。

这很容易 - 但如果你想从现有视频中制作一个gif怎么办?

还有一个解决方案。

如何从现有视频中制作GIF

让我们说你想把这个剧烈的花栗鼠的视频变成一个gif:

您可以使用免费的YouTube视频下载工具如savefrom.net或keepvid.com下载此视频(或任何其他视频)。

下载视频后,请按照下列步骤操作:

第1步:将视频导入Photoshop

第一步是将视频导入Photoshop。通过将文件 - >导入 - >视频框架进行文件来执行此操作。

打开您刚下载的视频。

将弹出一个窗口,要求您选择要导入的视频的长度。

由于我们的视频很小 - 只需5秒 - 我们将选择“从头到尾”。对于更长的视频,您可以选择“仅选择范围”并指定应导入的长度。

确保在击中OK之前选择“制作帧动画”。

第2步:创建动画

如果您从早期的示例中关注,则应打开“时间轴”窗口。否则,请按照上面概述的步骤#3,然后打开时间轴以创建动画。

如前所述,您可以选择每个帧的持续时间(如上所述的默认值为0.04秒),并且需要重复动画的次数。对于这个例子,我们选择了“永远”。

点击“播放”按钮以测试动画。如果一切看来,请继续下一步。

第3步:保存动画

与早期的进程一样,点击Ctrl + Alt + Shift + S或转到文件 - >保存Web ...

在弹出窗口的窗口中,选择带128种颜色的GIF和70-90%抖动。

保存GIF后,将其打开在浏览器中。这就是你所看到的:

所以现在您知道在Photoshop中创建GIF的两种方法 - 使用现有图像或导入视频。您可以了解更多的高级Photoshop提示和这样的技巧掌握Adobe Photoshop CS 6课程

Photoshop中的顶级课程

Adobe Photoshop CC - Essentials培训课程
丹尼尔沃尔特斯科特
4.8 (19,611)
畅销书
Adobe Photoshop CC - 高级培训课程
丹尼尔沃尔特斯科特
4.8 (6,266)
绘画面对Photoshop的力量
哈基福勒
4.7 (1,189)
Photoshop和Illustrator速度例证工作流程
Widhi Muttaqien,S.Kom,MMSI
4.8 (596)
T恤设计的Photoshop:初学者
Gary Ajene.
4.5 (452)
从头开始学习Adobe Photoshop
Eduonix学习解决方案,Eduonix-Tech。
4.6 (5,507)
Adobe Photoshop CC 2021初学者Essentials
ABHIJET SOJWAL.
4.7 (134)
绘画数字与Photoshop的力量
哈基福勒
4.9 (479)
收视率最高

更多Photoshop课程

Photoshop学生也会学习

赋予你的团队。引领行业。

通过Udemy为Business获取组织的在线课程和数字学习工具库的订阅。

请求演示