In diesem Tutorial zeigen wir Ihnen, wie Sie mit Illustrator und dem Online-Webservice fontastic.me Ihre eigene Schriftart erstellen können.
Um folgen zu können, benötigen Sie eine Kopie von Adobe Illustrator. Wenn Sie jedoch keine Kopie haben und diese nicht kaufen möchten, interessieren Sie sich möglicherweise für unser ähnliches Tutorial, das Inkscape verwendet. Inkscape ist eine kostenlose Open Source-Alternative zu Illustrator. Unabhängig davon, welche Vektorstrich-Zeichnungsanwendung Sie verwenden, bietet fontastic.me seinen Service vollständig kostenlos an.
Während wir Ihnen zeigen, wie Sie eine handgezeichnete Schrift mit einem Foto von auf Papier gezeichneten Buchstaben erstellen, können Sie ähnliche Techniken verwenden, um eine Schrift mit Buchstaben zu erstellen, die direkt in Illustrator gezeichnet wurden. Wenn Sie ein Zeichentablett verwenden, ist Ihnen dies möglicherweise vorzuziehen.
Wenn Sie ein Foto verwenden, stellen Sie sicher, dass Sie einen dunklen Farbstift verwenden, um Ihre Buchstaben zu zeichnen, und verwenden Sie normales weißes Papier für maximalen Kontrast. Machen Sie Ihr Foto auch in gutem Licht, um ein klares und kontrastreiches Foto zu erstellen, damit Illustrator die einzelnen Buchstaben so leicht wie möglich finden kann.
Öffnen Sie ein leeres Dokument
Der erste Schritt ist das Öffnen einer leeren Datei.
Gehe zu Datei> Neu und im Dialog stellen Sie die Größe wie gewünscht ein. Wir haben eine quadratische Seitengröße von 500px verwendet, aber Sie können dies wie gewünscht einstellen.
Als Nächstes importieren wir die Fotodatei in Illustrator.
Importieren Sie Ihr Foto von Hand gezeichnetem Text
Wenn Sie kein Foto mit handgezeichnetem Text haben, aus dem Sie arbeiten können, können Sie die gleiche Datei herunterladen, die wir für dieses Tutorial verwendet haben.
Um die Datei zu importieren, gehen Sie zu Datei> Platzieren und navigieren Sie dann zu dem Ort, an dem sich Ihr Foto mit handgezeichnetem Text befindet. Drücke den Platz Wenn Sie auf die Schaltfläche klicken, wird das Foto in Ihrem Dokument angezeigt.
Wir können diese Datei nun nachverfolgen, um Vektorbriefe zu erhalten.
Verfolgen Sie das Foto von Hand gezeichneten Buchstaben
Das Nachverfolgen der Buchstaben ist sehr einfach.
Geh einfach zu Objekt> Live Trace> Erstellen und Erweitern Nach wenigen Augenblicken sehen Sie, dass alle Buchstaben mit neuen Vektorlinienversionen überlagert wurden. Weniger offensichtlich ist die Tatsache, dass sie von einem anderen Objekt umgeben werden, das den Hintergrund des Fotos darstellt. Wir müssen das Hintergrundobjekt löschen, also gehen Sie zu Objekt> Gruppierung aufheben Klicken Sie dann auf eine beliebige Stelle außerhalb des rechteckigen Begrenzungsrahmens, um die Auswahl aufzuheben. Klicken Sie nun auf einen der Buchstaben, aber nicht auf einen Buchstaben, und Sie sollten sehen, dass der rechteckige Hintergrund ausgewählt ist. Drücken Sie einfach die Löschen Taste auf Ihrer Tastatur, um sie zu entfernen.
Damit bleiben alle einzelnen Buchstaben übrig. Wenn jedoch einer Ihrer Buchstaben mehr als ein Element enthält, müssen Sie diese zusammenfassen. Alle unsere Briefe enthalten mehr als ein Element, daher mussten wir sie alle gruppieren. Dies geschieht durch Anklicken und Ziehen eines Auswahlrahmens, der alle verschiedenen Teile eines Buchstabens umfasst, und dann zu Objekt> Gruppe.
Sie erhalten nun alle Ihre individuellen Buchstaben, und als Nächstes erstellen wir die einzelnen SVG-Dateien, die zum Erstellen einer Schriftart in fontastic.me erforderlich sind.
verbunden: Möglicherweise möchten Sie auch lernen, wie Sie Live Trace in Illustrator verwenden.
Einzelne Buchstaben als SVG-Dateien speichern
Leider können Sie in Illustrator nicht mehrere Zeichenflächen in einzelnen SVG-Dateien speichern. Daher muss jeder Buchstabe manuell als separate SVG-Datei gespeichert werden.
Wählen Sie zunächst alle Buchstaben aus und ziehen Sie sie so, dass sie die Zeichenfläche nicht überlagern. Ziehen Sie dann den ersten Buchstaben auf die Zeichenfläche und verkleinern Sie ihn, um die Zeichenfläche auszufüllen, indem Sie an einem der Eckziehpunkte ziehen. Halten Sie die Verschiebung Taste, während Sie dies tun, um die gleichen Proportionen beizubehalten.
Wenn Sie fertig sind, gehen Sie zu Datei> Speichern unter und ändern Sie im Dialog das Format fallen auf SVG (svg), geben Sie der Datei einen aussagekräftigen Namen und klicken Sie auf sparen. Sie können diesen Buchstaben jetzt löschen, den nächsten auf der Zeichenfläche platzieren und dessen Größe ändern. Wieder machen Speichern als und fahren Sie fort, bis Sie alle Ihre Briefe gespeichert haben.
Bevor Sie fortfahren, speichern Sie eine leere Zeichenfläche, damit Sie diese als Leerzeichen verwenden können. Sie können auch das Speichern von Satzzeichen und Kleinbuchstaben Ihrer Briefe in Betracht ziehen, aber wir haben uns nicht für dieses Tutorial interessiert.
Mit diesen separaten SVG-Briefdateien können Sie im nächsten Schritt Ihre Schriftart erstellen, indem Sie sie nach fontastic.me hochladen. In diesem Artikel erfahren Sie, wie Sie mit fontastic.me Ihre Schriftart beenden: Erstellen Sie eine Schriftart mit Fontastic.me.
Verwenden Sie das New Asset Export Panel
Die aktuelle Version von Adobe Illustrator enthält ein neues Bedienfeld, in dem Sie alle Ihre Zeichnungen auf einer Zeichenfläche ablegen und als einzelne SVG-Dokumente ausgeben können. hier ist wie:
- Wählen Fenster> Asset-Export um den Bereich Asset Export zu öffnen.
- Wählen Sie einen oder alle Buchstaben aus und ziehen Sie sie in das Panel. Sie werden alle als einzelne Elemente angezeigt.
- Doppelklicken Sie auf den Namen des Objekts im Bedienfeld und benennen Sie es um. Tun Sie dies für alle Elemente im Panel.
- Wählen Sie die zu exportierenden Elemente aus und wählen Sie sie aus SVG von dem Format Pop runter
- Klicken Export.
