Grundlagen zum Zeichnen und Erstellen eigener handschriftlicher Schriftarten

Was Sie erstellen werden

Wollten Sie schon immer Ihren digitalen Layouts und Designs eine wirklich persönliche Note verleihen? In diesem Lernprogramm erfahren Sie, wie Sie aus Ihrer eigenen Handschrift eine Schriftart erstellen, die auf Ihrem Computer verwendet werden kann. 

Das Tutorial wird in drei Teile gegliedert. Zunächst betrachten wir die Grundlagen zum Zeichnen einer Schrift. Nach dem Aufwärmen erfahren Sie, wie Sie Ihre Handschrift optimieren können, um hohe Qualität und Vielseitigkeit zu gewährleisten. Als letztes analysieren wir verschiedene Methoden, um Ihre Schrift auf den Computer zu bringen und Ihre handgezeichneten Buchstaben in eine digitale Schrift umzuwandeln.

1. Zeichnen Sie den Zeichentyp

Was Sie für den ersten Teil dieses Tutorials benötigen:

  • Zeichenpapier (Weiß)
  • geschärfter HB- oder 1H-Bleistift
  • Lineal mit Millimeterabmessungen

Sie schreiben wahrscheinlich jeden Tag gekritzelte Notizen oder Listen, sind sich Ihrer Handschrift jedoch selten bewusst. Wenn Sie sich plötzlich Ihrer eigenen Handschrift bewusst werden, kann dies unnatürlich wirken.

Sie sollten sich zunächst in eine natürlichere Schreibweise begeben. Am besten finde ich das Zeichnen einer Schrift. Dies ist auch sehr nützlich, da Sie die wichtigsten Merkmale einer Schrift besser kennenlernen und gemeinsame Merkmale (Konsistenzen) zwischen verschiedenen Zeichen innerhalb einer Schrift besser erkennen können. Dies wird sich als nützlich erweisen, wenn wir anfangen, unsere eigenen handgeschriebenen Zeichen zu verfeinern und sie für die Digitalisierung zu optimieren.

Schritt 1

Legen Sie Ihr Lineal flach über die Seite in einem horizontalen Winkel so gerade wie Sie es machen können. Nehmen Sie Ihren gespitzten Bleistift und zeichnen Sie mit gedrückter Hand eine Linie über der oberen Kante des Lineals. 

Wenn Ihr Lineal ein standardisiertes 30 mm breites Lineal ist, können Sie das Lineal beibehalten und eine zweite Linie entlang der unteren Kante des Lineals zeichnen. Dies hat den Vorteil, dass beide Linien perfekt parallel sind. Ansonsten erstellen Sie einfach zwei horizontale Linien, 30 mm ein Teil. Die untere Linie steht für die Grundlinie, und die oberste Zeile ist die Kappenhöhe

Markieren Sie die Oberseite 10 mm Drittel der Gesamthöhe zwischen den Linien und zeichnen Sie eine dritte horizontale Linie mit Lineal und Bleistift, wobei Sie leichter nach unten drücken, um eine etwas schwächere Linie zu erzeugen. Diese Linie steht für die x-Höhe. In meinem Artikel über A bis Z der Typografie können Sie Ihre typografischen Begriffe wie x-Höhe und Grundlinie auf den neuesten Stand bringen.

Schritt 2

Sie können die Zeilenfolge mit den gleichen Messungen von wiederholen Schritt 1, eine mit Zeilen gefüllte Seite erstellen. Dies ist Ihr eigenes Schreibraster, auf dem Sie das Zeichnen von Schriftarten üben können.

Schritt 3

Öffnen Sie ein Softwareprogramm, in dem Sie Text, z. B. Adobe InDesign, oder auch Microsoft Word oder Seiten

Wählen Sie einen Klassiker aus Serif Schriftart, wie z Adobe Caslon Pro, was hier gezeigt wird oder Garamond. Um das Zeichnen einer Schrift zu üben, sollten Sie zuerst eine Serife zum Zeichnen auswählen, da serifenlose Schriftarten subtilere Funktionen aufweisen und es schwieriger sein kann, wenn Sie Anfänger sind, genau zu zeichnen.

Geben Sie die folgenden Zeichen ein: 'H n o y', mit einem Leerzeichen zwischen jedem. Diese Zeichen sind gut zu wählen, da sie eine Reihe unterschiedlicher Merkmale aufweisen: zwei senkrechte Stiele und eine Querstange am 'H', eine Blende und Serifen am 'n', ein vollständig geschlossener Zähler am 'o' und ein geschwungene Abseil- und diagonale Arme auf dem Kleinbuchstaben 'y'.

Wenn Sie in arbeiten InDesign Sie können auch das Grundlinienraster einschalten (Ansicht> Raster & Hilfslinien> Baseline-Raster anzeigen) um leichter zu sehen, wie die Proportionen der Charaktere zueinander passen.

Sprengen Sie die Zeichen in großem Maßstab auf Ihrem Bildschirm oder vergrößern Sie sie. Jetzt können Sie mit dem Zeichnen der Zeichen beginnen. Wechseln Sie zwischen Ihrem Lineal und dem Zeichnen von Strichen mit der Hand. Machen Sie sich keine Sorgen, wenn Ihre Versuche etwas unordentlich aussehen. Das Ziel dieser Übung ist es, dass Sie sich mit dem Zeichentyp vertraut machen und die Merkmale der Schrift und die Ähnlichkeiten (oder Unterschiede) zwischen den einzelnen Charakteren beobachten.

Sie werden feststellen, dass Serifenschriften auf den Prinzipien der Symmetrie und Ordnung basieren. Erweitern Sie die Striche vom Rand der Zeichen und beachten Sie die Winkel und Proportionen. Die Stämme haben fast immer die gleiche Breite, unabhängig von der Art des Zeichens. Sie können jedoch feststellen, dass die Serifen auf dem Großbuchstaben 'H' etwas größer sind. Beachten Sie auch, dass einige Teile der Zeichen dünner sind. Diese Arten von Schlaganfällen werden als Haarlinien bezeichnet.

Schritt 4

Obwohl wir nicht alle diese Merkmale auf unsere handgeschriebene Schrift anwenden, ist es wirklich wichtig zu wissen, dass alle Schriftarten durch eine Reihe von Regeln geregelt werden, sei es formal, was häufiger bei serifenlosen und serifenlosen Schriftarten oder informell ist häufiger bei handgezeichneten, gemalten oder handgeschriebenen Schriften.

Nachdem Sie das Zeichnen einer Schrift oder mehrere Schriftarten geübt haben, sollten Sie ein wenig Nachforschungen über handschriftliche Schriftarten anstellen, um zu überlegen, wie Ihre handschriftliche Schrift organisiert werden soll.

Gehen Sie zu einer Fontressourcen-Site wie FontSquirrel oder DaFont, und sehen Sie sich die dort verfügbaren handschriftlichen Fonts an. Wählen Sie eine Schrift aus, von der Sie denken, dass sie Qualitäten mit Ihrer eigenen Handschrift teilt, und laden Sie sie herunter. 

Wählen Sie ein Softwareprogramm aus, mit dem Sie den gesamten Zeichensatz in der Schriftart anzeigen können. Adobe InDesign ist eine gute Wahl, kann aber auch verwendet werden Glyphen, was wir uns später genauer ansehen werden.

Erstellen Sie in InDesign einen Textrahmen und legen Sie das fest Schriftart auf Ihre neu heruntergeladene Schrift. Hier habe ich gewählt Wagnasty. Gehe zu Fenster> Schrift & Tabellen> Glyphen die öffnen Glyphen Panel. Sie können den gesamten Zeichensatz sehen, der in der Schrift verfügbar ist. 

Notieren Sie sich, welche Arten von Zeichen vorhanden sind und was auffällig fehlt. In Wagnasty haben wir zum Beispiel:

  • ein vollständiger Satz von Großbuchstaben, A bis Z
  • keine Kleinbuchstaben
  • eine vollständige Anzahl von Zahlen, 1 bis 9
  • Punkt (.), Komma (,), Doppelpunkt (:), Semikolon (;), Ausrufezeichen (!), Fragezeichen (?)
  • Apostroph (')
  • runde (Klammern) Klammern (), eckige Klammern [], Klammern / geschweifte Klammern und Pfeile <>
  • einige grundlegende mathematische / Gleichungssymbole (= +%)
  • Hashtag (#)
  • einige Währungssymbole
  • Sternchen (*)
  • Schrägstrich (/), Backslash (\), Bindestrich (-), Bindestrich (~), vertikaler Balken (|)

Dies ist ein grundlegender Zeichensatz, der es Ihnen ermöglicht, die meisten Dinge in der englischen Sprache ohne allzu große Probleme zu schreiben.

Sie sollten auch beachten, ob die Schrift zusätzliche Gewichte hat, z. Fett gedruckt oder kursiv. In der Regel hat eine handschriftliche Schrift nur eine normale Gewichtung, da die Schrift authentisch aussehen muss. Die Anwendung eines anderen Gewichts kann unnatürlich aussehen.

Die meisten handgeschriebenen Schriftarten haben einen ähnlichen Grundsatz an Zeichen. Mögen Callie Hand:

Oder einige könnten ein paar mehr enthalten, wie Tagebuch, Dazu gehören einige skurrile handgezeichnete Symbole oder Bilder:

2. Schreiben Sie Ihre eigenen Charaktere

Nachdem Sie das Zeichnen von Schriftarten geübt haben und sich die Auswahl der handschriftlichen Schriftarten und die verfügbaren Zeichen in jedem Schriftsatz angesehen haben, können Sie darüber nachdenken, wie Sie Ihre eigene persönliche Schrift zusammenstellen können.

Für diesen Abschnitt des Tutorials benötigen Sie Folgendes:

  • liniertes Papier (ein schlechtes altes Notizbuch wird ausreichen)
  • Zeichenpapier (weiß; und mit etwas Textur, wenn Sie Ihren Charakteren ein eher informelles, rustikales Aussehen verleihen möchten)
  • geschärfter HB- oder 1H-Bleistift
  • Lineal mit Millimeterabmessungen
  • ein feiner Stift für flüssige Tinte in schwarz (ich benutze gerne einen Pilot Hi-TecPoint)
  • Radiergummi

Schritt 1

Viele Menschen haben im Laufe der Zeit zwei oder mehr Variationen ihrer Handschrift entwickelt. Wenn ich längere Textpassagen aufschreibe, neigt sich meine Handschrift dazu, sich zusammenzufügen und leicht nach rechts geneigt zu sein, wodurch ein kursiver Kursiv-Kurs entsteht.

Es gibt jedoch eine Reihe von Problemen beim Versuch, eine kursive oder Skript-Handschrift in eine digitale Schrift umzuwandeln. Sie müssen sicherstellen, dass das Kerning (Leerzeichen zwischen den Zeichen) sehr genau festgelegt wird, damit die Zeichen immer perfekt verbunden erscheinen. Sie müssten auch sicherstellen, dass jede Kombination von Zeichen perfekt verbunden aussieht, was sehr schwierig ist, ohne dass Sie das Skript stundenlang auf Ihrem Computer nachbearbeiten müssen.

Wenn Sie also nicht nach Kopfschmerzen suchen, wird empfohlen, die Handschrift zu digitalisieren, die nicht kursiv ist. Stattdessen sollte es eigenständige Zeichen enthalten, die nicht verfeinert werden müssen, um genau mit einem benachbarten Zeichen übereinzustimmen. 

Glücklicherweise verwende ich oft eine andere Variante meiner Handschrift, normalerweise zum Annotieren von Dokumenten oder zum Schreiben von Kurznotizen. Es ist alles in Großbuchstaben und nicht verbunden. Es hat auch eine leichte kursive Neigung.

Wählen Sie eine kurze Passage aus einem Buch aus und kopieren Sie den Text mit Ihrem natürlichen Handschriftstil auf Liniertes Papier. Während Sie Ihr Bestes geben, um das Schreiben natürlich zu halten, stellen Sie sicher, dass die Charaktere nicht miteinander verbunden sind oder zu viel berühren. Es spielt keine Rolle, ob Sie Groß- und Kleinbuchstaben mischen. Wenn Sie dies tun möchten, müssen Sie schließlich einen vollständigen Satz von Großbuchstaben und einen vollständigen Satz von Kleinbuchstaben erstellen.

Sie können auch das Ausschreiben einiger Symbole wie Ausrufezeichen oder Klammern üben.

Sie können diese Buchpassage als nützliche Referenz für das Erstellen Ihrer endgültigen Handschriftsprobe verwenden. Es ist nicht immer natürlich, einzelne Zeichen in einer Reihenfolge von A bis Z zu schreiben, sodass Sie auf die Passage blicken können, um zu sehen, wie Sie beispielsweise beim Schreiben ein 'G' oder ein 'F' erstellt haben ein fließender, natürlicher Weg.

Schritt 2

Kehren Sie zu Ihrem Zeichenpapier zurück. Nimm deinen Bleistift und Lineal und folge ihm Schritte 1 und 2 von Teil eins Zeichnen Sie im Tutorial (oben) eine Folge von drei Linien, die die Höhe der Kappe, die x-Höhe und die Grundlinie darstellen. 

Im Teil eins, Wir haben eine Gruppe von Linien mit einer Gesamthöhe von 30 mm erstellt. Wenn Sie jedoch versuchen würden, auf natürliche Weise in diesem Maßstab zu schreiben, würden Sie sicherlich kämpfen! Reduzieren Sie die Gesamthöhe zwischen Kappenhöhe und Grundlinie zu 6 mm; markiere die Oberseite 2 mm Drittel davon, um das zu zeigen x-Höhe

Sie könnten sogar feststellen, dass dies immer noch zu groß ist, um natürlich schreiben zu können, ohne zu belasten. Schreiben Sie ein paar Zeichen auf das Papier, um zu sehen, in welcher Größe Sie Ihre Zeichen schreiben. 

Reduzieren Sie die Gesamthöhe auf 4 oder 5 mm wenn Sie lieber in kleinerem Maßstab schreiben.

Wiederholen Sie die Zeilenfolge, bis Sie die Seite ausgefüllt haben.

Schritt 3

Nehmen Sie Ihren Tintenstift (die schwarze Tinte erzeugt einen guten Kontrast für späteres Scannen) und drehen Sie das Papier etwas gegen den Uhrzeigersinn. Dies soll verhindern, dass der Arm beim Schreiben zu stark belastet wird.

In der gleichen Geschwindigkeit, in der Sie normalerweise schreiben würden, schreiben Sie die Großbuchstaben von A bis Z auf einmal in derselben Zeile, wenn Sie Platz haben. 

Wenn Sie Fehler machen, versuchen Sie es einfach in der nächsten Zeile weiter unten. Machen Sie sich jedoch keine Gedanken über kleinere Fehler oder Macken beim Schreiben. Sie möchten, dass das Schreiben organisch und natürlich aussieht, und wenn Sie es zu sehr perfektionieren, wird das beseitigt.

Wir beziehen uns auf die Liste der Zeichen, die wir in notiert haben Teil eins Schreiben Sie im Lernprogramm andere Zeichen im gleichen natürlichen Stil und im gleichen Maßstab auf. Wenn Sie möchten, können Sie auch einen Satz von Kleinbuchstaben, a bis z, schreiben.

Schritt 4

Lassen Sie die Tinte vollständig trocknen. Nehmen Sie dann einen Radiergummi und reiben Sie die Bleistiftlinien sorgfältig um die Zeichen herum, so dass Sie einen schönen Satz sauberer Zeichen haben, die zum Scannen bereit sind.

3. Scannen und Digitalisieren Ihrer Schrift

Für diesen letzten Teil des Tutorials benötigen Sie:

  • ein Scanner (oder alternativ ein Stativ und eine Digitalkamera)
  • Adobe Illustrator
  • Zugriff auf ein Font-Editor / Konvertierungsprogramm, z.B. FontLab Studio oder Glyphs (Sie können eine kostenlose 30-Tage-Testversion von Glyphs erhalten und eine Mini-Version ist für Mac-Apps verfügbar.)

Hinweis: Wir führen Sie durch den Prozess der Verwendung Glyphen In diesem Tutorial gibt es jedoch jede Menge tolle Bearbeitungsprogramme. Ich persönlich finde Glyphen um sehr benutzerfreundlich zu sein, aber viele typographen werden auch starke Argumente für FontLab und RoboFont.

Schritt 1

Einstellen des Scanners auf eine hohe dpi - Auflösung (ich habe mit gescannt 1600 dpi), scannen Sie Ihre Handschriftprobe ein. 

Speichern Sie die Datei als TIFF oder JPEG. Dann öffnen Adobe Illustrator und erstellen Sie ein Neues Dokument.

Gehe zu Datei> Platzieren und wählen Sie Ihr gescanntes Bild. Öffnen Sie bei ausgewähltem Bild die Bildverfolgung Panel (Fenster> Bildverfolgung). Mit dem Vorschau Aktivieren Sie das Kontrollkästchen Modus zu Schwarz und weiß, und stellen Sie das ein Schwelle, Pfade und Ecken so lange, bis Sie mit der Genauigkeit der Spur zufrieden sind. Klicken Spur.

Gehen Sie dann mit noch ausgewähltem Bild zu Objekt> Bildverfolgung> Erweitern. Als letzten Schritt, Klicken Sie mit der rechten Maustaste (Mac OS) oder klicken Sie mit der rechten Maustaste (Windows) auf> Gruppierung aufheben. 

Jetzt müssen Sie alle weißen Bereiche des Bildes entfernen. Öffne das Schichten Panel (Fenster> Ebenen) und erstelle eine neue Ebene. Ziehen Sie es nach unten, um die neue Ebene unter der Bildebene zu platzieren. Wähle aus Rechteckwerkzeug (M) und ziehen Sie, um ein Rechteck zu erstellen, das sich über die gesamte Zeichenfläche erstreckt. Stellen Sie das ein Füllen zu einer kontrastierenden hellen Farbe.

Jetzt können Sie leichter erkennen, wo das Bild weiß ist. Wählen Sie den weißen Bereich außen aus und löschen Sie ihn. Wählen Sie die kleineren weißen Bereiche in den Schalen und Zeichenmarken aus und löschen Sie sie.

Sie haben Ihre Handschrift erfolgreich vektorisiert, eine großartige Arbeit! 

Schritt 2

Öffnen Sie jetzt Ihre Schriftbearbeitungssoftware. Hier werde ich Sie durch den Digitalisierungsprozess Ihrer handgeschriebenen Schrift mit führen Glyphen.

Gehe zu Datei> Neu um eine neue Glyphs-Schrift zu erstellen. Auf der linken Seite des sich öffnenden Glyphs-Fensters sehen Sie ein Menü mit Optionen, in dem Gruppen von Zeichen aufgelistet sind, die Sie der Schriftart hinzufügen können. 

Klicken Brief um alle Menüoptionen anzuzeigen. Um Großbuchstaben einzufügen, wählen Sie Großbuchstaben. Ein vollständiger Satz von Großbuchstaben von A bis Z wird im Fenster angezeigt.

Doppelklicken Sie auf einen Charakter, um ihn direkt zu bearbeiten. 

Springe zurück zu Illustrator und wählen Sie das entsprechende Vektorzeichen aus. Gehe zu Bearbeiten> Kopieren.

Zurückkommen zu Glyphen, und gehe zu Bearbeiten> Einfügen. Glyphen platzieren den Vektor im Fenster und können so skaliert und angepasst werden. Die numerischen Werte am unteren Rand des Bildschirms können bearbeitet werden, sodass Sie den Abstand links und rechts des Zeichens anpassen können, um das Kerning zu beeinflussen. 

Links vom Fenster können Sie sehen '-' und '+' Symbole, mit denen Sie das Zeichen skalieren können. Sie können die Skala auch manuell mit der Taste anpassen Skala (S) Werkzeug, das in der Werkzeugleiste verfügbar ist, die am oberen Rand des Fensters verläuft.

Sie sollten die Hilfslinien auf dem Bildschirm als Orientierungshilfe verwenden, indem Sie den unteren Teil des Charakters auf dem Bildschirm sitzen Grundlinie, und die Spitze des Charakters (wenn es sich um Großbuchstaben handelt) Kappenhöhe Linie.

Schritt 3

Sie können zurückblättern, um den gesamten Zeichensatz anzuzeigen, indem Sie auf klicken Schriftart Registerkarte zum oberen Rand des Fensters.

Wiederholen Sie den oben beschriebenen Vorgang, doppelklicken Sie auf die Zeichen in Glyphs, um sie zu öffnen, und wechseln Sie zwischen Illustrator und Glyphs hin und her, kopieren Sie die Zeichen und fügen Sie sie ein.

Sie können auch andere Zeichen hinzufügen, indem Sie das linke Menü des Glyphs-Fensters verwenden. Sie müssen manuell hinzufügen Zahlen und Interpunktion Markierungen auswählen, aus den Popup-Menüs auswählen und auswählen Generieren.

Schritt 4

Wenn Sie alle Zeichen für Ihre Schriftart hinzugefügt haben, können Sie ihr einen Namen geben. 

Gehe zu Datei> Schriftinfo ein neues Fenster öffnen. 

Geben Sie der Schriftart einen geeigneten Namen, und Sie können zusätzliche Details hinzufügen, wie Ihren Namen, Ihre Website und Ihre Copyright-Informationen. Wenn Sie fertig sind, schließen Sie einfach das Fenster.

Schritt 5

Nachdem Sie die Zeichen in Ihrer Schriftart bearbeitet haben, können Sie sie als digitale Schriftart exportieren. 

Gehe zu Datei> Exportieren

Behalten Sie die Standardoptionen bei, um ein zu erstellen OpenType-Schriftart, dann klick Nächster. Speichern Sie die Schriftart in einem leicht durchsuchbaren Ordner.

Sie können Glyphs beenden und zum ausgewählten Ordner navigieren, um die Schriftartdatei anzuzeigen. 

Sie können diese dann auf Ihrem Computer installieren, wie Sie es auch bei anderen Standard-.otf-Schriften tun würden.

Fazit

Ihre handschriftliche Schrift ist jetzt vollständig und kann als digitale Schrift in Ihren eigenen Dokumenten verwendet werden. Fügen Sie Notizen oder Anmerkungen eine persönliche Note hinzu oder integrieren Sie sie in Design-Layouts, um Ihr Kunstwerk wirklich einzigartig zu machen!

Lassen Sie uns zusammenfassen, welche Lektionen wir in diesem Tutorial behandelt haben. Wir schauten auf:

  • wie man Zeichnen üben, und erkennen Sie gemeinsame Elemente und Regeln über Schriften hinweg
  • wie man Wenden Sie diese Zeichenstunden auf Ihre eigene Handschrift an, Optimierung für die Digitalisierung
  • wie man Scannen Sie Ihr Kunstwerk und vektorisieren Sie es in Illustrator
  • wie man wandeln Sie Ihre Vektoren in eine digitale Schrift um, Bearbeiten mit Glyphs oder einer anderen Schriftartbearbeitungssoftware

Tolle Arbeit! Viel Spaß beim Erstellen weiterer Schriftarten. Experimentieren Sie mit verschiedenen handgezeichneten oder gemalten Stilen?