當前位置:首頁>ps入門教程>ps基礎教程>技巧教程>教程內容

使用技巧,教你在PS上直接使用FontAwesome圖標

來源:shejidaren 作者:shejidaren 學習:10804人次

估計很多前端人員都知道FontAwesome是一套免費而且好用的Web字體圖標,只要在CSS引入這個字體icon,它就可以直接通過class來生成一個圖標,而且免費使用。目前圖標數量已經更新至585個之多,包含常用的APP UI應用圖標、品牌圖標等。今天教大家如何將FontAwesome直接在Photoshop或AI上使用,這樣日后做UI設計也方便多了,下面我們說說方法。

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

STEP 1:下載Fontawesome字體

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

下載后,將TTF文件安裝到系統的字體目錄。

STEP 2:在PS或AI上使用Font Awesome圖標字體

打開Cheatsheet頁面:fortawesome.github.io/Font-Awesome/cheatsheet/

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

選中你需要的圖標,復制,如下圖:

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

STEP 3:

在PS或AI上粘貼上去(文字輸入狀態(tài)下),這時你可能看到是這樣的,別急,看下面。

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

那是因為我們沒有選擇字體,把字體選擇為Font Awesome就OK了,如下圖:

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

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

另附PS一次性刪除所有隱藏圖層和空白無內容圖層方法

刪除所有隱藏圖標

點擊圖層面板右上角展開菜單,選擇【刪除隱藏圖層】,這樣軟件會自動刪除所有的隱藏的圖層了。

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

刪除所有空白圖層

點擊【文件】菜單,選擇【腳本 – 刪除所有空圖層】,這樣軟件就會刪除所有空白、無內容的圖層啦

使用技巧,教你在PS上直接使用FontAwesome圖標_tgudhdp.cn

以上方法很簡單,特別對于大文件處理,還是很有幫助的。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!