Arbeiten mit professioneller Typografie in Adobe Illustrator

Ich möchte dieses Tutorial der Typografie widmen, der Methode zur Verarbeitung gedruckter Texte zur besseren Lesbarkeit und Schönheit. Die Typografie setzt sich aus der grafischen Gestaltung des gedruckten Textes zusammen, wobei die spezifischen Regeln für diese Sprachen gelten. In diesem Basix-Tutorial werden die Typografiemethoden und -regeln mit Adobe Illustrator angewendet. Die Materialien für die Erstellung dieses Tutorials wurden freundlicherweise von Roman Kuznecov alias Asat zur Verfügung gestellt, der über langjährige Erfahrung im Verlagswesen verfügt.


Schritt 1

Schauen wir uns die Gestaltung des gedruckten Textes am Beispiel des Sandwich-Rezeptes an, mit dem wir heute arbeiten. Diese Art von Text enthält eine Vielzahl von Elementen, die Ihnen bei der Entwicklung des Themas dieser Arbeit helfen. Für die Experimente sollten Sie hier Text wie diesen verwenden.

Definieren Sie zunächst die grundlegenden Parameter für Textinformationen:

  • Größe des Textblocks
  • Name der Schrift
  • Schriftgröße
  • Zeilenabstand

Die Auswahl dieser typografischen Parameter hängt von vielen Faktoren ab, insbesondere vom Format der Veröffentlichung, dem Stil des Textes, den persönlichen Vorlieben des Designers usw. Ich werde diese Themen außerhalb des Anwendungsbereichs dieses Tutorials lassen, da sie Bücher und Monographien behandeln. Nach persönlichem Geschmack entschied ich, dass der Textblock eine Größe von 150 x 300 mm haben wird (Typ> Flächentyp…).


Schritt 2

Geben Sie Text mit der Garamond Pro-Schriftart (Größe 12pt und führender 13pt) ein. Ändern Sie diese Parameter in der Zeichenpalette (Fenster> Zeichen)..

Zu Ihrer Information: Die Schriftgröße ist die Größe der Buchstabenhöhe; Der typografische Punkt ist die Maßeinheit für die Schriftgröße.


Schritt 3

Jetzt den Text ausrichten. Es gibt zwei grundlegende Arten der Rechtfertigung von Text: Richten Sie die letzte Zeile nach links und richten Sie alle Zeilen aus. Die erste Methode ist recht einfach. Verwenden Sie sie daher zum Formatieren. Klicken Sie dazu in der Palette "Absatz" auf die Schaltfläche "Mit der letzten links ausgerichteten Linie ausrichten" ("Fenster"> "Typ"> "Absatz")..


Schritt 4

Als Nächstes müssen wir die Silbentrennungen konfigurieren. Es ist wichtig, ein Gleichgewicht zwischen der Anzahl der Trennungen im Textblock und dem Leerabstand in den Zeilen zu halten. Auf der einen Seite erzeugen viele Trennungen ein Gefühl des "Zauns" und beeinträchtigen die Lesbarkeit von Text, andererseits erschweren lange Lücken auch das Ablesen.

In Adobe Illustrator können Sie diese Balance selbst anpassen, indem Sie ein Dialogfeld für die Silbentrennung auswählen, das über das Flyout-Menü der Absatzpalette geöffnet wird. Indem wir den Schieberegler in die bessere Abstandsposition bewegen, reduzieren wir die Länge der Lücken, indem Sie die Anzahl der Trennungen erhöhen, und umgekehrt. Sie müssen einen optimalen Wert auswählen, der das Design erfüllt.

Es gibt auch eine Option, mit der Sie das Erscheinungsbild des Absatzes anpassen können. Im Flyout-Menü der Absatzpalette gibt es die Unterabschnitte "Adobe Single-Line Composer" und "Adobe Every-Line Composer". Bei der Silbentrennung analysiert "Adobe Single-Line Composer" nur eine einzige Zeile. "Adobe Every-Line Composer" analysiert die vorhergehenden Zeilen. In der Regel können Sie so ein besseres Ergebnis erzielen.


Schritt 5

Somit ist das allgemeine Kompositionslayout bereits festgelegt. Lassen Sie uns nun mit der Gestaltung der einzelnen Textelemente beginnen. Ich habe mich entschieden, den Haupttitel des Textes hervorzuheben, deshalb schreibe ich ihn in Großbuchstaben. Dazu habe ich den Titel hervorgehoben und im Flyout-Menü der Charakter-Palette habe ich die Option Alle Großbuchstaben gewählt.

Hier ist ein Punkt von Interesse zu beachten: Beim Entwerfen der Zeichensatzverfolgung zwischen den Großbuchstaben wird davon ausgegangen, dass daneben notwendigerweise ein Kleinbuchstabe vorhanden ist. Wenn Sie also den Text nur in Großbuchstaben eingeben, wird der Text fühlt sich eng an. Grafikdesigner empfehlen, die Buchstaben eines solchen Textes etwas zu erweitern. Wenn der Text ausgewählt ist, setzen Sie den Wert in der Palette Zeichen im Feld Verfolgung auf 20.


Schritt 6

Wenden Sie jetzt das Kerning an. Kerning ist der Prozess der Anpassung des Abstands zwischen den Zeichenpaaren, um das Erscheinungsbild und die Lesbarkeit des Textes zu verbessern. Er dient dazu, den Abstand zwischen benachbarten Buchstaben oder anderen Schriftzeichen zu rechtfertigen.

Bei dieser Option wird individuell mit jedem Zeichenpaar gearbeitet und wie die relative Position in Abhängigkeit von der ausgewählten Schriftart, dem Zeichnen von Buchstaben usw. ermittelt wird. Der Kerning-Wert wird in Prozent der Breite des Bereichs der verwendeten Schriftart festgelegt. Er kann entweder positiv sein (wenn die Zeichen voneinander getrennt sind) oder negativ (wenn sich die Zeichen einander nähern)..

Es ist leicht zu sehen, dass der Abstand zwischen den Paaren. Sehen Sie, wie "AV" und "WA" unterschiedlich aussehen, aber formal ist es dasselbe.

Damit der Abstand zwischen zwei beliebigen Zeichen optisch gleich aussieht, wird Kerning angewendet. In Adobe Illustrator gibt es drei Arten von Kerning:

  • Null-Kerning - wenn Kerning nicht anwendbar ist.
  • Auto Kerning - Kerning in der Schriftart vom Ersteller festgelegt. Wenn die Schriftart gut gestaltet ist, passt diese Art von Kerning in den meisten Fällen gut.
  • Optisches Kerning - eignet sich gut zum Kerning von Titeln oder großen freistehenden Zeichen, wie z. B. Text für Logos.

Legen Sie für den gesamten Text Auto Kerning fest.


Schritt 7

Nun möchte ich die ersten Textzeilen etwas dekorieren. Ich mache es mit Kapitälchen. Kleinbuchstaben in der Typografie sind Großbuchstaben, die wie verkleinerte Kleinbuchstaben aussehen. Kapitälchen werden verwendet, um Titel und erste Zeilen der Abschnitte nach großen Initialen zu erstellen, Namen, Titel und Abkürzungen zu schreiben und den Text fett zu fassen.

Die Verwendung von Kapitälchen in langen (mehr als zwei oder drei Wörtern) Sätzen und Sätzen wird nicht empfohlen. Dies beeinträchtigt die Lesbarkeit von Text. Wählen Sie also die ersten Wörter nach dem Titel aus und wählen Sie im Flyout-Menü der Zeichenpalette die Option "Kleinbuchstaben".


Schritt 8

Jetzt müssen wir Absätze visuell trennen. Diese Trennung kann auf vielerlei Weise erfolgen. Die gebräuchlichste ist: Bruchlinie (Einzug am Anfang der ersten Zeile eines Absatzes) und Abstand zwischen den Absätzen.

In diesem Text habe ich mich dazu entschieden, einen Abstand zwischen den Absätzen einzufügen, jedoch nicht nur durch den Zeilenabstand, sondern durch ein Leerzeichen nach jedem Absatz. Setzen Sie dazu in der Absatzpalette den Abstand nach Absatz auf 10pt.


Schritt 9

Und jetzt möchte ich über einige Möglichkeiten sprechen, mit Zahlen im Text zu arbeiten. Es gibt zwei Arten von Zahlen: Textnummern und alle Großbuchstaben. Es wird als gute Form betrachtet, die erste zusammen mit Kleinbuchstaben und die zweite mit Großbuchstaben zu verwenden.

Wie kann man solche Zahlen eingeben? Es gibt ein Geheimnis: In der Schrift sollten beide Ziffernsätze vorhanden sein. Das Vorhandensein von zwei Zahlengruppen ist eines der Markenzeichen einer guten Schrift. Wenn diese Zahlen in der Schriftart enthalten sind, geben Sie sie mithilfe der Glyphenpalette (Typ> Glyphen) ein, suchen Sie das erforderliche Zeichen in der Tabelle und doppelklicken Sie, um es in einen aktiven Textblock einzufügen.

Unser Text hat zwei Gruppen von Ziffern. Im ersten Fall befinden sich die Zahlen im Zutatenbereich - lassen Sie sie unverändert, ich meine alle Zahlen in Großbuchstaben. Die zweite Zifferngruppe sind Temperaturwerte in Fahrenheit und das Temperaturzeichen steht im Haupttext. Mit Hilfe der Glyphen-Palette machen Sie sie zu Kleinbuchstaben.


Schritt 10

Unser dortiger Text enthält eine Aufzählung mehrerer Elemente. Ersetzen Sie den Bindestrich am Anfang der Liste mithilfe der Glyphenpalette. Es ist wichtig, den Einzug richtig anzuordnen. Wählen Sie dazu das Leerzeichen zwischen dem Aufzählungszeichen und dem Wort und drücken Sie die Tabulatortaste. Tun Sie dies in jeder Zeile der Liste.

Prüfen Sie, ob sich irgendwo ein Tabulatorzeichen befindet und keine zusätzlichen Leerzeichen vorhanden sind. Gehen Sie dazu zu Typ> Ausgeblendete Zeichen anzeigen. Das Tabulatorzeichen sollte durch einen Pfeil dargestellt werden (Leerzeichen werden durch einen Punkt dargestellt, Leerzeichen sollten nicht vorhanden sein).

Wählen Sie die Zeilen mit den Elementen der Liste aus und öffnen Sie die Registerkarten (Fenster> Typ> Registerkarten). Platzieren Sie die Markierung der Registerkarte im Regelfeld an der Stelle, an der die Listenelemente beginnen.

Hinweis: Listen mit Aufzählungszeichen sollten mit Hilfe des Registerkartenbedienfelds formatiert werden, dürfen jedoch auf keinen Fall mehrere Leerzeichen enthalten.


Schritt 11

Ihr Text kann Bindestriche enthalten. Es ist ein schwerer Fehler, anstelle eines Bindestrichs einen Bindestrich oder einen doppelten Bindestrich einzugeben! Es gibt ein Zeichen für das Bindestrich, das Sie eingeben können, indem Sie für Mac auf Wahltaste + Umschalttaste + _ klicken (Alt + 0151 für Windows). Ersetzen Sie ggf. Bindestriche durch Bindestriche.

Es gibt zwei Arten von Strichen - kurz (en) und lang (em). "En dash" wird über eine Tastenkombination mit den Tasten Option + _ für Mac (Alt + 0150 für Windows) eingegeben. Damit wird der Abstand zwischen den Datumsangaben angegeben.


Schritt 12

Nun möchte ich Ihnen etwas über solche Textformatierungen als Roman-Hängende Interpunktion erzählen. In diesem Text haben wir die visuelle Verwendung der römischen hängenden Interpunktion für die visuelle Verwendung des Textes nach rechts "Justify with last line right" im Absatzbedienfeld verwendet.

Um eine römische Hängung-Interpunktion anzuwenden, gehen Sie zu Typ> Optische Randausrichtung, und wählen Sie dann im Flyout-Menü "Absatz" die Option Roman-Hängende Interpunktion aus. Mit diesen Aktionen nimmt Adobe Illustrator alle extrem rechten Satzzeichen hinter die Seitenlinien und richtet den gesamten Text optisch aus.


Fazit

Um dem Text Authentizität zu verleihen, können Sie die Form einiger Buchstaben ändern. Drücken Sie dazu im OpenType-Bedienfeld (Fenster> Typ> OpenType) die im Bild unten gezeigten Schaltflächen.

Das Programm ersetzt die Zeichen automatisch durch die Ligaturen (Ligatur (aus lat. Ligatura)) - ist ein Zeichen eines beliebigen Schreibsystems, das aus zwei oder mehr Buchstaben gebildet wird. Zeichen mit kontextabhängigen Alternativen werden durch ihre Alternativen ersetzt. Ligaturen und kontextabhängige Alternativen sind leider nicht in allen Schriftarten verfügbar.

Als Ergebnis unserer Transformation haben wir den folgenden Text erhalten.

Hinweis: Das gesamte oben beschriebene Verfahren kann zum Formatieren von Text in Adobe InDesign verwendet werden.