用PhotoShop制作透明背景图片

piaoling  2011-08-02 17:08:09

在网页制作中,往往会发生这种事情,当你把辛辛苦苦制作好的图像插到网页中后,会发现这幅图像 的背景颜色和网页背景颜色怎么看也不协调。图片在那里好像一块补丁,去掉吧,太可惜了,不去掉吧,看着实在别扭。这时你就要用透明的背景图像来帮忙了。关 于怎么使图像的透明背景,在一些杂志中介绍了不少方法,但步骤都很麻烦,而且效果也不是太好。其实在最新的PhotoShop中,只需简单几步,就可以 “搞定”一幅透明背景图像。下面就是操作步骤:

  1. 打开你要处理的图片(可以是任何格式的),先调整它的尺寸大小,这一点虽然与透明背景图像没有什么联系,但图像太大会影响浏览速度,谁想只为了看一幅图片 而“等你等得我心疼”呢!所以,在不影响视觉效果前提下应把图像尽量缩小,而且图像的长宽要和它在网页中的大小基本一致,否则图像插入后会发生变形。调节 尺寸可用Image(图像)菜单中的Image size(图像尺寸)命令。

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

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

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

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

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

  现在,一幅完美的透明背景图像就做成了!赶快试一试,把它插入到网页中,预览一下!怎么样,天衣无缝吧?

 

类别 :  photoshop(3)  |  浏览(4897)  |  评论(0)
发表评论(评论将通过邮件发给作者):

Email: