Für dieses Tutorial haben wir uns mit New Garden Society zusammengetan, um Ihnen zu zeigen, wie Sie ein vom viktorianischen Zeitalter inspiriertes Logo gestalten können. Wir zeigen, wie Sie Schriftstile und ornamentale Elemente zu einem stimmigen Etikettendesign kombinieren.
WIE MAN EIN VINTAGE-MARKENLOGO ENTWIRFT
"Für dieses Tutorial haben wir das "Vintage Font Bundle" verwendet. Es enthält verschiedene Schriftarten und eine große Sammlung sorgfältig gestalteter grafischer Elemente.
Wir haben es in Adobe Illustrator CS5 (auf PC) verwendet, und es hat perfekt funktioniert! Obwohl es für uns normalerweise einfacher ist, unsere Kreation mit einer Skizze zu beginnen, haben wir es mit dem "Vintage Font Bundle" tatsächlich geschafft, dies ohne jede Zeichnung zu erstellen."
Das Ziel für uns war es, ein auf Typografie basierendes Logodesign für unser Studio "New Garden SocietyRoyal Signage
Dies als Basis zu haben, inspirierte uns, weitere Anpassungen vorzunehmen. Als Erstes mussten wir die Wörter erweitern (die Gruppe auswählen und auf Objekt > Erscheinungsbild erweitern klicken). Dann machen Sie das Gleiche noch einmal, wählen "Erweitern" und drücken "OK". Achten Sie darauf, dass Sie zweimal auf "Erweitern" klicken, denn einer ist für die Füllung und einer für den Strich Ihrer Schriftauswahl.
Der Großbuchstabe "N" wurde am Ende von "Garden" verwendet, und wir dachten uns, dass es für eine bessere Balance sorgen würde, wenn wir das "N" vertikal spiegeln würden, so dass die Schnörkel unten rechts statt oben links wären. Eine Möglichkeit dazu: Wählen Sie mit dem Direktauswahl-Werkzeug (A auf Ihrer Tastatur) den Buchstaben N aus, den Sie drehen möchten. Wechseln Sie zum regulären Auswahlwerkzeug (V), bewegen Sie Ihre Maus ein wenig außerhalb der Ecke Ihrer Auswahl, halten Sie die Umschalttaste gedrückt und drehen Sie sie um 180 Grad.
Als nächstes haben wir uns entschieden, das aufsteigende Erscheinungsbild des "Gartens" zu arrangieren. Da uns die Ausgewogenheit der Formen in diesen herrlichen Buchstaben G und dem gedrehten N gefiel, wollten wir vermeiden, sie in irgendeiner Weise zu verzerren. Deshalb haben wir den Anstiegseffekt nur auf den Teil "ARDE" angewendet.
Im nächsten Schritt haben wir dem Wortteil "New Garden" einen schönen Schlagschatten hinzugefügt. Zuerst haben wir eine Gruppe aus New Garden erstellt (markieren Sie diese Buchstaben und drücken Sie Strg + G). Dann haben wir sie kopiert und im Vordergrund eingefügt (Strg + C & Strg + F). Danach müssen wir mit der rechten Maustaste darauf klicken und wählen: Anordnen > Nach hinten verschieben (damit es direkt unter dem Hauptschriftzug ist). Geben Sie ihm eine schwarze Farbe und fügen Sie einen schwarzen Strich in der gewünschten Breite hinzu. Während das ausgewählt ist, wiederholen Sie den vorherigen Vorgang (Strg + C & Strg + F, dann Rechtsklick darauf und wählen Sie Anordnen > Rückwärts senden). Ändern Sie die Farbe, verschieben Sie sie ein wenig zur Seite und verringern Sie die Strichstärke. Das Ergebnis sollte wie auf dem Bild oben aussehen.
Das erste, was wir hinzufügen wollten, ist eine Linie über und unter dem Garten, damit wir den Fluss weiter betonen können, und, voilà, in der Single Elements-Datei haben wir sogar diese Linien gefunden :) Nur eine subtile Drehung und Positionierung der beiden und schon ist sie da. Schön platziert hinter allem.
In der Datei "Frames" aus dem "Vintage Font Bundle"-Paket finden Sie eine Menge toller vorgefertigter Rahmen, und wir haben uns für eines der Kreisdesigns entschieden, das am besten zu dem passt, was wir erreichen wollen. Er wird komplett hinter dem Schriftzug positioniert (klicken Sie mit der rechten Maustaste darauf und wählen Sie "Anordnen" > "Nach hinten verschieben"), und zwar so, dass der Buchstabe G in der Mitte steht.
Zu diesem Zeitpunkt hatten wir eine ziemlich klare Vorstellung davon, wie das Ganze ablaufen soll. Das Ziel ist es, ein symmetrisches Erscheinungsbild sowohl auf der horizontalen als auch auf der vertikalen Achse zu erzeugen. Eine der Möglichkeiten, dies zu erreichen, besteht darin, ein solides Objekt über allem zu erstellen, das breiter als alles ist, und ein solides Objekt links von allem zu erstellen, das höher als Ihre Komposition ist und perfekt mit dem Kreis ausgerichtet ist, der hinter G verwendet wird. Die Schriftzugkomposition ist bereits perfekt horizontal mit der Mitte der Zeichenfläche ausgerichtet (Fenster > Ausrichten, stellen Sie sicher, dass "An Zeichenfläche ausrichten" aktiviert ist, und klicken Sie auf "Horizontal ausrichten Mitte").
Das bedeutet, dass wir darüber ein einfaches, breites Rechteck erstellen und es ebenfalls in der horizontalen Mitte der Zeichenfläche platzieren können (Rechteck-Werkzeug (M), rechte Maustaste gedrückt halten und über die Zeichenfläche ziehen).
Um ein solides Objekt links von allem zu erzeugen, das perfekt mit dem Kreis ausgerichtet ist, können Sie den vorigen Schritt wiederholen, indem Sie ein Rechteck erzeugen und es an der vertikalen Achse der Zeichenfläche ausrichten (Fenster > Ausrichten, achten Sie darauf, dass "An Zeichenfläche ausrichten" aktiviert ist, und klicken Sie nun auf "Vertikale Mitte ausrichten").
Da der Kreis hinter G das Zentrum der vertikalen Symmetrie sein soll, richten Sie ihn ebenfalls auf der vertikalen Achse aus (auf die gleiche Weise wie im vorherigen Satz erklärt).
Positionieren Sie die Buchstaben auf der vertikalen Achse neu (falls erforderlich), so dass der Buchstabe G direkt über dem Kreis positioniert ist. Jetzt haben wir alles an Ort und Stelle, um weiter damit zu spielen und weitere Ornamente hinzuzufügen.
Wir haben eine Reihe von tollen Einzelelementen gefunden, die perfekt in dieses Design passen. Diese werden um und in dem Kreis positioniert. Jetzt wollen wir diese Elemente auf der oberen Hälfte des Kreises verwenden und sie spiegelbildlich auf die untere Hälfte des Kreises kopieren. Hier kommt der Kreis auf der linken Seite (jetzt Ellipse) ins Spiel. Die Elemente auf der oberen Hälfte des Kreises werden gruppiert, kopiert und direkt davor eingefügt (Strg C > Strg F). Diese kopierte Gruppe wird zusammen mit dem Rechteck links daneben ausgewählt. Es folgt die Operation Objekt > Transformieren > Spiegeln und dann die Auswahl an der horizontalen Achse zu spiegeln und OK zu klicken. Jetzt ist alles perfekt gespiegelt und an der gewünschten Stelle gesetzt! Jetzt kommen wir langsam voran :)
Das nächste Ziel ist es, den Kreis mit allen Ornamenten um und in ihm zu verwenden und ihn nach rechts zu spiegeln. Nach dem gleichen Verfahren wie zuvor gruppieren wir alles, duplizieren es, verwenden jetzt aber das Rechteck über allem. Über Objekt > Transformieren > Spiegeln wählen wir die Spiegelung an der vertikalen Achse und klicken auf OK.
Da wir mit der Hauptanordnung auf der horizontalen Achse dieses Designs zufrieden sind, ist es an der Zeit herauszufinden, was die besten Details/Verzierungen wären, die wir auf der vertikalen Achse dieses Designs platzieren könnten.
Der Prozess für die Spiegelung dieser Details ist derselbe wie im vorherigen Teil erklärt, so dass es hier aussieht, nachdem wir diese hier und da hinzugefügt haben.
Nachdem wir diese Komposition definiert haben, sind wir zu dem Schluss gekommen, dass innerhalb des rechten Kreises noch ein wenig Platz für einen Schriftzug ist, den wir hinzufügen können. Wir haben Graphic Design Studio mit der Schriftart Blackriver Bold aus diesem großartigen Bundle gestaltet. Wir taten dies mit Hilfe des Werkzeugs "Schrift auf einem Pfad" innerhalb des Kreises, der perfekt im rechten Ornamentkreis ausgerichtet ist. Novi Sad, Serbien ist auch mit der Schriftart Blackriver Bold hinzugefügt.
Ein paar Details wurden gelöscht, einige Schattierungen hinzugefügt (mit der gleichen Copy-Paste-Logik wie in der ursprünglichen Erklärung, wie man Schatten zu den Buchstaben hinzufügt). Außerdem werden im rechten Ornamentkreis die inneren Ornamente leicht gedreht, damit diese den Raum über den hinzugefügten Buchstaben ausfüllen. Die Hauptbuchstaben werden mit den handgezeichneten inneren Linien gefüllt (mit dem Stift-Werkzeug und der Maus). Hier ist das fertige Werk:
Dies fasst ziemlich genau den Prozess zur Erstellung dieses Designs zusammen. Für jede der oben erläuterten Aktionen gibt es mehrere Möglichkeiten, um das gleiche Ziel zu erreichen. Daher ist dies nur eine der Möglichkeiten, wie Sie diese in Ihrem Adobe Illustrator verwenden können. Es gibt so viele verschiedene Elemente in diesem Bundle, die Sie verwenden können, um eine Vielzahl von schönen Designs zu erstellen.
Suchen Sie sich einfach die aus, die Ihnen gefallen, und spielen Sie damit, wie Sie möchten. Dies war unsere Wahl für jetzt :)
Sie sind ein großer Bewunderer von Vintage-Logo-Designs?
Verpassen Sie nicht unsere Sammlung von 200 gebrauchsfertigen Logo-Vorlagen, die von professionellen Designern erstellt wurden, um Ihren Erstellungs-Workflow zu beschleunigen. Alle Vorlagen sind für Adobe Illustrator, Photoshop und Affinity Designer vorbereitet.
6 Kommentare
I just followed this tutorial and made the AWESOMEST logo I’ve designed in my entire career for a new restaurant opening by me. The owner specifically wanted old-style black lettering and I had no idea how to start the project. I was able to design my logo from start to finish in 4 hours.
Is there any way to just use one of the labels already made and just change the words in them – or do you have to start from scratch -
can the line colour of the ornaments be changed?
Can I use AI for iPad to manipulate these features? How do I download all the vectors onto my ipad?
Thank you for the mini walk through. This helped me greatly with the basics I did not know how to create. As a new company on a shoestring budget we are working through many items our self, including designing a logo.
WHY CANT I SEE THE HERITAGE FONTS IVE PURCHASED ON MY PHOTOSHOP CS6 ? THAT WAS THE LAST PHOTOSHOP ON DISC. I TRIED EVERYTHING TO PUT THEM IN THE FOLDER, BUT YOUR HERITAGE FONTS IS NOT SHOWING, IS ADOBE BLOCKING YOUR FONTS? IM USING A MAC DESKTOP .