专业技能 > Photoshop
+

5个方面帮你彻底掌握AI中的「存储为WEB所用格式」(2)

2016/1/25    作者:未知    来源:网络文摘    阅读:2726

二、GIF文件格式

    GIF(Graphics Interchange Format)在WEB端是最古老也是使用频率最高的图片格式。尤其是当图片的颜色较为平面化的(如本例所示),这个格式对图片来说就最为理想的。

    我们应该知道GIF所用的颜色模式是索引颜色模式,索引颜色模式是精选RGB图像中所使用的颜色,然后再构建新的调色板,从而可以在不降低图像质量的同时缩小图像的容量。

    保存为WEB格式的对话框中有多种GIF的预设,你需要仔细查看不同选项下的图片的品质和图片的大小。大家可以看到我在下图中的设置,我选择了GIF的颜色为128,这时的图片的效果还不错,而图片的大小也只有13.71K。

5feiwu20151230

接下来让我们试着调低一下颜色的值,把颜色值设置为8,这时你会看到图片的大小变为了8.702K,但是图片丢失了品质。边缘开始出现锯齿,这时因为没有足够的颜色来支持颜色间的平滑过渡。虽然,我们在AI中只用了很少量的颜色,但AI本身的抗锯齿处理会使用更多的色彩来平滑边缘的锯齿。

6feiwu20151230

GIF的色彩会被限制在那些经过筛选的“网页安全色”中。这在今天看了已经不需要担心了,目前我们所用的显示器都可以很好的展示出成千上万的颜色,但是在过去,在旧式的苹果系统和Windows系统下可以使用的就只有216种颜色,因此那时的UI设计师都会非常慎重地挑选颜色。

    所以,如果你想确保你的图片在每个平台的颜色都保持一致,那么你可以将自己的配色限制在这个色域里。在这个例子里,我们使用“GIPF Web 调板”的预设,你会看到图片中的颜色发生了很大的变化。

7feiwu20151230

    一个GIF图片也可以是黑白的,在这里可以选择了黑白后再选择扩散来让颜色过渡得更自然。你可以通过调试仿色的滑块来选择不同的扩散效果。但图片整体的效果绝对是60年代的LOOK!

8feiwu20151230

GIF格式可以支持一个维度的透明度。这是什么意思呢?意思就是,这种格式的图片可以显示为完全不可见或完全可见,没有中间过渡。所以,如果你的图片里有透明渐变或柔软朦胧的阴影,那就最好放弃这一格式。

9feiwu20151230

紧靠勾选透明度选项右侧的,是一个叫做“杂边”的色彩选择参数。这会围绕图片里所编辑的对象增加一条细边,有点类似PS中的描边。如果你要将这个GIF图片置于一个有色的背景中,那么你可以在此选择与背景相同颜色的杂边。这会让图片和背景融合得更加自然。

  • 相关文章
  • 热门文章
免责申明:天天CAD教程网旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:qm198794@gmail.com天天CAD教程网湘ICP备17006802号
【回到顶部】