您现在的位置: 网页吧 > 技术文档 > 图形图象 > PHOTOSHOP > 正文
  • 站内搜索:

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

[作者:佚名 | 点击数: | 时间:2006-7-28]【
下面这个例子在设计运用中比较多见,就是修改原背景上的文字。这个例子中的背景比较简单,字体也是常见的宋体。所以我们可以先把原来的字抹去,恢复干净的按钮背景,然后再模仿原来的字体和效果重新写上新的文字。

  从论坛中看到一个帖子:我想做个一模一样的.就是把“健康”两字换成“证券”两字。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图形按钮上的文字

巧妙修改网页GIF图形按钮上的文字网友评论
发表评论
  • 姓 名 :* (必填项)
  • E-mail: QQ:
  • 评 分 : 1分 2分 3分 4分 5分
  • 评论内容:
·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任。
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据。
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为。
网页吧·中国站长第一门户