Kerning-Beispiele. Richtige Typografie: Kerning

- ob Website-Entwicklung, Grafik oder Multimedia - Sie müssen die Feinheiten der Arbeit mit Kerning kennen. Dieses Element ist für Laien fast unsichtbar, fällt aber sofort ins Auge von denen, die wissen, wo sie danach suchen müssen.

Effektives Kerning zu lernen, ist vor allem ein Training in Beobachtung und Detailtreue.

Und doch, was bedeutet dieses Konzept?

Kerning ist die Verringerung oder Vergrößerung des Abstands zwischen den Buchstaben, aus denen ein Wort besteht. Die Wahl des richtigen Intervalls wird zu einer alles andere als einfachen Aufgabe, da die Zeichen den Raum auf unterschiedliche Weise ausfüllen (je nach Fall die Höhe des Hauptstrichs (der Rumpf des Buchstabens), Verlängerungen, das Vorhandensein oder Fehlen von Serifen, etc.).

Wir zeigen Ihnen, wie Sie lernen, auf dieses wichtige Element der Typografie zu achten, und teilen Links zu hilfreichen Ressourcen mit weiteren Informationen.

Wenn der Buchstabenabstand einer Schriftart nicht definiert ist, wird jedes nachfolgende Zeichen neben dem vorherigen positioniert, beginnend streng an seinem Endpunkt. Dies ist im oberen Bild mit dem Wort „AWE“ deutlich zu sehen. Zwischen den Buchstaben A und W ist viel Leerraum, während W und E praktisch aneinander kleben. Dadurch sieht der Text schlampig aus und führt den Leser in die Irre: Ist es „A WE“ oder „AWE“?

Die meisten Textverarbeitungs- und Bearbeitungsprogramme verwenden einen automatischen Kerning-Algorithmus, der den Standardbuchstabenabstand für eine bestimmte Schriftart bestimmt. Es gibt zwei Möglichkeiten, Kerning automatisch anzupassen: metrisch und optisch.

Bei der Auswahl der optischen Methode wird der Buchstabenabstand gemäß den Werten aus der in . Mit dieser Einstellung können Sie die Schriftart sauber ausrichten und ist für die meisten Standard Texteditoren. Metrisches Kerning wird nur bei der Arbeit mit professioneller Textsoftware verwendet.

Dabei wird der optimale Buchstabenabstand anhand der Konturinformationen jedes einzelnen Buchstabens berechnet.

Beim Entwerfen einer Schriftart möchten Sie die vollständige Kontrolle darüber haben, wie die Buchstaben beim Tippen nebeneinander platziert werden. In diesem Fall muss das Kerning manuell eingestellt werden. Beachten Sie, dass A und W näher zusammengerückt wurden, um den Leerraum zu beseitigen, der durch die beiden diagonalen Linien im automatischen Kerning entsteht.

Erfolgreiche Designer streben nach Perfektion in jedem Detail, und Handkerning führt zu perfekten Ergebnissen.

Lernen Sie, Text richtig zu entkernen!

Bevor Sie mit dem Entwerfen Ihrer eigenen Schriftart beginnen, sehen Sie sich unsere handverlesenen Ressourcen für die Anforderungen und Fähigkeiten an, die Sie benötigen:

Der Autor dieses Textes ist Andrei Tikhanov. Es wurde ursprünglich im Sowjetbüro von Gorbunov veröffentlicht. Mit freundlicher Genehmigung des Autors und des Büros veröffentliche ich hier die gekürzte Fassung. Der vollständige Text ist auf der Website des Büros verfügbar.

Anordnung von Buchstaben in Wörtern oder Kerning

„Die Frage nach dem richtigen Abstand zwischen Buchstaben und Wörtern ist in der Schriftgrafik von großer Bedeutung. Die Qualität der Beschriftung hängt sowohl von den richtigen Proportionen der Buchstaben als auch von der richtigen Bestimmung des Abstands zwischen ihnen ab. Egal wie gut die Buchstaben gestaltet sind, die Beschriftung sieht schlecht aus, wenn diese Buchstaben unachtsam angeordnet sind.

T. I. Kutsyn "Typefaces" Handbuch für Architekten und Ingenieure. Moskau 1950

Die klassische gute Anordnung von Buchstaben in einem Wort wird durch eine gleichmäßige Verteilung von weißen und schwarzen Flächen erreicht. Der schwarze Bereich hängt von der Schriftart ab (deren Stil und Lücken innerhalb der Buchstaben). Dementsprechend wird Weiß ausgewählt.

Briefarten und allgemeine Platzierungsregeln

Aufgrund der Natur des Graphems werden Buchstaben bedingt in fünf Unterarten unterteilt:

• rechteckig - mit vertikalen Elementen (I, M);
• gerundet (O, F);
• halbkreisförmig - mit geraden Elementen auf der einen Seite und abgerundeten auf der anderen Seite (B, Yu);
• halboffen - mit einer offenen Seite (G, E, C);
• öffnen (F, T).

Die allgemeinen Regeln sind einfach: Der größte Abstand wird zwischen den "rechteckigen Buchstaben" sein. Ein etwas geringerer Abstand ist erforderlich, wenn ein Buchstabe mit geradlinigen Elementen an einen runden Buchstaben grenzt. Zwischen zwei runden Buchstaben ist ein noch geringerer Abstand erforderlich. Und noch weniger - mit Briefen, die offene Formulare haben.

Trinity-Methode

1. Im Wort wird das komplexeste Kerning-Paar ausgewählt, dessen Abstand zwischen den Buchstaben am engsten ist - dies sind entweder zwei abgerundete Buchstaben oder Buchstabenkombinationen mit offenen Formen. Ein solches Paar wird zuerst geworfen.
2. Außerdem wird das Wort rechts und links von diesem Paar unterschnitten. Wir fügen dem ausgewählten otkernenny-Paar einen benachbarten Buchstaben hinzu, erhalten ein Buchstabentripel und betrachten nur dieses Tripel. Durch das Verschieben des neuen Buchstabens erreichen wir die Gleichmäßigkeit der weißen Flächen in diesem Trio. Dann verschieben wir die drei mal einen Buchstaben zur Seite und kernen den nächsten Buchstaben. Und so gehen wir das ganze Wort durch. Mit der richtigen Geschicklichkeit werden Sie dies automatisch und sehr schnell tun.

Für Anfänger möchte ich Sie daran erinnern: Um das Kerning eines Paares zu ändern, müssen Sie keinen Buchstaben auswählen, sondern nur den Cursor davor platzieren und den Buchstaben mit der Kombination Alt + links / Alt + rechts verschieben.

Unterschneidung von Bildschirmtext

Wenn Sie Text als Bild auf einem Banner oder Schild platzieren müssen, insbesondere in kleinen Größen (unter 15 Pixel), müssen Sie mit Text auf besondere Weise arbeiten. Der Text in kleinen Größen aufgrund des Anti-Aliasing-Modus „Beats und Floats“. Es gibt einige hilfreiche Tipps, wie man damit umgeht.

1. Spielen Sie mit verschiedenen Anti-Aliasing-Modi.
2. Wählen Sie die Größe so, dass die horizontalen Striche nicht verschwimmen. Bei den meisten Schriftarten sind diese Punktgrößen seltsam gebrochen.
3. Kernel. Erstens, indem Sie den Cursor vor dem ersten Buchstaben platzieren und die Pfeile verwenden, während Sie die Alt-Taste gedrückt halten, erzielen Sie klare vertikale Striche. Fahren Sie dann mit dem Unterschneiden einzelner Paare fort.
4. Die Technik funktioniert gut, wenn der Text in Illustrator eingegeben und durch Kopieren und Einfügen in Photoshop eingefügt wird, insbesondere bei schrägen Beschriftungen.

Wenn Sie sich für Webdesign interessieren, aber noch Luft nach oben haben, dann interessiert Sie vielleicht unser kleiner Artikel über Typografie. Wenn Sie ein Website-Design entwickeln, müssen Sie klar verstehen, wie Sie mit Text arbeiten, insbesondere mit Zeilenabstand, Zeichenabstand und im Allgemeinen, wie Sie eine Schriftart auswählen. In diesem Artikel werden wir versuchen, Aspekte der Webtypografie wie Zeilenabstand und Kerning klarer zu machen. Wir werden lernen, wie und wann sie anzuwenden sind.

Öffnen wir zunächst das Bedienfeld „Zeichen“ in Photoshop. Es gibt die Texteinstellungen, die Sie benötigen. Wenn Sie dieses Panel nicht in Ihrem Arbeitsbereich finden können, öffnen Sie es über Window-Character.

Führen (Führen)

Wenn Sie mit einem Absatz oder einfach mit einem Textstück arbeiten, das sich über mehr als eine Zeile erstreckt, sehen Sie sich mit dem Leading-Parameter konfrontiert. Das ist der Zeilenabstand. Das Gesamtbild wird maßgeblich von diesem Parameter abhängen.

Der Bleianteil beträgt standardmäßig 120 %. Das heißt, wenn die Größe (Größe) der Schriftart 20 Punkt (pt) beträgt, sollte der Zeilenabstand 24 Punkt (pt) betragen.

Das Reduzieren des Leads auf weniger als 120 % erzeugt zu viel "Crowding" und Zeichendichte und erzeugt auch das Risiko, dass Zeichenelemente miteinander kollidieren.

Um den Zeilenabstand in Photoshop anzupassen, verwenden Sie das entsprechende Feld (Leading / Leading abhängig von der Sprache der Benutzeroberfläche) im Zeichenbedienfeld. Der Zeilenabstand der aktuell ausgewählten Textebene wird bearbeitet.

In einigen Fällen müssen Sie möglicherweise mehr Platz zwischen einigen Zeilen haben als zwischen anderen. Um den Zeilenabstand einzelner Zeilen zu bearbeiten, ändert sich die Bedienung fast nicht, außer dass Sie nicht die gesamte Textebene auswählen, sondern nur die Zeilen, deren Zeilenabstand geändert werden soll.

Kerning

Kerning - vereinfacht gesagt, ist der Abstand zwischen zwei Zeichen. Kerning dient dazu, einen harmonischen Abstand innerhalb einer Gruppe von Zeichen zu schaffen und diesen Abstand in manchen Fällen absichtlich stark zu vergrößern/verkleinern, um dem Text etwas Besonderes zu verleihen. Aussehen. Fast alle Schriftarten, die Sie verwenden, enthalten bereits vorgeschriebene Abstände zwischen Zeichenkombinationen, dies wird als metrisches Kerning bezeichnet. Beachten Sie, dass Metric Kerning möglicherweise nicht richtig auf diese Änderungen reagiert, wenn Sie die Schriftgröße erhöhen oder beispielsweise den Zeilenabstand ändern. Wenn Optical Kerning eingestellt ist, wendet Photoshop (oder das von Ihnen verwendete Programm) das Kerning automatisch an. Aber seltsamerweise finden die meisten Designer diese Funktion nicht nützlich. Am meisten bevorzugt ist Manual Kerning.

Was ist manuelles Kerning? Im Wesentlichen ist dies manuelles Kerning. Stellen Sie sich vor, dass der Abstand zwischen den Symbolen mit etwas Flüssigkeit gefüllt ist, und zwischen alle Abstände muss eindeutig die gleiche Flüssigkeitsmenge passen. Sie passen den Abstand zwischen den Zeichen mit dem Auge an, aber wenn das Auge geschärft ist, dann ist dies die beste Technik.

Kerning kann im Zeichenbedienfeld von Photoshop manuell angepasst werden. Platzieren Sie vorher den Cursor zwischen den Zeichen, zwischen denen Sie den Abstand anpassen möchten. Es gibt einen schnelleren Weg. Platzieren Sie auch den Cursor zwischen diesen beiden Zeichen und drücken Sie dann bei gedrückter Wahltaste die Links-/Rechtspfeile. Das Ergebnis wird klar sein.

Hier sind ein paar Dinge, die Sie sich über Kerning merken sollten

1. Beginnen Sie mit den schwierigsten Zeichenkombinationen. Zum Beispiel Kerning zwischen Groß- und Kleinbuchstaben.
2. Belassen Sie die Kerning-Anpassung am Ende Ihres Designs. Lassen Sie dies einer der letzten Schritte sein. Arbeiten Sie daran, wenn Sie sich der ausgewählten Schriftarten bereits zu 100% sicher sind, um keine Zeit umsonst zu verschwenden.
3. Der Zweck von Kerning besteht darin, Text optisch korrekt zu machen. Es gibt keine mathematische Formel, Kanons und andere Dinge. Einfach üben und alles wird klappen. Spielen Sie dieses Spiel manchmal - Type.method.ac

Kerning beim Tippen - selektive Änderung des Abstands zwischen Buchstaben in Abhängigkeit von ihrer Form.

Einfach gesagt, Kerning- der Prozess der korrekten Platzierung von Symbolen und der Anpassung der Abstände zwischen ihnen, wodurch Harmonie erreicht werden soll. Obwohl viele dem Kerning nicht viel Aufmerksamkeit schenken (und es im Allgemeinen nicht wissen), hilft die Liebe zum Detail, sehr gute Ergebnisse zu erzielen.

1) Tracking (Tracking) und Kerning (Kerning) – zwei Konzepte, die nicht verwechselt werden sollten. Verfolgung- gibt den Abstand zwischen Zeichen in einem Wort oder Satz an, unabhängig von ihrer Form und Größe. Aber Kerning ist ein eher „lokales“ Konzept.

2) Jede Schriftdatei hat eine interne Kerning-Tabelle. Der Designer passt die Abstände zwischen Linienpaaren an und definiert sie in Tausendsteln. Beispiel: VA hat -80 Kerning und ry hat 30 Kerning.

3) Photoshop, InDesign und Illustrator haben bei der Anzeige eine optische Kenning-Funktion Alternative Möglichkeit. Obwohl es fast keinen Unterschied gibt.

4) Kapital T, V, W und Y immer problematisch. Denn oben ist breiter als unten. Verwenden Sie also Tracking, um die Wörter manuell auszurichten.

5) Es gibt eine solche Technik - stellen Sie sich vor, dass sich zwischen den Buchstaben Kugeln gleichen Volumens befinden, die mit Luft gefüllt sind. Unser Ziel ist es, dass sich diese Kugeln nicht irgendwo ausbreiten, sondern sicher zwischen den Buchstaben fixiert sind

6) Einer der häufigsten Fehler liegt in der Einheit) Dieses Symbol ist schmal und bildet viel leeren Raum um sich herum. Aus diesem Grund muss das Kerning verbessert werden.

7) Die Zahl 7 ist ein weiteres problematisches Zeichen. Darauf sollten Sie auch achten.

Doch sobald komplexere Formen ins Spiel kommen, fangen „Kleben und Löcher“ an. Hier sollten Sie den Bereich zwischen den Buchstaben egalisieren. Es gibt viele geometrische Techniken, aber um ehrlich zu sein, erscheinen sie mir sehr kompliziert und nur nützlich, wenn man Schriftarten entwirft, um eine Reihe von Kerning-Paaren zu erstellen.

Daher werden wir die allgemeinen Regeln und die Methode zum Arrangieren "in Triolen" betrachten. Die allgemeinen Regeln sind einfach: Der größte Abstand wird zwischen den "rechteckigen Buchstaben" sein. Ein etwas geringerer Abstand ist erforderlich, wenn ein Buchstabe mit geradlinigen Elementen an einen runden Buchstaben grenzt. Zwischen zwei runden Buchstaben ist ein noch geringerer Abstand erforderlich. Und noch weniger - mit Briefen, die offene Formulare haben.

Trinity-Methode

1. Im Wort wird das komplexeste Kerning-Paar ausgewählt, dessen Abstand zwischen den Buchstaben am engsten ist - dies sind entweder zwei abgerundete Buchstaben oder Buchstabenkombinationen mit offenen Formen. Ein solches Paar wird zuerst geworfen.
2. Außerdem wird das Wort rechts und links von diesem Paar unterschnitten. Wir fügen dem ausgewählten otkernenny-Paar einen benachbarten Buchstaben hinzu, erhalten ein Buchstabentripel und betrachten nur dieses Tripel. Durch das Verschieben des neuen Buchstabens erreichen wir die Gleichmäßigkeit der weißen Flächen in diesem Trio. Dann verschieben wir die drei mal einen Buchstaben zur Seite und kernen den nächsten Buchstaben. Und so gehen wir das ganze Wort durch. Mit der richtigen Geschicklichkeit werden Sie dies automatisch und sehr schnell tun.

Betrachten Sie dies am Beispiel des abstrakten Wortes „ingovy“. Wir wählen ein komplexes Buchstabenpaar. In diesem Wort ist es "gehen". Und legen Sie den Mindestabstand zwischen diesen Buchstaben fest.