Usare Font Awesome in Photoshop, è utile perchè tu possa utilizzare tutta la potenza delle icon-font.
Font Awesome è il più noto icon font della rete, grazie anche al fatto che venne utilizzato da Twitter Bootstrap, ma cos’è un icon font? Non è altro che un carattere, un glifo, per essere esatti, che contraddistingue quel tipo di carattere a seconda della famiglia di appartenenza, quest’ultima denominata carattere della font, appunto.
Con Font Awesome dunque, è usabile con tutte le regole CSS che riguardano l’uso della font: line-height, color, font-size, ecc.ecc.
…ma visto che, essenzialmente si parla sempre di font, è possibile inserirlo nelle font usate da Photoshop?
Assolutamente si! …ed ecco come è possibile.
Usare Font Awesome in Photoshop
1. I file di Font Awesome
Scarica il pacchetto contenente i file di Font Awesome, e scompattalo, come vedi dall’immagine vi sono i file di Font Awesome, installali sul tuo computer esattamente come se fossero una font qualsiasi; cosa che effettivamente sono 🙂
Per il Mac usa l’applicazione “libro Font”.
2. Lo Cheatsheet
Vai all pagina dello cheatsheet di Font Awesome: http://fontawesome.io/cheatsheet/
Troverai le centinaia icon font di Font Awesome: copia quella da te scelta, per esempio, scelgo l’auto
3. Photoshop
Apri Photoshop, seleziona come lingua Font Awesome(!) e incolla: finalmente vedrai apparire l’auto.
Ovviamente essendo una immagine vettoriale (è un testo) potrai aumentare o diminuirne la dimensione senza perderne la qualità, e per la sua gestione dovrai fare affidamento ad essa esattamente come se fosse una font, dunque alla finestra Carattere, Paragrafo, ecc.ecc.
Corollario
Se proprio non hai capito (personalmente mi ci è voluto un po’ a capirlo…!) guarda il video qui sotto.
https://www.youtube.com/watch?v=OhlDYcu5U5Q
Altro articolo che potresti leggere con particolare attenzione è Come avere elementi diversi alla stessa altezza: esso appartiene alla stessa “categoria” di articoli a impronta grafica dell’articolo che hai appena letto.
Fonte:
– Use Font Awesome in Photoshop