如何制作透明背景的PNG图片

如何制作透明背景的PNG图片？

2008-10-09 13:16:49| 分类：软件下载|软件使| 标签：|字号大中小订阅

如何制作透明背景的PNG图片？

我们在制作多媒体课件时，有时希望导入的图片背景透明，但很多时候我们想尽了各种办法还是不能实现。其实，看完了下文，您就会知道，原来透明并不是一件难事。

我们先来看一下，我们常用的课件制作软件中使导入的图片背景透明的一般方法。

1.Authorware

在Authorware中，我们对在显示图标中导入的图片设置背景透明的常用的方法是：双击选择工具，然后选择其中的透明(如图1)。这种方法非常简单，也很方便。但它的不足之处也是很明显的：我们看图1中的两张小动物的图片，这两幅图片原来的背景都是白色，设置了透明之后，动物的四周围都有白边，并不是很干净。而且第二张图片中，小章鱼的眼睛本来是白色的，因为白色背景被透明了，结果眼睛也透明了。而且，用这种方法使背景透明，只对白色背景有效，如果背景是其他颜色背景或者比较复杂，就无能为力了。

0 &&

image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag

e.width;}}" height=181

src="/Files/BeyondPic/2006-1/5/200510982446734.jpg" width=200

border=1>

图1 Authorware中设置透明

2.PowerPoint

如果在PowerPoint中对导入的图片设置背景透明，可以把图片工具栏调出来，选择其中的“设置透明色”工具，然后在图片中单击想透明的背景颜色即可(如图2)。应该说在PowerPoint 中设置透明比在Authorware中方便多了，因为它不限定是白色，可以是任何颜色。但缺点也是有的，一是在一张图片中只能设置一种颜色，第二个缺点与在Authorware中类似，我们从图2中也可以看得出，右边人物的眼睛的颜色因为跟背景色相同，结果也被透明了。

0 &&

image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag

e.width;}}" height=154

src="/Files/BeyondPic/2006-1/5/200510982446580.jpg" width=200

border=1>

图2 PowerPoint中设置透明

3.Flash

对于导入的位图，Flash提供的编辑功能很有限。我们对于导入的图片，如果要使背景透明的话，也不是没办法。一般情况下，选定导入的图片，然后选择“修改/分离”命令(或直接按下“Ctrl+B”键，即可将导入的图片打散)，再用选择工具中的魔术棒工具，选定背景色，将之删除。如果还有其他的无关背景，可再用橡皮工具将之擦除，这样，可以取得比较好的效果(如图3)。但这种方法操作比较复杂，而且很费时间。

0 &&

image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag

e.width;}}" height=143

src="/Files/BeyondPic/2006-1/5/200510982446621.jpg" width=200

border=1>

图3 Flash中设置透明

下面来讲讲透明图片的制作

从以上可以看出，三种课件制作软件中，对于背景的透明，各有自己的一套办法，但使用起来，都不能得心应手，有没有一种更好的办法呢？

在回答这个问题之前，我们简单地说明一下哪些图片格式可以保存透明信息。在我们常用图片的格式中，像BMP、JPG格式的图片是不能保存透明信息的。GIF格式的图片可以保存透明信息，但GIF格式的图片最多只能有256种颜色，因而只能使用在对图片要求不高的场合。比较理想的是图片处理软件Photoshop的图片格式PSD，但以上三种常用课件制作软件中，只有Authorware可以支持PSD格式，而另外两种均不支持。所以今天我们这里要介绍另外一种格式：PNG格式，PNG格式的图片支持无损压缩，而且可以很好地保存透明信息，最重要的一点是，以上三种软件都可以支持该格式。下面我们就来看一下，如何利用Photoshop输出带有透明信息的PNG格式的图片。

启动Photoshop，打开所需的图片文件。这时，我们在图层面板中可以看到一个名为“背景”的图层，因为在Photoshop中，背景图层是不允许直接编辑的，要把它转换成普通的图层。双击该图层，出现“新图层”对话框(如图4)，直接点[好]，即可将“背景”图层转换成普通图层。

0 &&

image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag

e.width;}}" height=207

src="/Files/BeyondPic/2006-1/5/200510982446360.jpg" width=350

border=1>

图4 “新图层”对话框

接下来，在工具面板中选择魔术棒工具，单击需要删除的背景色，然后按下“Delete”键，就可将背景色完全删除，这时我们看到的图片应该如图5所示，图中的方格部分就表示该部

分是透明的。

0 &&

image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/imag

e.width;}}" height=207

src="/Files/BeyondPic/2006-1/5/200510982446371.jpg" width=200