So entwerfen Sie eine "Love"-Schriftzugkarte in Adobe Illustrator

() translation by (you can also view the original English article)

Final product image — What You'll Be Creating

Liebe ist in der Luft! Liebe ist überall! In diesem Tutorial werden wir einen inspirierenden Prozess durchlaufen und eine komplizierte Postkarte mit Buchstaben erstellen. Wir kombinieren verschiedene Techniken, angefangen bei der Arbeit mit grundlegenden geometrischen Formen und Werkzeugen bis hin zum Freihandschreiben mit den Zeichenwerkzeugen von Adobe Illustrator! Zum Abschluss arbeiten wir mit Farben und fügen einige kunstvolle Details hinzu.

Am Ende dieses Tutorials haben Sie eine elegante Postkarte mit Schriftzug, die einem lieben Menschen ein schönes Geschenk werden kann. Darüber hinaus können Sie mit den gleichen Techniken jede andere Handlettering-Karte oder jedes Poster herstellen, egal ob es sich um eine originelle Glückwunschkarte zum Geburtstag, eine Grußkarte oder eine stilvolle Hochzeitseinladung handelt. Wenn Sie das Gefühl haben, keine Ideen mehr zu haben, empfehle ich Ihnen dringend, im Envato Market zu stöbern, um Ihre Inspiration für Schriftzüge zu finden! Und wenn du bereit bist, lass uns direkt in den Prozess einsteigen!

1. Gestalte die Liebesbriefe

Schritt 1

Beginnen Sie damit, ein neues Dokument mit einer Größe von 450 x 450 px zu erstellen.

Normalerweise beginne ich meine Lettering-Karten aus groben Skizzen zu erstellen, auf der Suche nach Ideen und ausgewogenen Kompositionen. Ihre Skizze muss nicht perfekt ausgerichtet und ordentlich sein. Hier ist die, die ich gemacht habe; es sieht ziemlich skurril und ungleichmäßig aus, weil ich es sehr schnell gemacht habe, um meine Idee zu Papier zu bringen. Ich werde diese Skizze nur als Referenz für meine zukünftige Karte verwenden. Ich platziere es auf einer separaten Ebene, doppelklicke auf die Ebene und aktiviere das Kontrollkästchen Vorlage, um die Ebene zu 50% transparent zu machen und zu sperren.

Schritt 2

Beginnen wir mit der Gestaltung des Wortes "liebend" aus dem Buchstaben L. Verwenden Sie das Rechteckwerkzeug (M), um eine hellgelbe Form von 8 x 50 px zu erstellen. Machen Sie einen weiteren Streifen darüber, stellen Sie seine Größe auf 10 x 25 px ein und füllen Sie ihn mit Türkis.

Schritt 3

Lassen Sie uns nun die dekorativen Elemente des Buchstabens rendern, die auch für alle anderen Buchstaben verwendet werden. Nehmen Sie das Ellipsenwerkzeug (L), erstellen Sie zwei überlappende Kreise von 12,5 x 12,5 px und platzieren Sie sie auf der linken Seite des türkisfarbenen Streifens, wie im Screenshot unten gezeigt. Die Farbe der Kreise spielt keine Rolle – ich mache sie nur kontrastreich und sichtbar. Wählen Sie beide Kreise aus und klicken Sie im Pathfinder-Bedienfeld auf Minus Front, um den oberen Kreis abzuschneiden.

Schritt 4

Jetzt, da wir die Halbmondform haben, passen wir sie dem türkisfarbenen Streifen an. Wählen Sie sowohl den Streifen als auch den Halbmond aus, nehmen Sie das Formerstellungswerkzeug (Umschalt-M), halten Sie die Alt-Taste gedrückt und klicken Sie auf das untere Teil des Halbmonds, um ihn zu löschen.

Schritt 5

Verwenden Sie das Pipettenwerkzeug (I), um die Farbe vom Streifen auszuwählen und auf das dekorative Element aufzutragen. Doppelklicken Sie auf das Reflexionswerkzeug (O) und drehen Sie die Form über die vertikale Achse. Klicken Sie auf die Schaltfläche Kopieren, um eine reflektierte Form hinzuzufügen und an die gegenüberliegende Seite des türkisfarbenen Streifens anzuhängen. Auf diese Weise kreieren wir einen Retro-Blumen-Look für unseren Brief.

Schritt 6

Wählen wir alle türkisfarbenen Teile aus und vereinen Sie sie im Pathfinder zu einer einzigen Form. Verwenden Sie das Werkzeug Ankerpunkte löschen (-), um die nicht benötigten Punkte an den Kanten der zusammengeführten Form zu entfernen. Wenn die Form verformt oder nicht symmetrisch aussieht, verwenden Sie das Direktauswahlwerkzeug (A), um die Ankerpunkte und die Ankergriffe zu fixieren. Denken Sie daran, die Umschalttaste gedrückt zu halten, wenn Sie die Griffe horizontal oder vertikal gerade positionieren möchten.

Schritt 7

Fügen Sie nun ein Rechteck von 30 x 10 px für den horizontalen Teil des Buchstabens L hinzu. Erstellen Sie ein weiteres kleines Rechteck von 6 x 7,5 px und platzieren Sie es auf der rechten Seite der Form.

Schritt 8

Wählen Sie die obere rechte Ecke unseres kleinen Rechtecks mit dem Direktauswahlwerkzeug (A) aus und verwenden Sie die Funktion Live Corners, um es vollständig abzurunden.

Verwenden wir das Ausrichten-Bedienfeld, um die Formen richtig zu positionieren. Wählen Sie sowohl den horizontalen Streifen als auch das abgerundete Rechteck aus und klicken Sie dann erneut auf den horizontalen Streifen, um ihn zu einem Schlüsselobjekt zu machen (es wird mit einer dickeren Auswahl markiert). Klicken Sie im Bedienfeld Ausrichten auf Horizontal rechts ausrichten, um die Formen rechts auszurichten.

Richten Sie bei Bedarf alle anderen Teile des Briefes aus.

Schritt 9

Jetzt schmücken wir den oberen Teil des Briefes. Machen Sie einen 7 x 7 px großen gelben Kreis und platzieren Sie ihn auf der linken Seite des gelben vertikalen Streifens. Halten Sie Alt-Umschalt gedrückt und ziehen Sie den Kreis nach rechts, um eine Kopie zu erstellen. Jetzt hat unser Buchstabe L eine weichere, abgerundete Optik.

Schritt 10

Fügen wir noch einige dekorative Elemente hinzu. Verwenden Sie das Liniensegmentwerkzeug (\) oder das Stiftwerkzeug (P), halten Sie die Umschalttaste gedrückt und machen Sie einen vertikalen Streifen in der Mitte des Buchstabens. Stellen Sie die Strichfarbe auf ein dunkleres Gelb ein. Gehen Sie zum Stroke-Bedienfeld und stellen Sie das Gewicht auf 1 pt ein. Stellen Sie das Profil auf Breitenprofil 1 unten im Strich-Bedienfeld ein, wodurch die Linie in der Mitte dicker und an den Enden dünner wird.

Wählen Sie die Linie aus und drücken Sie mehrmals Strg-[, um sie unter die türkisfarbene Form zu platzieren.

Schritt 11

Fügen Sie eine eckige Linie über der türkisfarbenen Form hinzu und machen Sie die Strichfarbe helltürkis. Und hier ist der einfachste Weg, die gepunktete Linie zu erstellen: Aktivieren Sie im Strichbedienfeld das Kontrollkästchen Gestrichelte Linie, setzen Sie den Strich auf 0px und die Lücke auf 4pt. Stellen Sie das Gewicht auf 1,5 pt ein, und hier haben Sie es!

Schritt 12

Jetzt machen wir den Buchstaben O. Nehmen Sie das Rounded Rectangle Tool und machen Sie eine Form von 30 x 52,5 px. Sie können den Eckenradius über das obere Bedienfeld nach Ihren Wünschen anpassen.

Verwenden Sie die Hilfslinien, um die Buchstaben nach oben auszurichten. Sie können die Hilfslinien von den Linealen (Strg-R) direkt auf Ihre Zeichenfläche ziehen.

Machen Sie ein weiteres abgerundetes Rechteck über dem ersten. Ich verwende den vertikalen Streifen unseres vorherigen Buchstabens, um sicherzustellen, dass der Umriss des Buchstabens O die gleiche Breite hat. Dies hilft mir, die Größe der inneren Form anzupassen.

Wenn Sie die Größe des inneren Rechtecks angepasst haben, wählen Sie beide aus und verwenden Sie die Minus-Front-Funktion des Pathfinders, um die Form auszuschneiden und ein Loch zu machen.

form the letter O from rounded rectangles

Schritt 13

Wählen Sie den Buchstaben O aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Setzen Sie den Offset-Wert auf 1,5 px, um einen Rand außerhalb des Buchstabens zu bilden. Füllen Sie die neue Form mit türkiser Farbe und richten Sie sie am unteren Rand des Buchstabens L aus, wobei Sie den horizontalen Streifen des L als Schlüsselobjekt verwenden.

Schritt 14

Wähle das türkisfarbene Element des O aus und nimm das Radiergummi-Werkzeug (Umschalt-E). Halten Sie die Alt-Taste gedrückt und löschen Sie die obere Hälfte der Form.

Verwenden Sie die horizontale Hilfslinie, um die Elemente der Buchstaben auf die gleiche Höhe zu bringen.

Kopieren Sie den türkisfarbenen vertikalen Streifen aus dem Buchstaben L und verwenden Sie das Radiergummi-Werkzeug (Umschalt-E), um den Streifen zu löschen, sodass nur der dekorative "Schwanz" übrig bleibt. Befestigen Sie die Schwänze an dem Buchstaben O, sodass sie der türkisfarbenen Form des O entsprechen.

Wählen Sie alle türkisfarbenen Elemente des O aus und drücken Sie Shift-Control-], um sie in den Vordergrund zu bringen.

Schritt 15

Erstellen Sie ein weiteres abgerundetes Rechteck über dem O und ändern Sie es in die Strichfarbe. Verwenden Sie das Scherenwerkzeug (C) und klicken Sie auf die markierten Ankerpunkte, um die Formen in zwei Teile zu teilen. Ändern Sie das Aussehen der Teile, indem Sie die gleichen Einstellungen für den Strich anwenden wie für den Buchstaben L.

Schritt 16

Machen wir nun den Buchstaben V. Duplizieren Sie den gelben vertikalen Streifen aus dem Buchstaben L zweimal und drehen Sie die Streifen, sodass sie sich unten überlappen und eine V-Form bilden.

Wählen Sie beide Streifen aus und verwenden Sie das Formerstellungswerkzeug (Umschalt-M), während Sie die Alt-Taste gedrückt halten, um die nicht benötigten Teile zu löschen.

shape the letter v from vertical rectangles

Schritt 17

Verwenden Sie die Funktion Offset Path mit dem Wert 1,5 px Offset und füllen Sie die erstellte Form mit Türkis. Richten Sie die neue Form am unteren Rand des vorherigen Buchstabens aus.

add a turquoise element with offset path

Schritt 18

Löschen Sie den oberen Teil der türkisfarbenen Form und bringen Sie florale Zierelemente daran an. Beenden Sie den Brief, indem Sie dekorative Striche hinzufügen.

Schritt 19

Formen Sie die nächsten beiden Buchstaben – I und N – aus den vertikalen Teilen des Buchstabens L. Verwenden Sie die Kopien dieser Teile und kombinieren Sie sie miteinander, um Buchstaben von ein und demselben Stil zu erhalten.

Schritt 20

Und schließlich der Buchstabe G. Machen Sie eine Kopie des Buchstabens O und verwenden Sie das Radiergummi-Werkzeug (Umschalt-E), um ein Stück auf seiner rechten Seite zu löschen. Korrigieren Sie die dekorativen Striche oder machen Sie neue, wenn sie nach der Transformation deformiert aussehen.

Duplizieren Sie die gelben Kreise und ein kleines abgerundetes Rechteck aus dem Buchstaben L und schließen Sie mit dem Buchstaben G ab.

Gut gemacht! Das erste Wort unserer Karte ist fertig! Lass uns weitermachen und etwas Handschrift machen!