So erstellen Sie eine Farbschrift mit Adobe Illustrator und Fontself Maker

Was Sie erstellen werden

Ich werde Ihnen zeigen, wie Sie eine Farbschrift erstellen. Das Erstellen von Schriftarten war noch nie so schnell, spaßig und einfach wie mit Fontself, einer leistungsstarken Erweiterung für Adobe Illustrator und Photoshop CC. In diesem Lernprogramm erfahren Sie, wie Sie eine Farbschrift erstellen.

Mit Fontself können Sie eine voll funktionsfähige Schriftart mit allen Schnörkeln der meisten professionellen Schriftarten (Kerning, Ligaturen usw.) erstellen, und das aufregendste daran ist, dass Sie damit eine Farbschrift! Sie können Ihrer Fantasie freien Lauf lassen und Ihren Figuren beliebige Formen und Farben (einschließlich Verläufe und andere Effekte) hinzufügen. 

Abgesehen von der Erstellung von Farbschriften, die in Adobe Photoshop CC 2017/2018 und Adobe Illustrator CC 2018 verwendet werden können, können Sie mit Fontself Standard-Nicht-Farb-Vektorschriftarten erstellen, die in anderen Softwareprogrammen wie älteren Versionen von Adobe verwendet werden können CC-Apps, CS6, Microsoft Word und viele andere.

Ich kann es kaum erwarten, es auszuprobieren? 

Tausende von Kreativen von Adobe, Google, Apple, Microsoft und anderen bekannten Unternehmen verwenden bereits Fontself. Das Coole daran ist auch, dass es eine 100% ige Indie-Software ist, die von drei leidenschaftlichen Entwicklern mit dem Ziel erstellt wurde, ein benutzerfreundliches Werkzeug zur Erstellung von Schriftarten zu entwickeln. Und sie haben es geschafft!

Lassen Sie uns den gesamten Prozess der Erstellung und Verwendung unserer eigenen Farbschrift in Adobe Illustrator CC 2018 und Fontself Maker durchgehen!

1. Wie zeichnet man den Buchstaben A?

Schritt 1

Wenn ich eine Schrift von Grund auf erstelle, beginne ich normalerweise damit, eine allgemeine Idee darzustellen. Dieses Mal entschied ich mich, eine Schrift in einem bunten Line-Art-Stil zu erstellen.

Ich begann mit einer groben Skizze jedes Buchstabens und versuchte, jeden von ihnen einzigartig zu machen, wobei der Gesamtstil erhalten blieb. Ich werde diese Skizze als Leitfaden für die Konturen verwenden, die wir in Adobe Illustrator erstellen.

Bitte beachten Sie, dass Fontself Maker mit Adobe Illustrator CC 2015.3 oder neuer funktioniert. Um Farbschriften verwenden zu können, benötigen Sie CC 2018. Vergessen Sie daher nicht, ein Update durchzuführen, falls Sie dies noch nicht getan haben!

Schritt 2

Beginnen Sie mit dem Erstellen eines Neues Dokument der gewünschten Größe in RGB-Farbmodus. Wenn Sie andere auswählen Farbmodus, Alle Farben werden in RGB umgewandelt, auch wenn sie in CMYK definiert sind oder wenn sich das Dokument im CMYK-Farbraum befindet. Sie können auf der Hilfeseite mehr über den Farbraum in Fontself erfahren. 

Beginnen wir mit dem Buchstaben A. Nehmen Sie den Polygon-Werkzeug (Sie finden es im selben Dropdown-Menü wie das Rechteckwerkzeug (M)) und klicken Sie irgendwo auf das Artboard. Stellen Sie die Anzahl von ein Seiten zu 3 und mach ein Dreieck.

Set seine Füllen Farbe zu Keiner und sein Schlaganfall Farbe zu dunklem Purpur im Farbe Panel. Jetzt in der Schlaganfall Panel (Fenster> Schlaganfall), stellen Sie das ein Gewicht zu 2,5 pt und Deckel zu Runde Kappe.

Jetzt können wir den unteren Teil der Form löschen, den wir nicht benötigen. Nehmen Sie die Direktauswahl-Tool (A) und klicken Sie auf die untere Kante des Dreiecks. Schlagen Sie die Löschen Schlüssel (oder Rücktaste Wenn Sie sich auf einem Mac befinden, löschen Sie ihn.

Schritt 3

Wählen Sie die Form mit Auswahlwerkzeug (V) und schlagen Eingeben die öffnen Bewegung Fenster. Stellen Sie das ein Horizontal Wert zu 25 px und Vertikale zu 0 px, und klicken Sie auf Kopieren um die Form zu duplizieren und nach rechts zu verschieben.

Schritt 4

Wenn Sie beide Formen ausgewählt lassen, nehmen Sie die Form-Builder-Werkzeug (Umschalttaste-M), runter halten Alt, und klicken Sie auf das Stück rechts, um es zu löschen.

Schritt 5

Kopieren Die erste Form und Größe ändern, um ein kleines Dreieck zu machen. Legen Sie es an der Unterseite, so dass eine Pfeilfeder entsteht. Wählen Sie die Form aus und halten Sie sie gedrückt Alt, und ziehen Sie es nach oben, um eine Kopie zu erstellen. Fügen Sie zwei weitere Exemplare hinzu und hängen Sie sie am linken Rand des Dreiecks an.

Gruppe (Control-G) die geschaffenen Elemente der Feder und Doppelklick das Werkzeug reflektieren (O). Wähle aus Vertikale Achse und klicken Sie auf Kopieren um die Form auf die gegenüberliegende Seite zu drehen.

Schritt 6

Nehmen Sie die Ellipsenwerkzeug (L), runter halten Verschiebung, und mache eine 10 x 10 px Kreis mit dunkelblauem Schlaganfall und türkis Füllen Farbe.

Spitze: Verwenden Sie die Pipettenwerkzeug (I) Wählen Sie die Füll- oder Strichfarbe oder beliebige Darstellungseinstellungen aus und wenden Sie sie auf andere Objekte an. Sie können auf die Optionen von zugreifen Pipettenwerkzeug (I) durch Doppelklick es in der Werkzeuge und Sie können die Einstellungen auswählen, die Sie auswählen und anwenden möchten.

Schritt 7

Kopieren Wählen Sie den Strich aus und ziehen Sie ihn bei gedrückter Maustaste zur Seite Alt. Verwenden Sie die Stiftwerkzeug (P) um einen Ankerpunkt in der Mitte der Linie hinzuzufügen. Dann benutzen Sie die Ankerpunktwerkzeug löschen (-) um den Punkt über dem Strich zu löschen.

Schritt 8

Nehmen Sie die Stiftwerkzeug (P) oder der Liniensegmentwerkzeug (\) und halte Verschiebung um eine horizontale Linie über den Buchstaben zu ziehen. Dies wird der Takt des Buchstabens A sein.

Kopieren (Control-C> Control-F) den Strich und ziehen Sie es nach unten. Machen Sie es kürzer, indem Sie die Punkte mit verschieben Direktauswahl-Tool (A).

Schritt 9

Verwenden Sie jetzt die Stiftwerkzeug (P) Eine Zick-Zack-Linie im oberen Teil des Buchstabens erstellen, wie in der Abbildung unten gezeigt.

Fügen Sie auf beiden Seiten des Buchstabens weitere Striche hinzu, damit er detailreicher aussieht.

Schritt 10

Nun, da die Umrisse des Buchstabens A fertig sind, fügen wir etwas Farbe hinzu! Wir können Duplikat (Control-C> Control-B) der Brief und verbergen die Kopie in der Schichten Klicken Sie auf das kleine Augensymbol, um diese Umrisse später verwenden zu können.

Wählen Sie die sichtbare Kopie und gehen Sie zu Objekt> Live Paint> Make.

Schritt 11

Jetzt schnappen Sie sich die Live-Farbeimer (K) Bewegen Sie den Mauszeiger über den Bereich, den Sie mit Farbe füllen möchten. Wenn Sie eine rote Kontur sehen, klicken Sie auf den Bereich, um ihn auszufüllen.

Weiter mit der Live-Farbeimer (K) und wählen Sie neue Farben in der Farbe Panel, um die Dreiecke im oberen Teil des Buchstabens auszufüllen.

Schritt 12

Jetzt gehen wir zu Objekt> Live Paint> Erweitern um jeden farbigen Abschnitt in ein separates Objekt zu verwandeln.

Schritt 13

Verwenden Sie die Direktauswahl-Tool (A) ein paar Elemente herausziehen, um die Komposition dynamischer zu gestalten.

Und da haben wir es! Unser erster Brief ist fertig! Lassen Sie uns zum nächsten gehen und sehen, was wir sonst noch machen können, um es einzigartig zu machen.

2. Wie gestaltet man den Buchstaben B?

Schritt 1

Ich verwende keine Schnapp- oder Spezialraster für diese Schrift, da ich ein bisschen handgefertigte Berührung erhalten möchte, ohne sie geometrisch perfekt oder pixelgenau zu gestalten. Um die Schriftart konsistent zu machen, müssen wir jedoch alle Buchstaben auf derselben Höhe halten (wobei die Breite unterschiedlich sein wird)..

Mach das ... an Lineale (Control-R) und ziehen Sie ein paar horizontale Hilfslinien auf die Zeichenfläche, um die Höhe des Buchstabens A zu markieren Führungen Menü von Ansicht> Reiseführer.

Schritt 2

Beginnen wir mit dem Stamm des Buchstabens B. Verwenden Sie die Rechteckwerkzeug (M) ein schmales Rechteck von etwa machen 30 x 120 px (Denken Sie daran, die Höhe Ihres ersten Buchstabens gleich zu halten.).

Wählen Sie den unteren Rand mit Direktauswahl-Tool (A) und lösche es.

Fügen Sie einige horizontale Linien hinzu und befestigen Sie ein paar 10 x 10 px Türkis Kreise an der Unterseite der Form. Wir können Kopieren diese Kreise aus unserem Buchstaben A.

Schritt 3

Lassen Sie uns nun eine gerade horizontale Linie mit der Stiftwerkzeug (P) und gehe zu Effekt> Verzerren und transformieren> Zickzack. Stellen Sie das ein Größe zu 10 px, Grate pro Segment zu 5, und Punkte zu Ecke.

Klicken OK und gehe zu Objekt> Darstellung erweitern den Effekt anwenden.

Platzieren Sie das erstellte Zickzack im oberen Teil des Buchstabens, und ändern Sie die Größe, um es an das Rechteck anzupassen.

Schritt 4

Lassen Sie uns ein Rechteck von etwa erstellen 45 x 55 px formatieren und an den oberen und linken Rändern des Buchstabens ausrichten. Wählen Sie dazu den Stamm und das erstellte Rechteck aus, und klicken Sie erneut auf den Stamm, um es zu a Schlüsselobjekt (Sie werden eine dickere Auswahl sehen).

Öffne das Ausrichten Panel (Fenster> Ausrichten) und klicken Sie auf Horizontal links ausrichten und Vertikal oben ausrichten.

Schritt 5

Wir wählen die obere und untere rechte Ecke des Rechtecks ​​mit der Taste Direktauswahl-Tool (A) und machen Sie sie abgerundet, indem Sie die Kreismarkierung der ziehen Live-Ecken näher zum Zentrum. Wir können auch die einstellen Ecken Radius manuell über das Bedienfeld oben.

Spitze: Wenn Sie nach dem Update auf Adobe Illustrator CC 2018 das obere Bedienfeld nicht finden, machen Sie sich keine Sorgen! Es ist immer noch da und Sie können es einschalten Fenster> Arbeitsbereich> Essentials Classic.

Löschen wir den linken Rand der Form. Wählen Sie die linke untere Ecke mit Direktauswahl-Tool (A) und drücke Löschen (Rücktaste auf Mac).

Wiederholen Sie dasselbe für den oberen linken Punkt und lassen Sie nur die gewölbte Form.

Machen Sie einen größeren Bogen für die untere Schüssel des Buchstabens B.

Schritt 6

Fügen Sie einen kleineren Bogen in der unteren Schüssel hinzu. Machen Sie den Buchstaben komplizierter, indem Sie horizontale und vertikale Striche hinzufügen. Beenden Sie die Konturen, indem Sie zwei Kreise in die untere Schüssel legen.

Schritt 7

Lasst uns Duplikat (Control-C> Control-B) den Brief und bewahren Sie die Kopie unsichtbar auf, falls wir ihn später brauchen.

Wählen Sie die sichtbare Kopie und Objekt> Live Paint> Make. Verwenden Sie die Live-Farbeimer (K) und das Pipettenwerkzeug (I) die Elemente des Buchstabens B auswählen und Farben anwenden.

Lassen Sie uns den Brief beenden. Gehe zu Objekt> Live Paint> Erweitern und benutze die Direktauswahl-Tool (A) einige der farbigen Teile aus der Kontur ziehen.

Genial! Der zweite Brief ist fertig! Schauen wir uns einige weitere Techniken an, die wir für andere Buchstaben und Symbole verwenden können.

3. Wie zeichnet man den Buchstaben C?

Schritt 1

Nehmen Sie die Ellipsenwerkzeug (L) und beginnen Sie mit der Basis des Buchstabens, indem Sie a 115 x 115 px Kreis. Kopieren der erzeugte Kreis und Einfügen vor (Control-C> Control-F). Verkleinern Sie die Kopie auf 80 x 80 px.

Wie Sie vielleicht bemerken, ist der Brief etwas niedriger als die obere Leitlinie. Wir haben etwas Platz über dem Kreis gelassen, um dort ein paar Details hinzuzufügen.

Schritt 2

Nehmen Sie die Stiftwerkzeug (P), halt Verschiebung, und machen Sie eine vertikale Linie über die Kreise. Die Zeile bleibt ausgewählt, Doppelklick das Werkzeug drehen (R) und setze das Winkel zu 12 Grad. Klicken Kopieren um eine gedrehte Kopie der Zeile hinzuzufügen.

Jetzt drücken Steuerung-D um die letzte Aktion zu wiederholen und so lange zu drücken, bis Sie 30 Kopien erhalten, um den Kreis zu füllen.

Lasst uns Gruppe (Control-G) die erzeugten Strahlen und verbergen sie für jetzt.

Schritt 3

Nun erstellen wir eine Silhouette des Buchstabens C. Verwenden Sie die Ankerpunktwerkzeug hinzufügen (+) Fügen Sie zwei Punkte auf der rechten Seite des größeren Kreises und zwei Punkte für den kleineren hinzu (siehe Abbildung unten).

Jetzt können wir die verwenden Direktauswahl-Tool (A) Klicken Sie auf das Bogensegment zwischen den erstellten Punkten und löschen es. Wiederholen Sie dasselbe für beide Kreise.

Schritt 4

Lassen Sie uns nun die verborgenen Strahlen enthüllen und alle Elemente des C auswählen.

Nehmen Sie die Form-Builder-Werkzeug (Umschalttaste-M) und klicken Sie auf die durch gekreuzte Linien gebildeten Rechtecke. Klicken Sie nicht alle an. Lassen Sie am unteren Rand der Form etwas unberührten Raum.

Jetzt können wir die nicht benötigten Teile der Strahlen in der Mitte des C auswählen und löschen.  

Schritt 5

Brechen wir die Strahlenstücke links vom Buchstaben C auf.

Verwenden Sie die Stiftwerkzeug (P) um einen neuen Ankerpunkt irgendwo in der Mitte der Linie hinzuzufügen und den oberen Punkt mit der Ankerpunktwerkzeug löschen (-). Auf diese Weise lösen wir das Stück von der Briefkante.

Wechseln Sie die Strahlen weiter, machen Sie einige kürzer und trennen Sie andere, um der Silhouette des Buchstabens Abwechslung zu verleihen.

Schritt 6

Fügen Sie dem inneren Teil des Buchstabens einige gewölbte Striche hinzu. Befestigen Sie Kreise an den Spitzen der großen Bögen.

Duplikat die erstellten Konturen und verwenden Sie die Live Paint und das Live-Farbeimer (K) Farben hinzufügen.

Schritt 7

Objekt> Live Paint> Erweitern die Form und ziehen Sie einige der farbigen Rechtecke heraus. Gute Arbeit! Unser dritter Brief ist fertig!

Machen Sie weiter und erstellen Sie mehr Buchstaben, Ziffern und Satzzeichen, alles, was Sie für Ihre zukünftige Schriftart benötigen könnten. Machen Sie sich keine Sorgen, wenn Sie nicht alle gewünschten Symbole gleichzeitig erstellen. Sie können Ihre Schriftdatei jederzeit wieder öffnen und später hinzufügen.

4. Erstellen einer Farbschrift in Fontself

Schritt 1

Nun zum Spaß! Da wir alles vorbereitet haben, können wir endlich eine Schriftart mit Fontself Maker erstellen! 

Zuerst öffnen wir die Schichten und platzieren Sie alle Buchstaben in alphabetischer Reihenfolge von links nach rechts. Fontself weist automatisch die richtigen Zeichen zu, wenn Sie diese in der richtigen Reihenfolge eingeben.


Wir können die untere Richtlinie umbenennen und sie als Basis festlegen.

Schritt 2

Lassen Sie uns nun sicherstellen, dass alle unsere Buchstaben nach unten ausgerichtet und auf der Grundlinie platziert sind. Wähle deine Charaktere aus und klicke auf Vertikal unten ausrichten in dem Ausrichten mit einem der Zeichen als Zeichen Schlüsselobjekt.

Schritt 3

Gehe zu Fenster> Erweiterungen und Renn Fontself Maker. Ein kompaktes Fenster der Erweiterung wird geladen, und Sie können die Größe anpassen, indem Sie die unteren Ecken ziehen. Es verfügt über eine einfache und benutzerfreundliche Drag & Drop-Oberfläche mit Popup-Hinweisen und einen Online-Chat-Assistenten, der Ihnen bei Ihren Fragen helfen kann.

Schritt 4

Jetzt wählen wir unser Alphabet aus und ziehen es in das Fontself-Fenster. Hier haben wir mehrere Möglichkeiten zur Auswahl. Wenn Sie bereits alle Zeichen bereit haben, können Sie die verwenden 'A-Z' Bereich und lassen Sie Ihre Briefe dort fallen. Fontself ordnet sie automatisch in der richtigen Reihenfolge an und gibt jedem Buchstaben einen eigenen Namen. 

Wenn Sie noch nicht alle Zeichen beendet haben, positionieren Sie den Mauszeiger über der 'Beliebiger Charakter (Stapel)' Feld und lassen Sie die Maustaste los, um Ihre Zeichen hochzuladen.

In unserem Fall erstellen wir eine Großbuchstabenschrift, sodass alle Buchstaben für Groß- und Kleinschreibung gleich sind.

Schritt 5

Das Schönste an Fontself ist, dass es die Dinge so viel einfacher macht: Sobald wir unsere Briefe geordnet und ausgerichtet haben, werden sie vom Programm in der richtigen Reihenfolge platziert, wobei die Informationen aus der Schichten Panel. Stellen Sie einfach sicher, dass Sie alles zusammen ziehen und ablegen, einschließlich der Basislinie.

Wenn Sie mehr Kontrolle über die Richtlinien benötigen und einen Auf- und Abstieg hinzufügen möchten, können Sie dies auch tun! Fügen Sie einfach zwei weitere Richtlinien hinzu und benennen Sie sie in "ascender" und "descender" um Schichten und ziehen Sie sie dann zusammen mit Ihrem Alphabet in Fontself. Voila!

Weitere Informationen zur Verwendung von Hilfslinien in Fontself finden Sie auf der Hilfeseite.

Jetzt haben wir jeden Brief in einem eigenen Slot platziert. Von hier aus können wir etwas eingeben Live Vorschau Fenster, um herauszufinden, wie es aussieht und mit ihm spielt Buchstabenraum, Zeilenraum und Rahmen, wenn benötigt.

Durch Klicken auf das kleine Zahnradsymbol auf der rechten Seite können Sie die Schriftgröße, Ausrichtung und Hintergrundfarbe ändern.

Wir können das Buchstabenvorschaufenster auch erweitern, indem Sie auf das kleine diagonale Pfeilsymbol in der oberen linken Ecke jedes Vorschaubereichs (eingekreist im Screenshot unten) oder auf klicken Doppelklick die Glyphe.

Schritt 6

Hier haben wir für jeden Buchstaben weitere Optionen. Wir können die Linien ziehen, die Position des Auf- und Abstiegs ändern und andere Einstellungen anpassen.

Schritt 7

Wenn wir mit den Buchstaben zufrieden sind, fügen wir andere Symbole und Satzzeichen hinzu! Wählen Sie dazu einfach die Elemente in der Zeichenfläche aus und klicken Sie auf Stapel Taste in der Zuhause Fenster von Fontself. Ihre Symbole werden hinzugefügt und in der richtigen Reihenfolge platziert.

Schritt 8

Sehen wir uns nun einige erweiterte Einstellungen an, die beim Erstellen von Schriften von entscheidender Bedeutung sind. Suchen Sie und klicken Sie auf das Erweitert Taste in der Zuhause Fenster von Fontself.

Von hier aus können wir die einstellen Abstand, Kerning, und einige andere Parameter, die wichtig sind, damit unsere Schrift ausgewogen und konsistent wirkt.

Schritt 9

Lass uns beginnen mit Abstand.

In der Typografie, Abstand oder Verfolgung ist der Abstand zwischen den Zeichen, der die Dichte beeinflusst und der Schrift ihre relative Offenheit oder Dichtheit verleiht. Bei einem guten Abstand sparen Sie beim Erstellen einer Schrift viel Zeit. Stellen Sie also zunächst sicher, dass Sie sie zuerst anpassen!

Es gibt verschiedene Möglichkeiten, mit Abstand in Fontself zu arbeiten. Klicken Sie zunächst auf die Schaltfläche Abstand Pad Fenster und geben Sie einige Phrasen ein, um zu sehen, wie sich die Zeichen in einem Text verhalten. Im grauen Bereich rechts sehen Sie nun eine Liste der Buchstaben und ihrer Werte. Hier können Sie den Abstand bearbeiten, indem Sie genaue Werte in die Tabelle eingeben.


Schritt 10

Sie können den Abstand auch manuell bearbeiten, indem Sie auf das Zeichen selbst klicken und die gestrichelten Linien auf der linken und rechten Seite ziehen. Sie sehen alle Einstellungen im Abstand Pad und in der Live Vorschau Bereich, der bereits einen Beispieltext mit allen Ihren Zeichen enthält.

Schritt 11

Nun, da wir mit der Dichte des Textes und dem gesamten Erscheinungsbild zufrieden sind, müssen Sie die Kerning-Paare durch Klicken auf anpassen Kerning Taste.

Kerning ist der Prozess der Anpassung des Abstands zwischen bestimmten Zeichenpaare ein optisch ansprechendes Ergebnis zu erzielen. Bei proportionalen Großbuchstaben kommt es häufig vor, dass Buchstaben in einigen gebräuchlichen Kombinationen (wie z. B. VA oder AW) zu weit voneinander entfernt erscheinen. In diesem Fall müssen wir solche Paare finden und den Abstand zwischen ihnen manuell anpassen, um sie zu erstellen Kerning-Paare. Und Fontself hat auch diese Funktion! Darüber hinaus gibt es bereits einige Kerning-Paare in der Live Vorschau Fenster, damit Sie das Ergebnis sofort sehen können.

Wie beim Abstand gibt es mehrere Möglichkeiten, das Kerning anzupassen. Klicken Sie zunächst auf die Schaltfläche Kerning Pad Fenster und geben Sie einige Kerning-Paare ein, die Sie bearbeiten möchten, z. B. AVA. Im grauen Bereich rechts sehen Sie jetzt die Kerning-Paare Fenster und geben Sie die Werte dort manuell ein.

Schritt 12

Sie können das Kerning auch anpassen, indem Sie auf das Zeichen klicken und die gestrichelte Linie zwischen das Paar ziehen. Die rote Linie wird für negative Werte angezeigt, wodurch der Abstand zwischen den Buchstaben kleiner wird. Die blaue Linie zeigt den zunehmenden Abstand mit einem positiven Wert an, der die Buchstaben weiter voneinander wegbewegt. So einfach ist das.

Schritt 13

Die nächste wichtige Sache, die Sie möglicherweise in Ihrer Schriftart verwenden möchten - und Fontself verfügt über diese Funktion - ist die Verwendung von Ligaturen!

EIN Ligatur ist eine Kombination aus zwei oder mehr Buchstaben in einem Symbol. In gebräuchlichen Kombinationen wie 'tt', 'fi' und 'ff' möchten wir beispielsweise einige Elemente der Buchstaben, z. B. Kreuzstangen, ändern, damit sie zusammen besser aussehen. Bei der Arbeit mit Farbschriften können Sie Ligaturen auf kreative Art und Weise einsetzen, indem Sie Wörter oder Namen durch Hinzufügen neuer Elemente wie Partikel, Blumen oder Schwärme wirken lassen. In diesem Fall kann die gesamte Zusammensetzung als Symbol verwendet werden, d. H. Als Ligatur. 

Angenommen, wir möchten zwei Buchstaben in 'TT' zusammenführen, um einen einzelnen Balken für sie zu erstellen. Wenn Sie den neuen Brief herausgezogen haben, wählen Sie ihn in der Zeichenfläche aus. Öffnen Sie dann das Fontself-Fenster und geben Sie "TT" in den Textbereich oben ein. Klicken Sie auf Ligatur erstellen Taste direkt daneben.

Schritt 12

Sobald Sie auf die Schaltfläche geklickt haben, werden Sie von Fontself gefragt, welche Art von Ligatur Sie erstellen möchten. Später können Sie beides finden Standardligaturen und Diskretionäre Ligaturen in dem Offener Typ Panel (Fenster> OpenType) von Adobe Illustrator und sehen, wie sie funktionieren.

Schritt 13

Die letzte, aber nicht die kleinste Funktion, die Ihre Schrift einzigartig und verspielt machen kann, ist die Verwendung von Alternativen-die alternativen Versionen einiger (oder aller) Zeichen, die dem gesamten Text Abwechslung verleihen. Dies können Versionen mit anderen Farben, Umrissen oder Abstrichen sein.

Zum Beispiel können Sie hier sehen, dass im Wort "FARBEN" die Buchstaben "O" etwas unterschiedlich sind. So machen wir es. Wenn Sie die alternative Version des Buchstabens vorbereitet haben, wählen Sie sie auf der Zeichenfläche aus und fügen Sie sie zu Fontself hinzu. Das Programm fragt Sie, ob Sie möchten Ersetzen den vorhandenen Buchstaben 'O' oder erstellen Sie eine alternative Glyphe. Klicken Sie einfach auf Wechseln Taste, und da haben Sie es!

Schritt 14

Nachdem wir nun alle Zeichen zu Fontself hinzugefügt, den Abstand und das Kerning angepasst und die Ligaturen und Alternativen eingestellt haben, ist es Zeit, unserem Baby einen Namen zu geben!

Drücke den Font-Infos Taste in der Zuhause Fenster von Fontself und geben Sie alle erforderlichen Informationen ein. Die Hinweise der Entwickler führen Sie durch den gesamten Prozess. Ich kann nur ihren großartigen Humor in diesem Teil erwähnen.

Schritt 15

Schließlich ist es an der Zeit, unsere erste Farbschrift auszuprobieren! Ich bin so aufgeregt!

Zunächst können wir es direkt in Adobe Illustrator testen, indem Sie auf klicken Installieren Taste im oberen Teil der Zuhause Fenster von Fontself. Nun können Sie Ihre Schrift in der auswählen Charakter von Adobe Illustrator (Fenster> Zeichen) und probieren Sie es aus, indem Sie etwas eingeben!

Schritt 16

Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf die Schaltfläche Export Klicken Sie im Fontself-Fenster auf die Schaltfläche, um eine OpenType-Datei mit Ihrer Schriftart und allen coolen Funktionen zu generieren, die wir mit der Erweiterung hinzugefügt haben. Durch das Exportieren der Schrift können Sie auch sparen Ihre Arbeit und wann immer Sie sie erneut bearbeiten müssen, müssen Sie nur noch Öffnen es in Fontself und da hast du es!

Herzliche Glückwünsche! Unsere Farbschrift ist fertig!

Gute Arbeit! Jetzt können wir mit unserer Farbschrift in Adobe Photoshop CC 2017/2018 und Adobe Illustrator CC 2018 viel Spaß haben! Das Anpassen und Installieren der Schriftart mit Hilfe von Fontself Maker war so lustig und einfach, dass ich nicht einmal bemerkt habe, wie ich all die Schritte erledigt habe, die mich normalerweise langweilen.

Ich hoffe, Sie haben Spaß daran, Zeichen in Adobe Illustrator zu erstellen und sie in Fontself ebenso wie ich in eine Farbschrift umzuwandeln. Fühlen Sie sich frei, es auszuprobieren, und vergessen Sie nicht, Ihre Ergebnisse in den Kommentaren unten oder in sozialen Netzwerken mit zu teilen #fontself!

Wenn Sie die Schrift, die wir in diesem Tutorial erstellt haben, mögen und mit ihr spielen möchten, können Sie die Fiesta-Farbschrift bei Envato Elements nutzen! Im Archiv erhalten Sie auch Vektordateien mit allen Zeichen, um Ihre eigenen Schriftzüge zu erstellen oder um zu testen, wie sie in Fontself Maker funktionieren. Genießen!