使用 photoshop 制作 gif 文件

2021-02-16 12:30:28

GIF的全称是Graphics Interchange Format,可译为图形交换格式,用于以超文本标志语言(Hypertext Markup Language)方式显示索引彩色图像,在因特网和其他在线服务系统上得到广泛应用。GIF是一种公用的图像文件格式标准,版权归Compu Serve公司所有。
GIF具有GIF87a和GIF89a两个版本。
GIF87a版本是1987年推出的,一个文件存储一个图像,严格不支持透明像素;GIF87a采用LZW压缩算法,它能够在保持图像质量的前提下将图像尺寸压缩百分之二十到二十五。
GIF89a版本是1989年推出的很有特色的版本,该版本允许一个文件存储多个图像,可实现动画功能,允许某些像素透明。在这个版本中,为GIF文档扩充了图形控制区块、备注、说明、应用程序编程接口4个区块,并提供了对透明色和多帧动画的支持。
其中GIF89a在透明、隔行交错和动画GIF方面做出了重大改进。首先是支持透明,GIF89a允许图片中的某些部分不可见。这项特性非常重要,使得我们在某些场合能够利用这样一种特性来使图像的边缘不再呈现出矩形边框,而变成我们想要的任意形状。这些透明区域,可以很方便地在Photoshop、Fireworks中生成并且导出为GIF89a格式的GIF图片来实现。当然,透明并不意味着边框就不再存在事实上,它是存在的,只不过不显示罢了,这样可以使插入的图片和整体网页更加协调。

目前许多需要多张图片展示的场景下,制作成一张gif动画图片方便直观,另外有些简短视频也可以转换成gif图片更方便传播。尽管有一些专门的gif制作工具,也有一些网络平台可以制作,但是使用photoshop是一个更通用的方式。

导入图片资源

首先准备好图片素材,建议统一的分辨率,打开 photoshop 后,在菜单:文件->脚本->将文件载入堆栈,见下图:

image.png

在操作窗口中,可以按文件夹或目录一次性导入进来。然后点击确定,就可即入ps文件,并且可以按照顺序每一张图片建立了一个图层。

制作帧动画

在菜单【窗口】中打开【时间轴】,在操作面板底部会展示出时间轴内容,切换到【创建帧动画】选项,点击这个选项,会自动的创建一帧,这时在时间轴操作面板的右上角操作菜单中点击【从图层建立帧】,这时会根据每一个图层建立一个帧,而且帧是反向的,如果需要调整,可继续在时间轴操作菜单中执行【反向帧】。
在动画操作菜单中,可以统一的调整停留时间和过渡动画。

输出文件

在菜单的【文件】->【导出】->【存储为WEB所用格式】,选择gif动画,根据需要调整质量,或播放次数,然后存储到指定的位置,一个基本的gif动画就制作完成了。

image.png

其它

也可以制作带水印效果的图片,制作一个水印图层,在每个帧中显示这个水印图层,导出即可。

Copyright tg-blog 京ICP备15066502号-2