WIE MAN EIN VINTAGE-MARKENLOGO ENTWIRFT

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.

"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.

Wir haben diese vier Buchstaben gruppiert (wählen Sie alle 4 mit dem Auswahlwerkzeug aus und drücken Sie Strg + G auf Ihrer Tastatur; Strg oder Cmd + G bedeutet, eine Gruppe zu erstellen; Sie können dies auch durch Rechtsklick und Auswahl von Gruppe erreichen). Um diesen Effekt zu arrangieren, wählen Sie die Gruppe aus und gehen Sie zu Effekt > Verziehen > Ansteigen. 30 % auf horizontalen Anstieg hat für uns den Trick gemacht.
Um dem Design mehr Kohärenz zu verleihen, haben wir einige Dinge umgestellt, z. B. die Unterlänge des Buchstaben R verlängert, das N in "New" dezent abgesenkt, den Buchstaben N am Ende von "Garden" ein wenig verkleinert und den Buchstaben G in "Garden" ein wenig vergrößert. Außerdem wurde das Kerning bei "Society" neu angeordnet (mehr Platz zwischen den Buchstaben), und ein Detail aus dem Buchstaben N wurde in den Buchstaben A eingearbeitet.

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.

Ein wichtiger Zusatz ist, den Vorgang mit den jetzt farbigen Buchstaben zu wiederholen, eine weitere Kopie hinzuzufügen, rückwärts zu senden, sie in schwarz zu ändern und die Dicke des schwarzen Strichs darauf zu erhöhen. Wir haben das so gemacht, damit wir Elemente dahinter hinzufügen können und die Buchstaben trotzdem klar vor allem erscheinen. Denken Sie daran, dass Sie, wenn Sie die Hintergrundfarbe ändern, auch den Schriftzug entsprechend ändern müssen, um den Abstandseffekt zu erzielen.
Da wir das, was wir für gut halten, als Basis haben, sind wir dazu übergegangen, verschiedene Rahmen und einzelne Elemente aus dem Paket "Vintage Font Bundle" auszuwählen.

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.

Holen Sie sie sich hier →.

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.

Alexis Dezember 13, 2021

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 -

Catherine Freimann August 10, 2021

can the line colour of the ornaments be changed?

ann mcdonald August 05, 2021

Can I use AI for iPad to manipulate these features? How do I download all the vectors onto my ipad?

JPJ Juli 27, 2021

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.

Julie J April 23, 2021

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 .

CYNTHIA April 10, 2021

Einen Kommentar hinterlassen

Alle Kommentare werden vor der Veröffentlichung moderiert