软件频道>设计在线>Photoshop|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 美工教室 > photoshop > 巧妙修改网页GIF图形按钮上的文字
全文

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

2006-07-24 09:14作者:出处:bonesblog责任编辑:Shiny

点击查看更多精彩网页设计技巧

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

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


  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线design.yesky.com!
  特别推荐——设计类视频教程。



Photoshop视频教程

完整教程下载

Coreldraw视频教程

完整教程下载

Flash MX 视频教程

网页设计制作视频教程

3DsMAX视频教程

完整教程下载

PremierePro视频教程

软件资讯·软件下载尽在天极软件

相关搜索:
关注此文读者还看过
热门关注
特别推荐
文章排行
本周
本月
最近更新
关于我们|About us|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2009 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 渝ICP证B2-20030003号
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众