LOGO-200LOGO-120×35LOGO-200LOGO-200
    • 首页
    • 课程
      • 建筑设计方案表现班
      • 建筑参数化设计犀牛班
      • 室内设计就业高级综合班
      • AutoCAD专项
      • BIM全科高级综合班
        • BIM企业培训
        • BIM建筑与结构实战班
        • BIM机电管线实战班
        • BIM建筑装饰实战班
        • 全国BIM技能等级考试班
      • 景观园林设计表现班
      • 工业家具设计高级班
    • 作品
      • 建筑犀牛作品
      • 园林设计作品
      • 室内设计作品
      • 产品设计作品
    • 晶网知乎
    • 其他
      • 住宿安排
      • 关于我们
    • 软件
    • 新版网站
    ✕
    【官网】UI设计!如何在PS上直接使用FONTAWESOME图标?
    2015年9月6日

    估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标,只要在CSS引入这个字体icon,它就可以直接通过class来生成一个图标,而且免费使用。目前图标数量已经更新至585个之多,包含常用的APP UI应用图标、品牌图标等。今天教大家如何将FontAwesome直接在Photoshop或AI上使用,这样日后做UI设计也方便多了,下面我们说说方法。

    fontawesome

    STEP 1:下载Fontawesome字体

    官方下载地址:http://fortawesome.github.io/Font-Awesome

    下载后,将TTF文件安装到系统的字体目录。

    STEP 2:在PS或AI上使用Font Awesome图标字体

    打开Cheatsheet页面:fortawesome.github.io/Font-Awesome/cheatsheet/

    fontawesome

    选中你需要的图标,复制,如下图:

    fontawesome

    STEP 3:

    在PS或AI上粘贴上去(文字输入状态下),这时你可能看到是这样的,别急,看下面。

    fontawesome

    那是因为我们没有选择字体,把字体选择为Font Awesome就OK了,如下图:

    fontawesome

    好了,如果还有不懂的请在本文下方留言。

    另附PS一次性删除所有隐藏图层和空白无内容图层方法

    删除所有隐藏图标

    点击图层面板右上角展开菜单,选择【删除隐藏图层】,这样软件会自动删除所有的隐藏的图层了。

    删除所有隐藏图标

    删除所有空白图层

    点击【文件】菜单,选择【脚本 – 删除所有空图层】,这样软件就会删除所有空白、无内容的图层啦

    删除所有空白图层

    以上方法很简单,特别对于大文件处理,还是很有帮助的。

    Related posts

    2026年2月5日

    Beyond Chance Win Up to 1000x Your Stake with Plinko’s Simple, Thrilling Gameplay.


    Read more
    2026年2月5日

    Online Casino Zabavite se uz najvece bonuse


    Read more
    2026年2月5日

    Najboljši Online Casino Slovenija 2026 Top spletni casinoji


    Read more
    2026年2月5日

    10+ Top Casino Online Slovenija: Najboljši Spletna Igralnica 2026


    Read more

    严老师电话|微信|

    手机:18902259698

    QQ咨询

    严老师 QQ 275043888

    QQ联系咨询课程

    晶网设计培训是广州AIGC设计培训知名机构,拥有专业AIGC建筑、平面、电商、产品设计、人物插画、漫剧制作 学习课程等完善AI设计培训教学机构。

    机构地址:广州市天河区天河北路曜一城C座 2108(地铁华师站附近)

    ©2018 晶网设计 粤ICP备10225019号-1