用PhotoShop制作透明背景图片[转帖] [分享]
在网页制作中,往往会发生这种事情,当你把辛辛苦苦制作好的图像插到网页中后,会发现这幅图像的背景颜和网页背景颜怎么看也不协调。图片在那里好像一块补丁,去掉吧,太可惜了,不去掉吧,看着实在别扭。这时你就要用透明的背景图像来帮忙了。关于怎么使图像的透明背景,在一些杂志中介绍了不少方法,但步骤都很麻烦,而且效果也不是太好。其实在最新的PhotoShop 5.5中,只需简单几步,就可以“搞定”一幅透明背景图像。下面就是操作步骤:
  1. 打开你要处理的图片(可以是任何格式的),先调整它的尺寸大小,这一点虽然与透明背景图像没有什么联系,但图像太大会影响浏览速度,谁想只为了看一幅图片而“等你等得我心疼”呢!所以,在不影响视觉效果前提下应把图像尽量缩小,而且图像的长宽要和它在网页中的大小基本一致,否则图像插入后会发生变形。调节尺寸可用Image(图像)菜单中的Image size(图像尺寸)命令。
  2. 用套索工具选定需要的部分,这一步是为了把所需图像同原图中的不透明背景分离开来。PhotoShop 5.O以上的版本中增加了磁性套索工具,这个工具对于选定与背景颜反差较大的部分非常方便,但也需要一定耐心,才能把所需图像完整地选下来。然后使用“Edit(编辑)”菜单项中的“Copy(复制)”命令,把所选的内容复制到剪贴板中。
  3. 使用“File(文件)”菜单中的“New(新建)”命令新建一图像。尺寸使用对话框中的默认值,这是系统根据
剪贴板中的数据给出的最小值。在“Contents”这一栏中,一定要把“Transparent(透明)”项选中,这是是否能生成透明背景图像的关健。单击“OK”后,如果不出意外的话,你会看见一幅有网格的新图像,其实这是一幅背景透明的空白图像。
  4. 用“Edit(编辑)”菜单中的“Paste(粘贴)”命令把剪贴板的内容粘贴到新图像中,在左边的工具栏中选择移动工具,把图像移到合适的位置。到这一步,基本的操作已经完成了,记住在这里千万不要合并层,否则前面的工作就前功尽弃了。
最后选择“File(文件)”菜单中的“Save a copy(另存为一备份)”命令保存文件,在“Save as(另存为)”选择框中选定*.gif格式,单击“OK”进入下一步。
  6. 在下一步出现的对话框中,同样也要选择“Transparency(透明)项”,其他各项使用默认值,单击“OK”完成。
  现在,一幅完美的透明背景图像就做成了!赶快试一试,把它插入到网页中,预览一下!怎么样,天衣无缝吧?
怎么制作网页图片一般来说,网络中的透明背景的图片都是GIF格式的,在Photos
hop中您可以先使用指令“图像”→“模式”→“索引颜”将图片转成256,再使用指令FileExportGIF89a
將图片输出成可含有透明背景的GIF图档,当然别忘了在该指令视窗中使用Photoshop的选滴管将图片中的部份彩设成透明!在保存文件的时候不要选择保存或另存为,而是直接选“输出GIF”然后,选择透明,如果你需要透明的部分都是白就选白,依次类推做图片时把背景图片隐藏调然后再Save for Web 就可以透明了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。