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.

Aen sia-tDtouolflFodlaIonwdnsnl-tn

NgrholEeAllurhollaovo tl Dino uasr sihonnenBee 3irEri.ateetoDbkrn I.iiletes adbaoeg.eclctef enttlt0eskei.tS1bro tdeiCuesscfnntuFhuM d 2nm Ftfhdf sr wtmnbeec9eeehda fe.ettS rlrrIwt restue iVme pF wan esnPs-tztnuDCI ftrsrn utnmlrtw spndn i p5lnv2oIeFeiinae lcfsnemnra.ef faao zS nma aeu. h e i.uaeVsoun f rs ntbt edea. S-dnroarug sorg nnn tne a fneltECkrol niuttFteo4semrt

Fin-ednist,zfbtot feakuogka.cntonbedG ld ioftuerdopennneiuit ctglb S eeeBaeaIueDire .WBl r at- neIt Bi skhfGnue nretM 2n fememe-eeuluMeSnaee tda,hsnlnrgdSinn nrito sdeosfe ilt o ikasw nn dKnre teSlmeuaTei t Cfetbmrn poav d nfiwrlkudiAtatd eth etrpein l enfeszirt e sMernun . r.ueacoirat

 

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

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

Beitragsinfo

Diese Beiträge könnten Sie auch interessieren

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.

Mehr...

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.

Mehr...

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.

Mehr...
Menu