岁月联盟 · 中国技术网 本站主页 | 安全认证 | 用户服务 | 技术论坛
新闻快报 | 新手学堂 | 黑客特区 | 程序语言 | 数 据 库 | 防 火 墙 | 路由交换 | 系统集成 | 服 务 器 | 存储备份 | 考试认证
Windows | Linux | Java | 协议分析 | 问题解答 | 进程大全 | 网页设计 | 多 媒 体 | 图库资料 | 软件下载 | 站内下载
  您现在的位置: 岁月联盟 >> 网页设计 >> Dreamweaver >> 技术教程 >> 网页设计正文
巧妙修改网页GIF图形按钮上的文字
作者:未知 文章来源:本站整理 点击数: 更新时间:2007-7-11 22:30:55
   天极设计在线:下面这个例子在设计运用中比较多见,就是修改原背景上的文字。这个例子中的背景比较简单,字体也是常见的宋体。所以我们可以先把原来的字抹去,恢复干净的按钮背景,然后再模仿原来的字体和效果重新写上新的文字。

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

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

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

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

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

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

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

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

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

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

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

  输入文字“证券”。

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

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

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

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

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

  完成结果:

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

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

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


  • 上一个网页设计:
  • 下一个网页设计:
  •  
    热门文章
    推荐文章
    关于我们 | 发展历程 | 网站地图 | 广告服务 | 招贤纳士 | 战略合作 | 友情链接 | 著作声明 | 联系我们
    Copyright © 2002-2007 SYUE All rights reserved.
    E_mail:WebSyue@163.Com 皖ICP备05004589号
    未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任.
    天龙八部私服 热血江湖私服 天龙八部私服 bet365 魔域私服 劲舞私服 传奇世界私服 bet365 传世私服 传奇世界私服