欢迎来到神秘园PS教程自学网,这里是Photoshop爱好者的乐园![登录][注册]

PS网页GIF图形按钮上的文字

2011年10月24日09:03来源:互联网编辑:Nero

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

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

PS网页GIF图形按钮上的文字-原图-www.garden29.com

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

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

PS网页GIF图形按钮上的文字-原图放大-www.garden29.com

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

PS网页GIF图形按钮上的文字-选择-www.garden29.com

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

PS网页GIF图形按钮上的文字-变形-www.garden29.com

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

PS网页GIF图形按钮上的文字-取消选区-www.garden29.com

 输入文字“证券”。 

PS网页GIF图形按钮上的文字-输入文字-www.garden29.com

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

PS网页GIF图形按钮上的文字-设置文字-www.garden29.com

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

PS网页GIF图形按钮上的文字-文字描边-www.garden29.com

 完成结果: 

PS网页GIF图形按钮上的文字-完成-www.garden29.com

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

PS网页GIF图形按钮上的文字-原图-www.garden29.com  PS网页GIF图形按钮上的文字-完成-www.garden29.com

教程由[www.Garden29.com]收集整理
ps教程自学网 ps照片 ps抠图教程 ps鼠绘教程 ps字体 ps技巧 ps入门 ps知识问答
下次找不到怎么办?★一键收藏分享★
更多
设计软件教程
PS网页设计效果图推荐>>