如何在PS上直接使用FONTAWESOME图标?

淡若微伤

淡若微伤

2016-04-05 18:09

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享如何在PS上直接使用FONTAWESOME图标?,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

如何在PS上直接使用FONTAWESOME图标?

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

如何在PS上直接使用FONTAWESOME图标? 图老师

  STEP 1:下载Fontawesome字体

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

  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一次性删除所有隐藏图层和空白无内容图层方法

  (图老师整理)删除所有隐藏图标

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

删除所有隐藏图标

  删除所有空白图层

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)
删除所有空白图层

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

展开更多 50%)
分享

猜你喜欢

如何在PS上直接使用FONTAWESOME图标?

PS
如何在PS上直接使用FONTAWESOME图标?

UI设计福利!如何在PS上直接使用FontAwesome图标?

PS PS教程
UI设计福利!如何在PS上直接使用FontAwesome图标?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何在iPhone上直接更新固件

iphone iPhone 5s iPhone 6 iphone刷机
如何在iPhone上直接更新固件

如何在Windows Phone 上使用微信?

手机软件 应用软件
如何在Windows Phone 上使用微信?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何在Linux上安装和使用Makeself

电脑入门
如何在Linux上安装和使用Makeself

如何在电脑上安装使用微信

电脑入门
如何在电脑上安装使用微信

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS教你如何把小鲜肉变成老大爷

PS教你如何把小鲜肉变成老大爷

快速使用photoshop计算对人像进行磨皮思路及方法

快速使用photoshop计算对人像进行磨皮思路及方法
下拉加载更多内容 ↓