透明图层(透明图)
大家好,飞飞今天来为大家解答以下的问题,关于透明图层,透明图这个很多人还不知道,那么下面让我带着大家一起来看看吧!
在我们常用图片的格式中,像BMP、JPG格式的图片是不能保存透明信息的,系统会默认为白色背景。
GIF格式的图片可以保存透明信息,但GIF格式的图片最多只能有256种颜色,因而只能使用在对图片要求不高的场合。
比较理想的是图片处理软件Photoshop的图片格式PSD,但以上三种常用课件制作软件中,只有Authorware可以支持PSD格式,而另外两种均不支持。
所以今天我们这里要介绍另外一种格式:PNG格式,PNG格式的图片支持无损压缩,而且可以很好地保存透明信息,最重要的一点是,以上三种软件都可以支持该格式。
下面我们就来看一下,如何利用Photoshop输出带有透明信息的PNG格式的图片。
启动Photoshop,打开所需的图片文件。
这时,我们在图层面板中可以看到一个名为“背景”的图层,因为在Photoshop中,背景图层是不允许直接编辑的,要把它转换成普通的图层。
双击该图层,出现“新图层”对话框,直接点[好],即可将“背景”图层转换成普通图层。
接下来,在工具面板中选择魔术棒工具,单击需要删除的背景色,然后按下“Delete”键,就可将背景色完全删除,图中的方格部分就表示该部分是透明的。
最后,我们要把它输出为PNG格式文件,单击“文件/存储为Web所用格式…”,在右侧的保存选项中选择“PNG—24”格式,把下面的“透明区域”选项选上,单击[好]保存。
************************************************************************************************************************************* 在网页制作中,往往会发生这种事情,当你把辛辛苦苦制作好的图像插到网页中后,会发现这幅图像的背景颜色和网页背景颜色怎么看也不协调。
图片在那里好像一块补丁,去掉吧,太可惜了,不去掉吧,看着实在别扭。
这时你就要用透明的背景图像来帮忙了。
关于怎么使图像的透明背景,在一些杂志中介绍了不少方法,但步骤都很麻烦,而且效果也不是太好。
其实在PhotoShop 5.5以后版本中,只需简单几步,就可以“搞定”一幅透明背景图像。
下面就是操作步骤: 1. 打开你要处理的图片(可以是任何格式的),先调整它的尺寸大小,这一点虽然与透明背景图像没有什么联系,但图像太大会影响浏览速度,谁想只为了看一幅图片而“等你等得我心疼”呢!所以,在不影响视觉效果前提下应把图像尽量缩小,而且图像的长宽要和它在网页中的大小基本一致,否则图像插入后会发生变形。
调节尺寸可用Image(图像)菜单中的Image size(图像尺寸)命令。
2. 用套索工具选定需要的部分,这一步是为了把所需图像同原图中的不透明背景分离开来。
PhotoShop 5.0以上的版本中增加了磁性套索工具,这个工具对于选定与背景颜色反差较大的部分非常方便,但也需要一定耐心,才能把所需图像完整地选下来。
然后使用“Edit(编辑)”菜单项中的“Copy(复制)”命令,把所选的内容复制到剪贴板中。
3. 使用“File(文件)”菜单中的“New(新建)”命令新建一图像。
尺寸使用对话框中的默认值,这是系统根据剪贴板中的数据给出的最小值。
在“Contents”这一栏中,一定要把“Transparent(透明)”项选中,这是是否能生成透明背景图像的关健。
单击“OK”后,如果不出意外的话,你会看见一幅有网格的新图像,其实这是一幅背景透明的空白图像。
4. 用“Edit(编辑)”菜单中的“Paste(粘贴)”命令把剪贴板的内容粘贴到新图像中,在左边的工具栏中选择移动工具,把图像移到合适的位置。
到这一步,基本的操作已经完成了,记住在这里千万不要合并层,否则前面的工作就前功尽弃了。
5. 最后选择“File(文件)”菜单中的“Save a copy(另存为一备份)”命令保存文件,在“Save as(另存为)”选择框中选定*.gif格式,单击“OK”进入下一步。
6. 在下一步出现的对话框中,同样也要选择“Transparency(透明)项”,其他各项使用默认值,单击“OK”完成。
现在,一幅完美的透明背景图像就做成了!赶快试一试,把它插入到网页中,预览一下!怎么样,天衣无缝吧? 另提供一种给photoshop比较熟练的朋友:将图像转换成 Index Color,选择要透明的部分,制作通道,带通道将文件直接保存为 GIF 格式,OK.。
本文分享完毕,希望对大家有所帮助哦。
版权声明:本文由用户上传,如有侵权请联系删除!