HINZUFÜGEN VON ORNAMENTEN
TEIL 02 - WIE MAN EIN VERSCHNÖRKELTES LOGO-DESIGN ERSTELLT
In Teil 01 dieses Tutorials haben wir über Schriftzüge, alternative Glyphen und Schlagschatten gesprochen (haben Sie es noch nicht gelesen? Klicken Sie hier). Machen wir weiter und fügen wir unserem Design einige schöne Ornamente hinzu. In diesem Teil des Tutorials werde ich auch erklären, wie man Text transformiert.
Zeichnen Sie zunächst mit dem Liniensegment-Werkzeug zwei Linien über und unter den Hauptwörtern. Diese verwenden wir später als eine Art Banner.
Tipp: Halten Sie die Umschalttaste gedrückt, um eine perfekte horizontale Linie zu zeichnen.
Wählen Sie nun die Linien und die Hauptwörter gemeinsam aus und gruppieren Sie sie (Befehl+G oder Rechtsklick -> Gruppieren).
Nach der Skizze wollen wir eine ansteigende Form für die Hauptwörter erreichen. Um dies zu erreichen, wählen Sie die Gruppe aus und gehen Sie auf Effekt -> Verzerren -> Steigen. Ich wähle hier 40%, da dies einen ähnlichen Winkel wie in der Zeichnung erzeugt.
Das Gleiche machen wir mit dem Effekt Fahne und wählen einen niedrigen Wert wie z. B. 5%. Dadurch wird die Kurve ein wenig glatter. Je nach Wortlänge muss man das etwas ausprobieren. Sie können sehen, wie sich der Text verzieht, indem Sie die "Vorschau" aktivieren.
Sie haben vielleicht schon bemerkt, dass ich in meiner Zeichnung einen Kreis eingefügt habe. Dies ist ein Platzhalter für ein Icon oder eine Illustration eines Tigers. Aber für den Moment zeichnen Sie einfach ein paar Kreise mit dem Ellipse-Werkzeug (L), um sie als Platzhalter zu verwenden (vergessen Sie nicht, beim Zeichnen die Umschalttaste zu halten, um eine perfekte Rundung zu erhalten). Benutzen Sie dann das Ausrichten-Werkzeug, um diese Kreise zu zentrieren.
Im nächsten Schritt zeichnen Sie mit dem Rechteck-Werkzeug (M) zwei Rechtecke, um einen Rahmen für die Zwischenüberschrift zu erstellen. Sie können die beiden Formen mit dem Pfadfinder-Werkzeug (Fenster -> Pfadfinder) verbinden. Wählen Sie beide Rechtecke aus und klicken Sie auf den ersten Formenmodus (Vereinigen).
Können Sie die kleinen weißen Punkte in den Ecken der Formen sehen? Indem Sie auf diese klicken und den Cursor bewegen, können Sie abgerundete Kanten erzeugen.
Dies ist in vielen Situationen sehr hilfreich, daher sollten Sie hier mehr über diese Funktion lesen: Arbeiten mit Live-Ecken
Das ist schon cool, aber ich möchte hier eine doppelte Linie haben. Machen Sie also die Kontur etwas dicker und gehen Sie dann auf Objekt -> Erweitern und klicken Sie auf OK. Jetzt haben wir eine Form anstelle einer einzelnen Linie erstellt. Zeigen Sie einfach die Strichfarbe anstelle der Füllfarbe an, und schon haben Sie eine Doppellinie.
Mehr über das Erweitern von Objekten erfahren Sie hier: Objekte gruppieren und erweitern
Jetzt ist es an der Zeit, unsere Ornamente und andere Elemente hinzuzufügen. Wir haben in Teil 01 dieses Tutorials eine Ebene 'Grafik' mit allen unseren Ornamenten aus dem Vintage Font Bundle vorbereitet. Das ist bequemer, als die einzelnen Elemente aus jeder Produktdatei zu kopieren. Das Vintage Font Bundle enthält eine große Auswahl an verschiedenen Ornamenten und floralen Grafiken, die es Ihnen leicht machen sollten, die richtigen Komponenten für unser Layout zu finden. Wenn Sie jedoch nicht das richtige Element finden konnten, schauen Sie sich unsere wachsende Ornament- und Illustrationssammlung hier an.
Ok, jetzt wählen wir also verschiedene Komponenten aus unserer Sammlung auf der rechten Seite. Wir passen sie in der Größe an, drehen sie oder spiegeln sie, um sie entsprechend unserem Layout anzuordnen. Das erfordert ein wenig Ausprobieren, aber man bekommt sehr schnell ein gutes Gefühl dafür ;)
Tipp: Bevor Sie die Elemente verwenden, stellen Sie sicher, dass Sie ihnen die richtige Farbe aus Ihren Farbfeldern geben.
Nach einer Weile bin ich bei dieser Komposition gelandet. Sie ist immer noch sehr chaotisch, also lasst uns das in Teil 03 dieses Tutorials aufräumen!
Ich hoffe, es hat Ihnen gefallen und natürlich, wenn Sie Fragen oder Feedback haben, kommentieren Sie bitte unten, ich helfe Ihnen gerne.
Sehen Sie sich die anderen Teile dieses Tutorials hier an:
TEIL 01 - VERSCHNÖRKELTES LOGODESIGN, ERSTE SCHRITTE
TEIL 02 - VERSCHNÖRKELTES LOGODESIGN, ORNAMENTE HINZUFÜGEN
TEIL 03 - VERZIERTES LOGODESIGN, FEINABSTIMMUNG
TEIL 04 - VERZIERTES LOGODESIGN, VORBEREITUNG DER ENDGÜLTIGEN DATEI
TEIL 05 - VERZIERTES LOGODESIGN, FARBEN UND EXPORTIEREN VON DATEIEN
10 Kommentare
This was one of the most detailed tutorials I’ve had the pleasure to experience! The outcome was beyond my expectations, and I’ve started additional design concepts based on this synopsis, playing with and incorporating more elements. The only downfall is that ALL the outcomes are amazing and makes it hard to choose a favorite!
You’re font bundle is my new addiction and I can’t WAIT to see my customers reactions!
Looking forward to utilizing more Vintage Brilliance!
Thanks so much!
Rick
After playing with this for another hour, I figured it out!
After the Effect > Warp > Rise, the lines seem to be distorted and become fatter towards the middle and end. To correct this, I selected the lines individually and removed the “Fill.” Once I removed the Fill, the lines look like normal lines! Thanks!
Hi, I recently purchased the font bundle and wanted to learn how to make my own logo using this tutorial. I am getting the same distortion for my line segments when I use Rise. I also get them when using Flag. I have tried to figure out how to make my text rise like yours, Tobias, but have not been successful. I also tried the pen tool instead of the line segment, but I still get the line distortion. I am using Adobe Illustrator version 24.0.2 (64-bit). I would love to learn how to get around this problem. Thank you!
Hey Jeremy, this is the first time I hear of this issue and it never happend to me in my whole career . Which version of Illustrator do you use? For me this sounds like a technical problem. Maybe the Adobe support can help you better with it?
I am getting the same line distortion as Cory and my values are at zero, any other insight as to why this is happening and what I can do to fix it?
Hey Cory, maybe you have insert a value for distortion? Keep this at 0% when using the Rise effect.
When i draw line segments, group, then use rise
effect; my line segments do not create a nice consistent smooth line like yours.
they do rise but they start thin, get fat, back to thin,fat again, thin… any idea whats happening or possible solution?
This is really helpful. I’m having a lot of fun working with this fantastic bundle, and your tutorials are really clear and easy to follow. Thank you, Tobias Saul!
Hey Dean,
Thanks for your comment!
The embellished circle is part of the ornaments from the Royal Signage. You can find it next to the crown ;)
Have a nice day,
Tobias
The trickiest thing about this design was the embellished circle around the B. And you didn’t even mention how you did it.