1. 首頁
  2. »
  3. Photoshop
  4. »
  5. [外掛] FontAwesome PS-將FontAwesome圖示套用到Photoshopt中且可再編輯

[外掛] FontAwesome PS-將FontAwesome圖示套用到Photoshopt中且可再編輯

2015/10/02

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯

  先前梅干曾分享過,將IconFonts安裝到電腦中,並再把IconFonts的圖示,套用到Photoshop的畫面中,但過程會有點小麻煩,除此之外由於是文字檔,因此當貼到Photoshop的畫面中後,只能修改圖示的大小與色彩,就無法改變它的造型,而現在有隻Font Awesome的Photoshop外掛,可將Font Awesome的圖示,變成Photoshop中的控制面板,直接點選就能將Font Awesome的圖示產生在Photoshop中,除了可改變大小、顏色外,甚至還可改變它的造型,更重要的是它是全向量格式,因此修改完畢後,也可儲存成svg,再到IcoMoon的網站中,將svg再轉回IconFonts,相當的方便喔!至於怎麼使用,現在就一塊來看看吧!


FontAwesomePS:

套件名稱:FontAwesomePS
適用版本:Photoshop CC
套件性質:免費
套件下載:http://creativedo.co/FontAwesomePS

Step1

當進入外掛套件畫面後,點一下DOWNLOAD FREE鈕。

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step2

接著再輸入姓名與Email。

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step3

接著再按下載鈕。

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step4

當下載完畢,解壓縮後,再點FontAwesomePS_1.0.zxp

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step5

當安裝完畢後,在Adobe的擴充套件中,就會看到已安裝的套件名稱,但此套件只限於Adobe Photoshop CC版喔!

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step6

這時開啟Photoshop,再點視窗 / 延伸功能 / FontAwesome PS

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step7

接著就會開啟 FontAwesome PS 面板,就會看到所有FontAwesome PS的圖示,接著只要點一下所需的圖示縮圖。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step8

接著立即就會產生,同時還是向量 圖層,但也太迷你了。

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step9

這時可用縮放將圖示給放大,並用路徑選取工具,點一下就會看到所有的路徑節點,透過這些節點,就可任意的修改圖示的形狀。

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯


Step10

除了點圖示縮圖外,也可透過上方的搜尋框,輸入相關的關鍵字,隨即也會秀出相對應的圖示來,是不是超方便的呀!也趕快去下載吧!

梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯