ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3861|回复: 0
收起左侧

[技巧教程] 如何在PS上直接使用FontAwesome图标?

[复制链接]
发表于 2015-9-2 18:00:40 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

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

STEP 1:下载Fontawesome字体官方下载地址:http://fortawesome.github.io/Font-Awesome下载后,将TTF文件安装到系统的字体目录。STEP 2:在PS或AI上使用Font Awesome图标字体打开Cheatsheet页面:fortawesome.github.io/Font-Awesome/cheatsheet/

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

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

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

好了,如果还有不懂的请在本文下方留言。另附PS一次性删除所有隐藏图层和空白无内容图层方法删除所有隐藏图标点击图层面板右上角展开菜单,选择【删除隐藏图层】,这样软件会自动删除所有的隐藏的图层了。

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

以上方法很简单,特别对于大文件处理,还是很有帮助的。
教程编号:0 作者:shejidaren 出处:shejidaren
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-23 16:17 , Processed in 0.028688 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表