Wie Sie mit dem Illustrator-Plug-in Fontself einen mehrfarbigen Icon-Font erstellen

Die meisten Schriften, die Sie in Illustrator verwenden, bestehen aus Vektorpfaden. Mit Font-Editoren werden aus Vektorzeichnungen Fonts erstellt. Für die Erstellung eines hochwertigen Fonts braucht man viel Spezialwissen – der rein technische Prozess zur Erstellung eines einfachen Fonts wurde jedoch dank des Plug-ins Fontself sehr viel intuitiver und lässt sich direkt innerhalb von Illustrator erledigen.

Icons und Dingbats-Fonts

Die Verwaltung und der Austausch von Vektorgrafiken zwischen unterschiedlichen Applikationen ist mithilfe von Fonts sehr intuitiv und problemlos möglich. Vektorschriften sind frei skalierbar und einfarbige Schriften lassen sich in praktisch allen Programmen einsetzen [Abb. 1].

Abb. 1: Der fertiggestellte Font im Einsatz in Illustrator CC 2018

Pixelfonts

Während der Großteil der im Publishingbereich eingesetzten Fonts vektorbasiert ist, gibt es auch einige Pixelfonts, z. B. die Color-Emoji-Schrift von Apple. Pixelfonts können Sie ebenfalls selbst erstellen – dazu gibt es das Plug-in Fontself für Photoshop.

Mit Fontself ist die Erstellung von Fonts ein Kinderspiel und für einen Icon-Font haben Sie darin ausreichende Möglichkeiten. Über die reine Konvertierung von Vektorgrafik in einen Font hinaus können Sie mit Fontself Laufweite und Kerning anpassen, alternative Glyphen anlegen und Ligaturen definieren. Darüber hinaus können Sie eine Schriftfamilie erstellen und das Ganze sogar in Farbe anlegen. Gerade die Farboption ist für die Umsetzung einer Iconschrift so interessant.

Wir werden aus den vorhandenen Icons aus dem Beitrag »Wie Sie mit Illustrator Icons für Sehenswürdigkeiten zeichnen« eine Familie – bestehend aus einer farbigen und einer »normalen« Version – erstellen. Die farbige Version lässt sich lediglich in der aktuellen Illustrator-Version sowie in einigen anderen Applikationen verwenden, eine Übersicht finden Sie unter https://www.colorfonts.wtf.

Dilolfltatouoeawt-dalns-nsno FnndI

Eln rtcooVFe nlAirenInb gephfe.m dl.sriaut ieuu r t an einokezn Pe ihrIsesiteerafcsraisi iu grhpsrscFenttn fan.at D mlrrssatuni BCttDnEttu oeu aCVnaa bn ud .Mnren.onekee ler nolno I sgenm.of loeftpa.ntuwes itsffnle S .etuaeFae2 wnsdsit teE dDvlmoeuzwlosS nft.ddhlSt eeen sftwmCrte rofb3 u4artmnac-9n-i on 1 vtS tth cber fIkir erootal0E elmutbadnonrnreslFF e5l2dhrehtgnteee

U ranifGeeKr fdenlnotTreec n t rIometnnMaGft o ti g n-aSainrgFeaeeu zlApuseenkeoibuft-n nBbeg cl vmzS eemSInruihtnMafe rnelsi strtotineei ibnetereu d dl.Wp,seCe srM fsn etdo.loelntte e shaeiBerltnklf bentntdp wo Boer,aad a eiSa-e cisufD tukek. 2 iadd i dnikdeauio uhu nrntdirttte.nemnwf

Lerneinheit weiterlesen

Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.

Ein Zugang bietet Ihnen zahlreiche Vorteile:

Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.

Einloggen oder registrieren

nach oben

Lerneinheit weiterlesen

Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.

Ein Zugang bietet Ihnen zahlreiche Vorteile:

Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.

Einloggen oder registrieren

Inhaltsverzeichnis

Mit dem Plug-in Fontself einen mehrfarbigen Icon-Font erstellen
- Icons und Dingbats-Fonts
  - Fontself-Download und -Installation
- Vorbereitung der Grafik
  - Konturen in Pfade umwandeln
  - Weiße Füllungen löschen
  - Weiße Objekte und durchsichtige Objekte löschen
  - Grundlinie
  - Farbmodus
  - Gruppieren
- Den Font erstellen
  - Einen neuen Font anlegen
  - Farbfont erstellen
  - Einzelne Zeichen hinzufügen

Beitragsinfo

Praxiswerk:

Autor:

Monika Gause

Seitenzahl:

Ausgabe:

Erschienen am

12.01.2018

Beitragsnummer:

CA12-IL-05

Kapitel:

Typografie

Thema:

Icons und Logos

Software:

Adobe Illustrator

Ab Version:

CC 2015

Schlagwörter:

Adobe, Illustrator, Vektorgrafik, Illustration, Eigene, Fonts, Schriftarten, Icon-Fonts, mehrfarbigen, erstellen, Fontself, Vektorschriften, Dingbat-Fonts, Icons, colorfonts, Fontself-Maker, Konturen, Pfade, umwandeln, Füllungen, entfernen, verdeckte, Baseline, Grundlinie, neuen, Farbfont, einzelne, Zeichen, Glyphen

Diese Beiträge könnten Sie auch interessieren

17.06.2022 von Monika Gause

Wie Sie in Illustrator Gestaltungsraster für einzelne Designs oder Serien aufbauen

Wiedererkennbarkeit und Erweiterbarkeit beruhen – neben vielen weiteren Attributen – auf Gestaltungsrastern. Sie können sich in unterschiedlichen Eigenschaften eines Designs wiederfinden: Formaten, Farben, Schriften oder Formen. In dieser Übung beschäftigen wir uns damit, wie Sie eine Idee für ein Raster weiterentwickeln, exakt ausarbeiten und wie Sie es stellenweise gezielt aufbrechen, um Unruhe in die Gleichförmigkeit zu bringen und damit Highlights zu schaffen.

von Monika Gause

Wie Sie Streifendesigns (Designs aus Mehrfachlinien) mit Illustrator konstruieren

Laut Trendreport von Logolounge.com gehören Streifen in diesem Jahr zu den Trends der Logogestaltung. Darüber hinaus können Sie entsprechende Techniken natürlich nicht nur für Logos, sondern auch in anderen Designs einsetzen. Sehen wir uns also einmal an, wie Sie in Illustrator mit mehreren Linien konstruieren können.

von Monika Gause

Wie Sie einen »Heavy Metal«-Schriftzug im Dokumentenraster mit Illustrator gestalten

Für diesen Schriftzug habe ich mich ein wenig von Heavy-Metal-Bandlogos inspirieren lassen. Es sollte etwas technisch aussehen und gleichzeitig an Frakturschrift erinnern. Am Anfang standen wie immer eine Recherche, um ein Gefühl für die Optik zu bekommen, sowie viele Skizzen.

Benutzername
Passwort