图像的透明背景制作很容易

我们来看看下面的例子就清楚了。

非透明背景（7K） 透明背景（1K)

透明背景图通常指的是GIFA 格式的图片，它的制作很简单，许多图像工具都可以做到。我介绍一下用Photoshop制作透明背景的图片的步骤。

1。首先打开图像，选择Image菜单下mode下的indexed color...转换图像格式。

2。选择File菜单下的Export的第一项：GIFa Export,跳出一个Options窗口，用吸管在背景上点一下（或者在调色板上选取需要的一种颜色，在图像背景上点一下），选OK，储存既可。 文章二:

1. 打开你要处理的图片(可以是任何格式的)，先调整它的尺寸大小，这一点虽然与透明背景图像没有什么联系，但图像太大会影响浏览速度，谁想只为了看一幅图片而“等你等得我心疼”呢！所以，在不影响视觉效果前提下应把图像尽量缩小，而且图像的长宽要和它在网页中的

大小基本一致，否则图像插入后会发生变形。调节尺寸可用(图像)菜单中的(图像尺寸)命令。

2. 用磁性套索工具选定需要的部分，这一步是为了把所需图像同原图中的不透明背景分离开来。这个工具对于选定与背景颜色反差较大的部分非常方便，但也需要一定耐心，才能把所需图像完整地选下来。然后使用“Edit(编辑)”菜单项中的“Copy(复制)”命令，把所选的内容复制到剪贴板中。

3. 使用“File(文件)”菜单中的“New(新建)”命令新建一图像。尺寸使用对话框中的默认值，这是系统根据剪贴板中的数据给出的最小值。在“Contents”这一栏中，一定要把“Transparent(透明)”项选中，这是是否能生成透明背景图像的关健。单击“OK”后，如果不出意外的话，你会看见一幅有网格的新图像，其实这是一幅背景透明的空白图像。

4. 用“Edit(编辑)”菜单中的“Paste(粘贴)”命令把剪贴板的内容粘贴到新图像中，在左边的工具栏中选择移动工具，把图像移到合适的位置。到这一步，基本的操作已经完成了，记住在这里千万不要合并层，否则前面的工作就前功尽弃了。

5. 最后选择“File(文件)”菜单中的“Save a copy(另存为一备份)”命令保存文件，在“Save as(另存为)”选择框中选定*.gif格式，单击“OK”进入下一步。

6. 在下一步出现的对话框中，同样也要选择“Transparency(透明)项”，其他各项使用默认值，单击“OK”完成。 文章三:

透明背景图片的制作过程！

一、打开一张要处理的图片，本教程以.JPG图片为例（注：如果是GIF格式的图片请新建一张图片，将其复制到新建的图片中再进行以下操作）。如图1所示：

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[1]

二、在图层面板上双击背景层。弹出新图层对话框，不需要修改任何参

数，直接选择\"好\"。如图2、图3所示。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[2]

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[3]

三、用魔术工具在背景层上单击，选中背景层。具体参数设置如图4。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[4]

四、这时按键盘上的 \" Delete \" ，删除所选择的图层。如图5所示。。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[5]

五、在[选择]菜单中选择 \"反选\"，（或按快捷键 Shift+ Ctrl+I），将图片中的人物选中，做为选区。如图6所示。。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[6]

六、选择路径面板，将\"选区生成工作路径\"，如图7所示

screen.width-500)this.style.width=screen.width-500; } } }\" border=0>

图[7]

七、将选区生成路径之后的图片变化如图9所示，请仔细看图片的边缘变化。。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[8]

八、点击如图9所示的按钮，弹出下拉菜单，选择\"存储路径\"，弹出对话框，如图10所示。

名称可以自己任意更改，也可以不修改，直接选择\"好\"。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[9]

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[10]

九、这时路径面板上的\"工作路径\"的名称改为\"路径1\"，（我选择使用默认的名称，这个不重要），如图11所示。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[11]

十、在路径面板上点击按钮，弹出下拉菜单，选择\"剪贴路径\"。如图12所示。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[12]

十一、弹出对话框，如图13所示。路径名称如果没有修改，为默认的名称：路径1，如果你在处理图片的过程中，修改的路径名称，请在此对话框中找到你修改的名称。展平度的值设为0.2 设备像素。单击\"好\"，结束制作。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[13]

十二、最后将图片保存（或另存为）为GIF或TIF图片。OK。如图14所示。

screen.width-500)this.style.width=screen.width-500; } } }\"

border=0> 图[14]

十三、将图[14]放在Dreamweaver MX软件中的浏览效果，如图15所示。

screen.width-500)this.style.width=screen.width-500; } } }\" border=0> 图[15]

制作透明背景图片的过程及演示全部结束