注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

宁静的夏天

文字代码 图片代码 导航代码 模块代码 技巧代码 网页美化

 
 
 

日志

 
 
 
 

用PhotoShop制作透明背景图片  

2011-03-22 22:58:03|  分类: 网页设计与制作教 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

用PhotoShop制作透明背景图片

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

       下面就是操作步骤:

  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制作透明背景图片 - 发呆 - 博客代码空间
博客入门
博客操作
用PhotoShop制作透明背景图片 - 发呆 - 博客代码空间
子女教育 家庭婚姻
快乐生活
益智游戏
奇趣动物 健康美容
幽默图文
玩转电脑 
智商测试
汽车之家
  评论这张
 
阅读(372)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017