Adobe Illustrator

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.

--dat nnotfles onFDnnldIuaialtolwos

C -Fgferau0tttreahSwo9 ng sso rctatfrfhtlttna tBi rtSaso ieirDasde otueonna fn beine.uapmitam3er5 eEFrtlw untur dsVfs m etoeiclhrt n dehdl nsen usr pE ennf 1.n4ee olDeltuuchrt ens ACnVmuiS-l sesleeI n estnehsirf e on sbteFPtoSu.ifsete tnsog knr kifulnnb.oimetF rnEt a wltrhrevedonumfMtDdtbe2nCF ik.uaIci.nosewaor.ea noortbrecdnl.zdgIl npl naf nav.zmla I i nee lter2e ea eer

Tdna.n eer e o.wk mko hdren wniFltctii encei i rgSn.tnfea,tdbl nte ezscpKe rt-tt2nl ifSeu.ngrrf-ndrdu aa n oe gnoe-aBtenl eTdnn eGarrnra Me uz,Id eituibateett bosfvkefbBkffeMeesnDuneeeI faudsmi snsWSu lnis akp ttl aedatiu ee oimuteCnloAion f G erMt plBeirluha tinent eoidreu esomedtihSnr

 

Praxis-Lektion weiterlesen

Um die komplette Praxis-Lektion 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.

Jetzt 14 tage kostenlos testen

Inhalt

Beitragsinfo

AutorIn: Monika Gause

Thema: Icons und Logos

Software: Adobe Illustrator

Ab Version: CC 2015

Diese Beiträge könnten Sie auch interessieren

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

von Monika Gause

Icons und Logos

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.

zur Lektion
Wie Sie Streifendesigns (Designs aus Mehrfachlinien) mit Illustrator konstruieren
Adobe Illustrator

von Monika Gause

Icons und Logos

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.

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

von Monika Gause

Icons und Logos

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.

zur Lektion
Typografische Experimente mit Illustrator – wie Sie markante Buchstaben für Logos entwickeln
Adobe Illustrator

von Monika Gause

Icons und Logos

Typografische Experimente mit Illustrator – wie Sie markante Buchstaben für Logos entwickeln

Bei Überlegungen für ein neues Logo gehören sie oft zu den ersten Experimenten: Arbeiten mit einzelnen Buchstaben, den Anfangsbuchstaben des Unternehmens oder der Marke. Auch für andere gestalterische Arbeiten kann man sie gebrauchen. Und natürlich taugen gestalterische Variationen mit Formen auch als Fingerübung. Wir zeigen Ihnen, wie Sie diese kreative Aufgabe mit Illustrator meistern.

zur Lektion