• 技术文章 >web前端 >PS教程

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

    高洛峰高洛峰2017-02-24 09:51:27原创1520
    介绍如何将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中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:PhotoShop
    上一篇:photoshop 网页png图标保存后有锯齿解决办法 下一篇:PhotoShop的10大误区
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• photoshop利用滤镜制作绚丽的彩色烟花• photoshop利用液化滤镜及画笔制作漂亮的流体艺术插画• Photoshop 漂亮的蔓藤花• PS打造一款冷酷逼真的金属质感符号• Photoshop单图层制作绚丽的立体紫色镜头
    1/1

    PHP中文网