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

资讯 驱动中国 xuqingzhong 2,888 次阅读 0 条评论
分享 Q

 

 

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

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

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友