透明图透明图层

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

透明图 透明图层

透明图透明图层