首頁  >  文章  >  web前端  >  利用PhotoShop將Font-Awesome轉為圖片格式

利用PhotoShop將Font-Awesome轉為圖片格式

高洛峰
高洛峰原創
2017-02-24 09:51:272506瀏覽

介紹如何將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