最近有网友问我如何利用Photoshop 制作具有透明背景的GIF 图像,其实用Photoshop 制作透明背景的GIF图像是个很简单的事情。
Photoshop提供了专门将独立于背景之上的物体输出为透明背景图的方法,这个方法在输出索引颜色图象到GIF时,可以将图象中的区域指定为透明背景,所有包含指定颜色的区域都被 Web 浏览器识别为透明。
从下面网友的来信来看,我想可能是几个概念的原因导致了有时未能制作出透明背景的图像。
有网友来信说,他无论如何也未制作出透明的GIF图像,并讲述了具体步骤如下:
1、新建一个文件,并在“新建的“文档背景中选择“透明。
2、图像制作完毕,并将图象转化“索引颜色,然后在“文件下的“输出子项中,将该图像输出为GIF图像文件。
可是在网页编辑中该图像却依然是带有白色背影的GIF图像文件,当然也可以通过网页编辑器中的图像编辑器来制作透明的GIF图像,但是效果却不十分理想。
从上而知,我认为可能是第一步出了错,该网友也许对新建菜单下的“文档背景选项不是太了解,其实这一点可以在PHOTOSHOP的帮助中得到以下资料:
·;;“白色是用白色填充背景,它是默认的背景色。
·;“背景颜色是用当前的背景颜色填充图象(即工具条中的背景色)。
·;;“透明用于创建一个包含没有颜色值的单图层图象。
从资料可以得知,在Photoshop中如果要输出多图层的GIF图象文件时,就不是在创建新文件中的“透明选项所能解决的了,而该网友可能就是误解了这一点,而导致不能输出多图层的透明GIF文件。
下面我们先就一个例子来讲述一下如何制作透明背景的GIF图像。
首先,我们任意选择一幅图象或自制一幅图象,并合并所有图层,然后将该图象模式转为“索引颜色,之所以要转变图象模式,是因为要制作透明的GIF图象就必须在输出至
GIF 前先将图象转换为索引颜色模式。(RGB图象模式也可以输出为GIF图象,但无法制作透明的GIF图象)
在转换图象颜色模式为“索引颜色时,会出现一个“索引颜色对话框,(见图1)该对话框有两个主选项,即“调板和“选项,在“调板中有“系统、“随样性、“平均等选项,它们的效果分别可以通过右侧的“预览功能观察,我们一般选用“随样性选项,它可以使用图象中代表性的颜色取样创建调板,并输出最佳图象品质。在“色彩深度中的X位/象素选项,意为:选取
4 位/象素,图象就由 16 种颜色组成;选择 6 位/象素,图象就由 64 种颜色组成;选择 8 位/象素,图象就由 256
种颜色组成,以此类推。注:减少颜色数目对于文件大小的影响,因文件大小和颜色内容的不同而不同。对于小图象,颜色数目对文件大小影响是不明显的。其实,“索引颜色对话框中的选项只控制索引颜色表的创建方式。Adobe
Photoshop 仍将图象当作 8 位、256 色图象。
点击“好,完成图象颜色模式到“索引颜色模式的转变。此时,图象已被转换为“索引图象,点击“文件、“输出>“GIF89a
输出,出现“GIF89a 输出选项对话框。
在“GIF89a
输出选项对话框中选择带加号的吸管工具,在图象中需要设置为透明的地方点击,即可去除整个图象中相关颜色,如果图象太大,可以使用抓手工具移动图象来配合吸管工具去除颜色,如果图象太小,可以使用“放大镜工具放大图象来配合吸管工具。
在操作中如果对去除结果不满意,可以按下 Alt
键并点按“复位(此时“取消命令按钮变为“复位),就可以完全恢复图象中的颜色,可惜无法一步步的返回!
对话框中的“交错选项可以在图象下载时逐步显示图象细节,大家不是在游览网页时,看见一些图象是逐步清淅的吗,就是这个“交错选项的效果了。
当所有设置完毕后,选择“好后,保存该文件即可完成透明GIF文件的输出了!(将保存的GIF图象文件通过一些GIF压缩软件可以有效的减少GIF的“体重,从而达到网页中快速生成图象的目的!)
上面所讲述的只是背景颜色较简单的透明背景GIF图象制作方法,对于“图像为单一层,背景色比较复杂的图象,我们可以使用“套索等工具采用“抠图的方法,将物体从背景色上抠出,然后反向选择,使用一种单一的颜色填充背景色,然后就可以十分方便的制作透明背景的GIF文件了。
当然,为了更精确的控制,我们还可以使用 Alpha
通道蒙版而不是指定颜色区域为透明来定义透明背景。但是本文所讲述的制作透明GIF图象的效果已可以满足普通的网页制作了,所以不再赘述。