如何在Photoshop中保持GIF

Anonim

如何在Photoshop中保持GIF

在Photoshop中创建动画后,必须以其中一种可用格式保存,其中一个是GIF。此格式的功能是它旨在在浏览器中显示(播放)。

如果您对保存动画的其他选项感兴趣,我们建议您阅读这篇文章:

课程:如何在Photoshop中保存视频

创建GIF动画的过程是在上一课之一中描述的,今天我们将讨论如何以GIF格式和优化设置保存文件。

课程:在Photoshop中创建一个简单的动画

保存GIF。

首先,我们重复这些材料并读取保存设置窗口。它通过单击“文件”菜单中的“保存Web”项来打开它。

在文件菜单中保存Web的点保存以保存Photoshop中的GIF

窗口由两部分组成:预览块

在Photoshop中保存GIF的参数的环境中的辅助单元

和设置块。

块在Photoshop中的Gifki保存设置窗口中的设置

块预览

选择在块的顶部选择的视图选项数。根据需要,您可以选择所需的设置。

在Photoshop中选择Gifki Sentration Settings窗口中的查看选项

每个窗口中的图像,除原稿之外是单独配置的。这是这样做的,以便您可以选择最佳选项。

在块的左侧有一小一套工具。我们只使用“手”和“规模”。

Photoshop中的Gifki保护设置窗口中的手和秤工具

使用“手”,您可以在所选窗口中移动图像。该工具也取得了选择。 “缩放”执行相同的操作。大约和删除图片也可以是块底部的按钮。

Photoshop中Gifki Sentration设置窗口中的图像刻度

低于铭文“视图”的按钮。它在默认浏览器中打开所选选项。

图像视图按钮在浏览器中的浏览器中的Photoshop中的Gifting参数的窗口

在浏览器窗口中,除了设置参数,我们还可以获得HTML GIF代码。

在Photoshop中维护GIF的同时在默认浏览器中预览图像

块设置

在此块中,配置图像参数,请考虑更多。

  1. 配色方案。此设置确定优化时将应用于图像的索引颜色表。

    颜色索引方案在Photoshop中保持GIF的同时

    • 感知,简单地“感知计划”。当使用时,Photoshop会创建一个颜色表,由图像的当前阴影引导。根据开发人员,该表尽可能接近人眼如何看到颜色。加 - 图像是最接近原件的,颜色最大化。
    • 选择性方案类似于前一个,但是与网的Web安全相关的颜色主要用于它。它还专注于近似于初始概念的阴影的显示。
    • 自适应。在这种情况下,该表是从图像中更常见的颜色创建的。
    • 有限的。由77种颜色组成,其中一些样品由白色的形式替换为白色(谷物)。
    • 习俗。选择此方案时,可以创建自己的调色板。
    • 黑白。这张表只使用两种颜色(黑白),也使用谷物。
    • 在灰色等级。有84个灰度色调。
    • 麦克斯和窗户。表数据基于运行这些操作系统的浏览器中的映射图像的特征来编译。

    以下是应用方案的一些示例。

    图像样本使用各种颜色索引表,同时在Photoshop中维护GIF

    如您所见,前三个样本具有相当可接受的质量。尽管在视觉上,它们几乎没有彼此不同,但在不同的图像上,这些方案将不同地工作。

  2. 彩色表中的最大颜色数。

    在Photoshop中保持GIF中的索引表中的最大颜色数

    图像中的阴影数量直接影响其重量,并因此在浏览器中的下载速度上。最常使用的128的值,因为这种设置几乎不会影响质量,同时减少了GIF的重量。

    索引表中最大颜色数量的设置示例,同时在Photoshop中维护GIF

  3. 网上颜色。此设置建立了从安全Web调色板转换为等效的容差。文件字段由滑块设置的值确定:该值较高 - 文件较少。设置Web - 颜色时也不应该忘记质量。

    在Photoshop中维护GIF的同时将图像转换容差设置为Web-Colors

    示例:

    在Photoshop中保持GIF的同时将颜色转换为WEEB的示例

  4. 软化允许您通过混合所选索引表中包含的阴影来平滑颜色之间的转换。

    在Photoshop中维护GIF的练习设置

    此外,该设置将有助于如何保留梯度和单色网站的完整性。当使用分配时增加文件的权重。

    示例:

    在Photoshop中保持GIF的同时应用迭代设置的示例

  5. 透明度。 GIF格式仅支持绝对透明或绝对不透明的像素。

    在Photoshop中维护GIF时设置背景透明度

    此参数无需额外调整,显示线条曲线,离开像素女士们。

    使用调整遮罩的例子,同时在Photoshop中保持GIF

    调整被称为“哑光”(在某些编辑“Kaima”)中。使用它,它被配置为将像素图像混合,其中包含它的页面的背景。对于最佳显示,请选择与站点背景的颜色对应的颜色。

    调整像素图像的混合与Photoshop中的Press Pages Resoe的背景

  6. 隔行扫描。最有用的Web设置之一。如果文件具有相当大的权重,则允许您立即在页面上显示图片,因为它加载了提高其质量。

    在Photoshop中保持GIF的同时设置隔行扫描

  7. SRGB转换有助于在保存时保存最大原始图像颜色。

    在Photoshop中维护GIF的同时设置SRGB中的颜色转换

建立“功能性透明度”显着恶化图像质量,我们将讨论课程实际部分中的“损失”参数。

用于透明度和数据丢失的功能化设置,同时在Photoshop中维护GIF

为了最佳了解,可以在Photoshop中设置GIF保存的过程,您必须练习。

练习

优化Internet图像的目标是在维持质量的同时最大限度地减少文件的权重。

  1. 处理图片后,转到“文件 - 保存Web”菜单。
  2. 展示“4选项”查看模式。

    选择查看结果的选项数量,同时在Photoshop中维护GIF

  3. 接下来,您需要其中一个选项可以使最相似的原件。让它成为右侧右侧的照片。这是为了估计具有最大质量的文件的大小。

    设置设置如下:

    • 配色方案“选择性”。
    • “颜色” - 265。
    • “屠宰”是“随机”,100%。
    • 删除与“交错”参数相对的DAW,因为图像的最终图像非常小。
    • “Web颜色”和“损失” - 零。

      在Photoshop中保持GIF的同时设置参考图像的参数

    将结果与原件进行比较。在示例窗口的底部,我们可以看到当前的GIF大小和以指定的Internet速度的加载速度。

    在Photoshop中保持GIF的同时,图像优化图像结果的比较

  4. 转到下面的图片即可配置。让我们试着优化它。
    • 保持方案不变。
    • 颜色次数减少128。
    • 功能性值降至90%。
    • 网上颜色不接触,因为在这种情况下,它不会帮助我们保持质量。

      在Photoshop中维护GIF的同时设置目标图像参数

    GIF尺寸从36.59 KB减少到26.85 kB。

    优化后的图像尺寸减少,同时在Photoshop中保持GIF

  5. 由于图片中已经存在了一些粒度和小缺陷,因此让我们试图增加“损失”。此参数在压缩GIF时定义了允许的数据丢失级别。将值更改为8。

    在压缩GIF时设置允许的数据丢失级别以保存Photoshop中的GIF

    我们仍然设法减少了文件的大小,同时丢失了一点质量。 GIF现在重25.9千字节。

    在Photoshop中保持GIF的同时设置损耗后的图像尺寸

    总计,我们能够减少约10 kB的图片的大小,这超过30%。结果非常好。

  6. 进一步的行动非常简单。单击“保存”按钮。

    保存在Photoshop中Gifki Sentration Settings窗口中的按钮

    我们选择一个保存的地方,给出gif的名称,然后再次按“保存”。

    选择Photoshop中GIF保存的地方和名称

    请注意,有机会与GIF一起创建一个HTML文档,我们将建立我们的图片。为此,最好选择空文件夹。

    保存GIF以及Photoshop中的HTML文档

    结果,我们得到一个页面和一个带有图像的文件夹。

    在photoshop中保存的gif文件夹

提示:分配文件名时,尽量不使用西里尔字符,因为并非所有浏览器都能读取它们。

完成了在GIF格式中保存图像的课程。在它上,我们发现了如何优化文件以在Internet上放置。

阅读更多