分享

如何制作透明图片?

 昵称178570 2009-07-24

***********************************************************************************************************************************    

      在我们常用图片的格式中,像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.


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多