网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Dreamweaver > 技术教程 > 巧妙修改网页GIF图形按钮上的文字  

巧妙修改网页GIF图形按钮上的文字

2007-06-29  作者:bitsCN整理  来源:bitsCN.com  点评 投稿 收藏

   天极设计在线:下面这个例子在设计运用中比较多见,就是修改原背景上的文字。这个例子中的背景比较简单,字体也是常见的宋体。所以我们可以先把原来的字抹去,恢复干净的按钮背景,然后再模仿原来的字体和效果重新写上新的文字。

  从论坛中看到一个帖子:我想做个一模一样的.就是把“健康”两字换成“证券”两字。PSD文件已经找不到,现在是GIF文件。请高手帮忙!

网管下载dl.bitscn.com

天极设计在线_巧妙修改GIF图形按钮上的文字

网管u家u.bitscn@com

  有人回答用图章去修,我觉得并不是最好的办法。只是换文字不需要那么麻烦,而且也应该先认清这种按钮的特点,再来做。 网管u家u.bitscn@com

  在Photoshop中使用缩放工具,将图像放大400%,要先将GIF图像的索引色模式转换为RGB的模式(选择菜单“图像-模式-RGB Color”)。

网管u家u.bitscn@com

天极设计在线_巧妙修改GIF图形按钮上的文字 网管u家u.bitscn@com

  使用选择工具,选择矩形如下图所示。

网管论坛bbs_bitsCN_com

天极设计在线_巧妙修改GIF图形按钮上的文字 网管下载dl.bitscn.com

  按下Ctrl+T键,对选区进行变形,向左右拖曳。

网管网www.bitscn.com

天极设计在线_巧妙修改GIF图形按钮上的文字 网管u家u.bitscn@com

  将变换的选区拖到两端后,按回车键进行确认变换,再执行Ctrl+D键取消选区。

网管联盟bitsCN_com

天极设计在线_巧妙修改GIF图形按钮上的文字

网管联盟bitsCN@com

  输入文字“证券”。

网管下载dl.bitscn.com

天极设计在线_巧妙修改GIF图形按钮上的文字

中国网管论坛bbs.bitsCN.com

  在工具选项栏中如下图设置,最重要的是在“设置消除锯齿的方法”为“无”,这是在网络上应用小文字的必需。参考《如何在Photoshop中使用清晰的小号汉字》。

网管联盟bitsCN@com

天极设计在线_巧妙修改GIF图形按钮上的文字 网管网www_bitscn_com

  在给图层上加上一个1个像素的描边。

网管联盟bitsCN@com

天极设计在线_巧妙修改GIF图形按钮上的文字

网管u家u.bitscn@com

  完成结果: 网管bitscn_com

天极设计在线_巧妙修改GIF图形按钮上的文字

网管网www_bitscn_com

  再使用字符调板调整一下字的间距即可。效果对比如下。

网管网www.bitscn.com

   天极设计在线_巧妙修改GIF图形按钮上的文字   天极设计在线_巧妙修改GIF图形按钮上的文字

网管联盟bitsCN_com


TAGs   按钮   文字   图形   修改   网页   巧妙   使用   如下   选择   背景      
 上一篇:在线轻松获取渐变色文字网页代码   下一篇:符合标准的似于Flash的超酷特效代码
巧妙修改网页GIF图形按钮上的文字 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: