首页 >web前端 >PS教程 > 正文

利用PhotoShop将Font-Awesome转为图片格式

原创2017-02-24 09:51:2711243
介绍如何将Font-Awesome等字体图标转换为图片格式,使用PHOTPSHOP很简单。

网上找了很多,都比较麻烦。别问为什么要这么做,因为你还没遇到需要的时候。

下载Font-Awesome字体库

从Font-Awesome官方网站上下载字体文件。
Font-Awesome4.4.0.zip

安装字体文件

安装ttf和otf字体文件。

利用PhotoShop将Font-Awesome转为图片格式

打开Font-Awesome字符列表

Font-Awesome Cheatsheet

此页面包含了Font-Awesome所有字符,下面在PhotoShop中会用到。
利用PhotoShop将Font-Awesome转为图片格式

在PhotoShop中使用(重点)

1.从上面打开的Font-Awesome Cheatsheet页面复制需要的字符图标。

注意,复制的是需要的那个图标,而不是字符编码,如下图。选择了fa-anchor对应的图标
利用PhotoShop将Font-Awesome转为图片格式

2.打开PS,切换至文字输入工具。

利用PhotoShop将Font-Awesome转为图片格式

3.在PS中粘贴,并设置字体为Font-Awesome。

利用PhotoShop将Font-Awesome转为图片格式

4.结果如下图。

利用PhotoShop将Font-Awesome转为图片格式

总结

如上,在PS中使用Font-Awesome字体,编辑后可得到你想要的任何图片样式,如:大小、颜色、形状等都可以在PS中设定,如下图所示:
利用PhotoShop将Font-Awesome转为图片格式

这里仅介绍了Font-Awesome在PS中的使用,其它字体也可以如法炮制。

更多利用PhotoShop将Font-Awesome转为图片格式 相关文章请关注PHP中文网!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:PhotoShop
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论条评论
    静待花开
  • 静待花开· 2017-03-21 10:28:531楼
  • 以前一直以为转图片的格式只要把图片的后缀改一下就好了

  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类