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.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.