Font-Awesome in Photoshop

Mit Font-Awesome kann man ohne Grafiken schöne web-optimierte Icons per CSS einbinden. Wunderbar – nur wie kann der Web-Designer mit diesen Icons in Photoshop arbeiten? Ganz einfach:

Font-Awesome in Photoshop verwenden
  1. Lade Font Awesome herunter.
  2. Nachdem Du die Zip-Datei entpackt hast, schnell zum Font-Verzeichnis und…
  3. FontAwesome.otf installieren
  4. Doppelklick auf die Datei und das System (Mac oder PC) wird die Schrift installieren.
  5. Öffne dann Photoshop und erstelle  ein neues Dokument.
  6. Wähle das Text-Werkzeug aus der Werkzeugleiste.
  7. Wähle FontAwesome (OT1) aus der Schriftenliste aus.
  8. Öffne das Font-Awesome Cheatsheet.
  9. Positioniere den Mauszeiger über dem Symbol das Du in Photoshop einsetzen willst. Markiere und kopiere es. Dann zurück zu Photohop und einfach per Copy-Paste ins Dokument einfügen.

Voila! Das war’s auch schon! Das Symbol lässt sich in Photoshop beliebig einfärben oder skalieren.

Hinterlasse einen Kommentar

Datenschutz Einstellungen
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.