您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> ps教程 >> 瀏覽設(shè)計(jì)教程

UI設(shè)計(jì)福利!如何在PS上使用FONTAWESOME圖標(biāo)

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


fontawesome


STEP 1:下載Fontawesome字體

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

下載后,將TTF文件安裝到系統(tǒng)的字體目錄。

STEP 2:在PS或AI上使用Font Awesome圖標(biāo)字體

打開(kāi)Cheatsheet頁(yè)面:http://fortawesome.github.io/Font-Awesome/cheatsheet/



fontawesome


選中你需要的圖標(biāo),復(fù)制,如下圖:


fontawesome


STEP 3:

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


fontawesome


那是因?yàn)槲覀儧](méi)有選擇字體,把字體選擇為Font Awesome就OK了,如下圖:


fontawesome


好了,如果還有不懂的請(qǐng)?jiān)诒疚南路搅粞浴?/p>

另附PS一次性刪除所有隱藏圖層和空白無(wú)內(nèi)容圖層方法

刪除所有隱藏圖標(biāo)

點(diǎn)擊圖層面板右上角展開(kāi)菜單,選擇【刪除隱藏圖層】,這樣軟件會(huì)自動(dòng)刪除所有的隱藏的圖層了。


刪除所有隱藏圖標(biāo)


刪除所有空白圖層

點(diǎn)擊【文件】菜單,選擇【腳本 – 刪除所有空?qǐng)D層】,這樣軟件就會(huì)刪除所有空白、無(wú)內(nèi)容的圖層啦


刪除所有空白圖層


以上方法很簡(jiǎn)單,特別對(duì)于大文件處理,還是很有幫助的。


[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ps2900.html
唯美綠色調(diào)色的思路及后期磨皮修圖方法
巧用極坐標(biāo)!圓形圖表分分鐘搞定
圖趣網(wǎng)微信
建議反饋
×