当前位置导航:炫浪网>>网络学院>>网页制作>>Dreamweaver教程

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

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

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

相关内容
赞助商链接