如何用Photoshop制作gif动态图片

在网页中我们可以看到很多动态的gif图片,与视频文件相比,gif图片在展示我们想要的内容的同时还节约了储存空间。动态图片是将一系列连续变化的图片组合而形成的,每一张图片叫做一个帧,若干个帧按顺序播放就成了动态图片,或者说是简易动画。制作Gif格式的动态图片并不是很难的一件事,这里给大家介绍一种用Photoshop将数张图片制作成动态图片的方法。

处理图片素材

  • 01

    准备好图片素材,尽量保证每一张图片都拥有合适的并且相同的尺寸,这样做出来的动态图片效果更美观。如果图片之间的尺寸不相同或者觉得不合适,利用Photoshop打开这些图片后,可以依次单击“图像”、“图像大小”来调整图片尺寸。如下图所示:

  • 02

    打开Photoshop软件,同时打开所有图片素材(快捷键Ctrl+O),将会看到所有图片均合并在选项卡中。如下图所示:

  • 03

    分别激活每一张图片,然后双击图层栏的“背景”,软件弹出“新建图层”对话框,在该对话框里面输入图层的名字(建议每一张图片以数字按照先后顺序命名,每一张图片的图层名与该图片的图片名相同)。如下图所示:

  • 04

    如下图a所示,依次单击“窗口”、“排列”、“使所有内容在窗口中浮动”,执行该命令后软件的显示状态,如下图b所示:

  • 05

    将其中一张图片作为主图片(这里以图片1为例),点击软件左上角的“移动工具”,然后分别将其他图片拖动到主图片中,注意拖动进主图片后要调整被拖进去的图片的位置,以被拖动的图片完全覆盖到主图片为佳,拖动完成后建议关掉已经拖动过的那张图片的原图,以免混淆,如下图a所示。所有文件都拖动完后,即意味着在一张图片里面已经包含了之前建立好的所有图层,每一个图层则保留了原来图层上的图片信息,如下图b所示:

为图层设置帧

  • 01

    如下图a所示,依次点击“窗口”“时间轴”,在软件的下方将弹出“时间轴”操作框,单击框中的倒三角形图标,确保“创建帧动画”已勾选,如下图b所示:

  • 02

    如下图a所示,单击“创建帧动画”图标,系统会在时间轴下面以当前图片创建一个帧,如下图b所示:

  • 03

    单击“选择帧延迟时间”,建议将该延迟时间设置为0.2秒,如下图所示:

  • 04

    如下图a所示,依次单击每个图层旁边的“眼睛”,此功能是“指示图层可见性”,完成后将会看到所有图层都隐藏,软件中不会显示任何图片,如下图b所示:

  • 05

    确定图片中图层的总数n,点击“复制所选帧”n-1次(将第一个帧复制n-1次),则每一帧中都包含第一帧中所有的信息,如下图所示:

  • 06

    这一步确定每一帧的显示内容。确定被选中的帧的序号,然后点击相同序号的图层旁的正方形,则正方形图标变为“眼睛”图标,此时意味着这个帧只显示该图层里保存的图片。操作完成后选中以同样的方法操作其他帧。如下图所示:

  • 07

    点击“选择循环选项”,将该选项设置成为“永久”,如下图所示:

  • 08

    点击“播放动画”,则按照帧的播放顺序,我们的图片也有序的依次展现出来,呈现出动画的效果。如下图所示:

保存动态图片

  • 01

    如下图所示,依次点击“文件”、“存储为Web所用格式”,软件将弹出“存储为Web所用格式”对话框。

  • 02

    如下图所示,在“存储为Web所用格式”对话框中确保循环选项为“永远”,然后点击“存储”,软件将弹出“将优化结果存储为”对话框。

  • 03

    如下图所示,在“将优化结果存储为”对话框中,建议将存储格式设置成“仅限图像”,然后点击“保存”,动态图片就大功告成啦!

  • 04

    通过以上步骤制作的动态图片如下图所示:

(0)

相关推荐

  • 如何用Photoshop制作和编辑动态图片呢

    很多小伙伴都喜欢在网络聊天时应用搞笑的动态图片,那你知道这些图片是怎么制作出来的么?下面笔者就以Photoshop CS6版本(以下简称ps)为例来介绍如何制作和编辑动态图片. 一 制作动态表情 01 ...

  • 如何用photoshop制作动画?

    photoshop不仅是一款非常强大的图片处理软件,而且还具备动画制作能力.下面,就给大家说说如何用photoshop制作动画. 操作方法 01 首先,打开需要处理的图片素材,这里我们选用的是一个风车 ...

  • 如何用PS制作GIF动态排版

    在生活中经常会用到PS这个工具,但是完全掌握它也不是那么简单呢,今天教大家如何用PS制作GIF动态排版. 操作方法 01 首先双击打开PS,然后打开动态素材图片 02 接着单击上方"窗口&q ...

  • 如何用Photoshop制作瓷砖效果

    本教程将介绍如何用Photoshop制作瓷砖效果. 最终效果图: 操作方法 01 打开一张素材图片.如图所示: 02 复制"背景"图层,生成"背景 拷贝"图层. ...

  • 如何用photoshop制作起点中文网小说封面?

    日常生活中越来越多的人离不开网络小说,其中有看网络小说的,还有写网络小说的,在起点中文网写网络小说,想自己给小说制作一个封面,怎么办呢?小编今天就与大家分享一下如何用photoshop制作简单的起点中 ...

  • 如何用Photoshop制作水晶字

    本教程将介绍如何用Photoshop制作水晶字.最终效果,如图: 操作方法 01 打开ps,载入背景图片素材 按Ctrl+a键全选背景图片,如图所示: 02 按Shift+Ctrl+j键,生成新的图层 ...

  • GOM Player如何制作gif动态图片?GOM Player创建gif动画教程

    GOM Player(全称:Grand Old Man player)是一种本身装有视频播放所需的解码,及占用系统资源少,并且能以最优秀的画质来观看多种格式影片的播放程序.在GOM Player中有一 ...

  • 电脑ps怎么制作gif动态图片

    ps是我们常用的图片编辑工具我们可以使用这个工具制作gif动态图片接下来小编就教大家制作具体如下:1. 首先我们打开电脑进入电脑桌面然后在桌面上找到ps的图标点击打开如果我们没有ps软件就需要我们在浏 ...

  • 如何用Photoshop PS来改变图片的颜色

    PS是一款非常常用的图片处理软件,今天给大家介绍一下如何用Photoshop PS来改变图片的颜色的具体操作步骤.1. 如图,我们先用PS打开需要换颜色的图片,然后双击图层里的[背景],名称默认为图层 ...