Eine ausführliche Anleitung zum Arbeiten mit Typografie in Illustrator

Adobe Illustrator ist eine fantastische Anwendung zum Erstellen typografischer Meisterwerke. Unabhängig davon, ob Sie einen einfachen Absatz für eine Print-Anzeige oder ein komplexes typografisches Kunstwerk für eine Website erstellen, gibt es mehrere Tipps und Techniken, die Sie wissen müssen, um den Typ innerhalb des Programms zu ändern.

Nachfolgend finden Sie eine kurze Übersicht über einige grundlegende Befehle, mit denen Sie sich vertraut machen sollten, sowie einige Tastaturkurzbefehle und sogar einige verdeckte Funktionen, von denen Sie vielleicht nicht wissen, dass sie existieren. Lass uns anfangen!

Arbeiten mit Typografie: Die Grundlagen

Bevor wir uns näher mit Illustrator beschäftigen, um mit Typografie zu arbeiten, ist es wichtig, die grundlegende Terminologie zu besprechen, die wir verwenden werden. Die meisten Druckdesigner lernen diese Begriffe zu Beginn ihrer Ausbildung, aber Webdesigner überspringen oft das, was ich für das ABC des Designs halte, und lernen direkt, wie man Designs von Photoshop in HTML umwandelt.

Für alle, die gerade erst angefangen haben oder die schon seit Jahren mit dem Design beschäftigt sind, aber die Grundlagen übersprungen haben, finden Sie hier einen kurzen Absturzkurs über ein paar Variablen, die Sie beim Arbeiten mit Typografie kennen sollten.

Das Bild oben zeigt einige wichtige Begriffe, die Sie kennen müssen. Wir werden uns diese beiden ausführlich ansehen, während wir besprechen, wie sie mit Illustrator bearbeitet werden können. Im Moment sollten Sie jedoch nur sicherstellen, dass Sie jeden Begriff verstehen.

Kerning und Tracking steuern den horizontalen Fluss eines Blockes vom Typ. Kerning bezieht sich auf das Anpassen des Abstands zwischen zwei bestimmten Buchstaben. Das Tracking ist ähnlich, passt jedoch den Abstand zwischen allen Buchstaben im Block gleichzeitig an.

In ähnlicher Weise steuern Vorlauf- und Basislinienverschiebung den vertikalen Fluss. Mit dem Zeilenvorschub wird der Abstand zwischen zwei Linien angepasst. Mit der Grundlinienverschiebung können Sie bestimmte Buchstaben nach oben und unten verschieben.

Jede dieser Einstellungen entspricht einer Einstellung, die entweder direkt bearbeitet oder inkrementell über die Zeichenpalette angepasst werden kann.

Illustrator vs. Photoshop

Egal, ob Sie für Print oder Web entwerfen, ich empfehle dringend, Photoshop für die Erstellung von Typografie zu verwenden. Photoshop eignet sich für viele Dinge, aber das Arbeiten mit Text gehört nicht dazu.

Illustrator ist nicht nur viel leistungsfähiger und flexibler, sondern auch um einiges schöner. Um zu sehen, was ich meine, betrachten Sie den Screenshot unten.

Dies ist ein Vergleich von zwei geöffneten Fenstern mit jeweils einem ähnlichen Block. Die linke Seite zeigt die Photoshop-Vorschau und die rechte Seite die Illustrator-Vorschau. Wie Sie sehen, ist Photoshop abgehackt und hässlich, während Illustrator glatt und schön ist.

Photoshop zeigt Ihnen eine anständige Vorschau bei 100% (Befehlstaste + 1), aber bei fast jeder anderen Zoomstufe wirkt der Text wie Schrott und ist überhaupt kein guter Hinweis darauf, wie Ihre endgültige Ausgabe aussehen wird.

Illustrator hingegen ist hervorragend in der Anzeige von Vektorgrafiken mit verschiedenen Zoomstufen (durch Verkleinern wird es etwas unordentlich, aber immer noch besser als Photoshop).

Kerning in Illustrator

Warum Kern? Der größte Anfängerfehler, den Sie mit der Typografie machen können, ist die Annahme, dass Illustrator, Photoshop oder jede andere App standardmäßig einen perfekt beabstandeten Typ ausspuckt.

Unglücklicherweise führen die Besonderheiten und die einzigartigen Eigenschaften jedes Zeichensatzes dazu, dass perfekte Buchstabenabstände nur schwer in Software programmiert werden können. Ein gutes altmodisches Augenpaar ist einfach das beste Werkzeug, um diese Einstellungen vorzunehmen.

Betrachten Sie das Beispiel unten:

Das Beispiel oben zeigt, wie Illustrator den Text standardmäßig platziert, und das Beispiel unten zeigt dasselbe Beispiel mit einigen manuellen Kerning-Anpassungen. Ich habe absichtlich nicht hervorgehoben, wo die Anpassungen vorgenommen wurden, damit Sie die Bereiche erkennen können, die angesprochen werden müssen.

Einer der wichtigsten Punkte, den Sie im Auge behalten sollten, ist der Abstand zwischen Groß- und Kleinbuchstaben. Buchstaben wie? V? die keine schöne Blockform ergeben, sind besonders schlecht und müssen fast immer angepasst werden, um unangenehme Abstände zu vermeiden.

Kerning mag lächerlich akribisch sein und die Mühe nicht wert sein, aber es ist absolut etwas, auf das Sie als Designer unbedingt achten sollten. Es ist eines dieser Dinge, die Sie Ihr ganzes Leben lang machen können, ohne es zu merken, aber wenn Sie endlich das Licht sehen, sind Sie ruiniert. Sie werden anfangen, das Kerning in Restaurantmenüs sowie auf Werbetafeln und Busanzeigen geistig anzupassen.

Grundlinienverschiebung

Die andere, über die Sie sich vielleicht wundern, ist die Verschiebung der Grundlinie. Sicher gibt es keine praktischen Gründe, sich mit der Grundlinienverschiebung eines Briefes zu beschäftigen, oder?

Wie wir im obigen Bild sehen können, gibt es mindestens eine äußerst häufige Notwendigkeit, eine Basislinienverschiebung anzuwenden. Die standardmäßige hochgestellte Aktion führt häufig zu einem scheinbar gigantischen registrierten Warenzeichen oder Copyright-Symbol. Obwohl dies in den Einstellungen angepasst werden kann, müssen in den meisten Fällen die Größe und Grundlinie des Charakters manuell angepasst werden.

Tastatürkürzel

Hier ist der lustige Teil. Sie kennen viele davon aus Ihrer Arbeit mit Photoshop, aber eine Auffrischung ist immer gut. Ich verwende hier die Tastenkombinationen für den Mac. PC-Benutzer sollten also daran denken, dass Command = Control und Option = Alt.

Kerning

Um das Kerning zwischen zwei Buchstaben anzupassen, positionieren Sie den Cursor zwischen den Buchstaben und verwenden Sie die Wahltaste in Verbindung mit den linken und rechten Pfeilen.

Verfolgung

Um das Tracking anzupassen, verwenden Sie dieselben Tastenkombinationen, die Sie beim Kerning verwendet haben. Nur hier nehmen Sie eine bestimmte Auswahl vor, und die Anpassungen werden für alle ausgewählten Zeichen einheitlich ausgeführt.

Sie können entweder bestimmte Zeichen wie in der obigen Abbildung auswählen oder einfach mit dem Direktauswahl-Werkzeug auf den gesamten Block klicken, um alles darin anzupassen.

Führend

Sie haben es erraten, Lead ist die gleiche Tastenkombination wie die vorherigen beiden, diesmal jedoch mit den Auf- und Abwärtspfeilen anstelle von Links und Rechts.

Hier können Sie entweder den gesamten Block oder nur die Zeilen auswählen, die Sie anpassen möchten.

Grundlinienverschiebung

Baseline Shift wirft einen Kurvenball durch Hinzufügen der Shift-Taste zum Mix. Wählen Sie einen Buchstaben aus und stellen Sie die Höhe mit der Umschalttaste sowie den Aufwärts- und Abwärtspfeiltasten ein.

Andere nützliche Kurzbefehle

  • Größere inkrementelle Änderungen: Befehlstaste in Verbindung mit den obigen Tastenkombinationen
  • Schriftgröße vergrößern / verkleinern: Befehlstaste + Umschalttaste +> oder <
  • Alternatives Kerning / Tracking: Befehl + Umschalt + [oder]
  • Änderung ändern: Befehlstaste + Umschalttaste + L, R oder C (links, rechts oder zentriert)
  • Kerning / Tracking zurücksetzen: Befehl + Wahl + Q

Mit Spalten arbeiten

Aus irgendeinem Grund haben viele Leute immer noch den Eindruck, dass Illustrator mehrere Spalten des Typs nicht verarbeiten kann. Die Wahrheit ist, es hat diese Funktionalität seit Jahren und ist ziemlich anständig.

Hier springt die InDesign-Masse aus ihren Sitzen und fordert Aufmerksamkeit. Ja, InDesign ist erstaunlich für das Seitenlayout und für komplexe mehrspaltige Arrangements kaum zu überbieten. Dies ist jedoch kein Indesign-Tutorial, daher möchte ich keine Beschwerden hören.

Um in Illustrator mehrere Textspalten zu erstellen, erstellen Sie einfach ein Textfeld, füllen Sie es mit Text und gehen Sie zu Bereichstypoptionen. unter dem Typmenü.

Hier können Sie die Anzahl der Spalten und Zeilen einstellen, die Breite und die Rinne anpassen, den Textfluss einstellen und vieles mehr. Das Ergebnis ist ein einzelnes Textfeld, das Ihren Typ automatisch über beliebig viele Spalten verteilt. Das Ergebnis wird live aktualisiert, wenn Sie die Größe des Textfelds ändern.

Zeichen- und Absatzstile

In Illustrator können Sie die Attribute Ihres Textes in einem wiederverwendbaren Stil speichern. Dies ist ideal für Zeiten, in denen Sie häufig mit mehreren Marken arbeiten und schnell zwischen den in den jeweiligen Markenrichtlinien angegebenen Stilen wechseln müssen.

Das Erstellen von Zeichen- und Absatzformaten ist so einfach, dass Sie den gewünschten Text festlegen, auswählen und dann auf die Schaltfläche "Neu" klicken. Schaltfläche in der Zeichen- oder Absatzstilpalette.

Wenn Sie diesen Stil auf einen anderen Text anwenden möchten, wählen Sie den Text aus und klicken Sie auf den gerade eingerichteten Stil. Durch Doppelklick auf den Titel können Sie den Stil umbenennen.

Registerkarten einstellen

Um Registerkarten in Illustrator einzurichten, drücken Sie die Tastenkombination Befehlstaste + Umschalttaste + T, und öffnen Sie die Registerkartenpalette. Hier können Sie Registerkarten wie bei den meisten Texteditoren herausziehen.

Sie werden feststellen, dass die schwebende Registerkartenpalette etwas nervig und schwer zu positionieren ist. Um dies zu beheben, wählen Sie den Text aus, den Sie anpassen möchten, und klicken Sie auf das kleine Magnetsymbol ganz rechts. Dadurch wird die Palette automatisch auf den Text ausgerichtet und es wird wesentlich einfacher, die Registerkarten richtig einzurichten.

Sampling anderer Text

In Illustrator ist das Pipettenwerkzeug viel mehr als nur ein Hilfsprogramm für die Farbabtastung. Sie können es auch verwenden, um Stile zwischen Elementen schnell abzugleichen.

Wenn Sie beispielsweise zwei Kopienblöcke erstellen, einen Stil formatieren und den anderen übereinstimmen möchten, wählen Sie die nicht formatierte Version und dann die stilisierte Version per Pipette, um sie schnell identisch zu machen.

Wenn Sie die Umschalttaste gedrückt halten, können Sie nur die Farbe abtasten, ohne die zugehörigen Stile zu greifen. Wenn Sie keine Auswahl haben, geben Sie den zu kopierenden Textstil mit einer Pipette an, und verwenden Sie die Option-Eyedropper, um diesen Text auf andere Textobjekte anzuwenden.

Doppelklicken Sie abschließend auf die Pipette in der Werkzeugpalette, um festzulegen, was in der Probe kopiert wird oder nicht.

Erweitertes Suchen und Ersetzen

Illustrator verfügt über eines der besten Such- und Ersetzungsprogramme, das Sie in jeder App finden können. Tatsächlich übertrifft es jeden dedizierten Texteditor, den ich kenne (unter dem Menü Bearbeiten).

Der Grund dafür ist das kleine Flyout-Menü, das all die kleinen Dinge enthält, die Sie immer finden und ersetzen möchten, aber nicht wissen, wie. Dazu gehören erzwungene Zeilenumbrüche, Tabulatorzeichen, dünne Leerzeichen usw.

In Illustrator können Sie Schriftarten sogar schnell finden und ersetzen. Klicken Sie einfach auf den? Typ? Menü und gehen Sie zu? Find Font? ?

Fazit

Ich könnte schon seit Tagen über Illustrator-Typ-Tipps sprechen, aber das Obige gibt einen guten Überblick über die Informationen, die für den Einstieg erforderlich sind.

Eine der Hauptaufgaben dieses Beitrags besteht darin, alle engagierten Photoshop-Fans wirklich dazu anzuregen, einige der anderen Creative Suite-Anwendungen zu testen. Illustrator mag anscheinend nur für begabte Künstler nützlich sein, aber in Wahrheit ist er perfekt für alle vektorbasierten Arbeiten, die Sie erledigen müssen, unabhängig davon, ob Sie ein erfahrener Illustrator sind oder nicht.

Hinterlasse einen Kommentar und erzähle uns deinen Lieblingstrick. Es gibt viel mehr zur Auswahl und ich hoffe, ein oder zwei Dinge aus Ihren Antworten zu lernen!