Zum Inhalt springen

Eine Schrift mit spitzem und rundem s erstellen

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden S in Illustrator und Fontself erstellen, dass runde S nur am Wortende erscheint.

(Info:) Im Deutschen wird zwischen dem spitzen oder langen s und dem runden oder Schluss-s unterschieden. Allerdings sieht man diese Unterscheidung selten in Texten. Das Schluss-s steht, wie der Name es verrät, stets am Wortende. Das gilt auch für zusammengesetzte Worte. Das Tutorial (von Null auf …) zeigt wie Sie eine Schrift mit spitzem und rundem s erstellen in Illustrator und Fontself erstellen können. Aus dem spitzen und dem runden s hat sich übrigens das ß im Deutschen entwickelt, zunächst als Ligatur, später als echter Buchstabe.

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden s in Illustrator und Fontself erstellen, dass runde s nur am Wortende erscheint.
Die Unterscheidung zwischen dem langem und Schluss-s erhöht die Lesbarkeit.

Die Schriften, die im Format OpenTypeFonts erstellt werden, kennen verschiedene und automatische Darstellungen von Glyphen (Buchstaben). Eine davon ist die Kontextbezogene Darstellung von Glyphen. In Fontself Maker (Version 3.5.7.), eine Erweiterung für Adobe Illustrator CC, gibt es aktuell diese Fähigkeit nicht. Trotzdem ist es möglich, eine Schrift mit zwei verschiedenen s-Glyphen zu erstellen, wobei eine als Schluss-s nur am Wortende automatisch erscheint.

Inhaltsverzeichnis

Eine Schrift mit spitzem und rundem s erstellen

Die Buchstaben in Illustrator erstellen

Hier ein Beispiel, wie es in Fontself möglich ist, dass das runde S automatisch am Ende eines Wortes erscheint:

(A:) Ich habe die Buchstaben A – Z und a – z erstellt …

(B:) … mit zwei Buchstaben s. Das runde s ist die Alternative (.alt) zum spitzen s. Siehe Ebenen.

(C:) Ich habe auch Satzzeichen erstellt, die benötigt werden, um die Ligaturen für das s am Ende von Wörtern zu erstellen.
(Tipp:) Bei Satzzeichen hat es sich als nützlich erwiesen, die Unicodes in Layers als Namen der Glyphen anstelle des Satzzeichens einzugeben.

(D:) Die erste Ligatur ist das s plus Leerzeichen »s .liga« (siehe gelbes Feld in Ebenen). Die anderen Ligaturen sind eine Kombination aus dem s und einem Satzzeichen, das am Ende eines Wortes direkt auf einen Buchstaben folgen kann. Also Punkt, Komma, Ausrufezeichen, Fragezeichen, Anführungszeichen bis hin zum Bindestrich.

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden S in Illustrator und Fontself erstellen, dass runde S nur am Wortende erscheint.
Die Erstellung eines Zeichensatzes mit einem langen und runden s als Alternative.

Die Buchstaben in das Fenster von Fontself ziehen

(oAbb:) Zuerst den Dummy mit den Hilfslinien in Fontself ziehen, dann die Buchstaben A – Z und a – z mit den Hilfslinien.

(E:) Dann ziehen Sie die Satzzeichen mit den Hilfslinien in Fontself und schließlich die s-Ligaturen.
(B:) Das spitze s und das runde s (.alt1) in Fontself.

(F:) Die Ligatur s plus Leerzeichen muss in der Breite angepasst werden: Öffnen Sie diese Glyphe durch Doppelklick.

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden S in Illustrator und Fontself erstellen, dass runde S nur am Wortende erscheint.
Die Buchstaben von der Illustrator-Arbeitsfläche in die Erweiterung Fontself ziehen.

Die Breite von s plus Leerzeichen anpassen

(G:) Addieren Sie die Breite des Leerzeichens zur Breite »Rechts«, hier 50 + 400 = 450.

(H:) Schließen Sie die detaillierte Darstellung der Glyphe.

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden S in Illustrator und Fontself erstellen, dass runde S nur am Wortende erscheint.
Die Breite der Ligatur »s und Leerzeichen« korrigieren.

Den neuen Zeichensatz in Illustrator testen

(I:) Nach dem Speichern und Installieren der “S-Schrift”, wie ich sie genannt habe, können Sie einen Text mit eingeschalteten OpenType-Optionen schreiben: Jedes s, außer denen am Wortende, sollte nun ein spitzes s sein.
(Tipp:) Steht der Buchstabe allein, dann hilft die Alt-Leertaste (<Alt><SPACE>, geschütztes Leerzeichen), damit es das spitze s bleibt. Zur besseren Erkennbarkeit habe ich im Beispielsatz die Buchstaben s von Hand schwarz gemacht.
(Tipp:) Möchten Sie in einem zusammengesetzten Wort das Schluss-s benutzen, wie es im ersten Beispiel oben gezeigt wurde, dann können Sie in vielen Programmen den Buchstaben s auswählen und einen kurzen Moment warten. Dann erscheint die Alternative (Schluss-s), das Sie dann anklicken können.

Von Null auf … Tutorial: Eine Schrift mit spitzen und runden S in Illustrator und Fontself erstellen, dass runde S nur am Wortende erscheint.
Den neuen Font mit den zwei s-Buchstaben testen.

Download des S-Fonts zum Testen

Wenn Sie den im Tutorial erstellen S-Font testen wollen, so können Sie ihn downloaden:

(Download:) Download des Fonts »S-Font« (0,1 MByte). Das Herunterladen und die Nutzung des Zeichensatzes sind kostenlos. Das ZIP-Archiv können Sie mit dem Entpacker für Windows oder Linux öffnen. Unter macOS wird das ZIP-Archiv automatisch entpackt.
(Hilfe:) Probleme beim Download?

ENDE