Vintage Vector Design Workflow Erstellen eines Retro-Flyer-Designs

Dieses Tutorial behandelt den Entwurf eines Vintage-inspirierten Retro-Flyer-Designs. Es gibt vier Hauptkonzentrationsbereiche, um dieses Look & Feel zu erreichen: Farbe, Typ, Charakter und Textur. Wir werden einen kompletten Vintage-Vektor-Design-Workflow überprüfen, um diesen Retro-Flyer-Entwurf zu erstellen. Lass uns anfangen.

Flyer Designvorlagen auf Graphic River

Der Workflow in dieser Tutorialserie ist eine ausgezeichnete Vorbereitung, um diese Art von Flyer-Design für Kunden zu erstellen. Du kannst auch Überlegen Sie, ob Sie Ihre grafischen Talente einsetzen möchten indem Sie Ihre eigene, individuell gestaltete Flyer-Vorlage zu GraphicRiver hinzufügen. Es ist eine beliebte und wachsende Kategorie, zu der Sie beitragen können.

Denken Sie daran, wenn Ihr Kundenprojekt eine knappe Frist oder ein begrenztes Budget hat, gibt es viele Flyer Designvorlagen zur Auswahl.


Schritt 1

Forschen und tatsächlich inspirieren. So einfach und so einfach es klingen mag, es ist wirklich ein wichtiger Schritt in Ihrem Designprozess. Inspiration ist der Schlüssel, um etwas zu schaffen, das sich tatsächlich durch das Design der Vergangenheit inspiriert fühlt, anstatt nur die Ästhetik zu simulieren oder nachzuahmen.

Eigentlich ist es am liebsten, durch ein Buch zu graben, aber zur Not suchen Sie einfach nach Bildern wie "Vintage-Anzeigen", "Retro-Poster-Design" oder "alten Flugblättern". Die Bilder unten stammen aus dem Buch, in dem ich Inspiration gesucht habe: Ad Boy: Vintage Advertising with Character.


Schritt 2

Skizzieren. Hoffentlich packt Sie etwas aus dem Forschungsprozess. Bringen Sie Ihre Ideen zu Papier.


Schritt 3

Für einen Flyer möchten Sie die A4- oder Letter-Dokumentgröße beibehalten. Der Grund ist, dass es sich um Standardgrößen handelt, die auf Druck- und Kopiergeräten usw. leicht reproduzierbar sind.


Schritt 4

Wähle deine Palette aus. Das Einrichten einer Farbpalette von Anfang an hilft, das Gesamtgefühl des Designs zu erzeugen. Hier sehen Sie die Farben, die ich verwenden werde. Die Beibehaltung einer begrenzten Farbpalette ist der Schlüssel zum Erhalt der Vintage-Atmosphäre. Begrenzen Sie Ihr Design, indem Sie maximal zwei bis drei Farben verwenden. Hier haben Sie Gelb und Blau mit jeweils einer helleren und dunklen Variation.


Schritt 5

Beginnen Sie mit der größten und wichtigsten Information auf dem Flyer und wählen Sie eine schöne, saubere serifenlose Schrift. Hier verwende ich Knockout in JouniorFlyWeight für 'VINTAGE' und 'VECTOR' Text. Das kaufmännische Und-Zeichen wird in Knockout WelterWeight gesetzt. Ich füge dem Wort 'VECTOR' auch etwas Tracking hinzu, so dass das untere Wort auf jeder Seite gut mit dem oberen Wort übereinstimmt.


Schritt 6

Als Nächstes erstellen wir den Winkel für den Überschriftentyp. Befehlstaste + Klicken> Transformieren> Scheren und im Dialogfeld auswählen und einen -19-Scherwinkel mit einer vertikalen Achse auswählen. Wenn Sie die Vorschau überprüft haben, können Sie es richtig machen.


Schritt 7

Wenden Sie die zuvor ausgewählten Farben auf den Schlagzeilentyp Hell, Dunkelgelb und Hellblau an.


Schritt 8

Erstellen Sie einfach mit dem Werkzeug "Abgerundetes Rechteck" und dem Zeichenstift-Werkzeug eine Hintergrundform und eine Bannerform (mit demselben Winkel wie der Überschriftentyp), um das Gesamtlayout festzulegen. Verwenden Sie das Sternwerkzeug, um eine Form mit dem Banner zu integrieren, um das Et-Zeichen zu halten.


Schritt 9

Als Nächstes wählen wir sowohl den Text "VINTAGE" als auch "VECTOR" aus, dann "Copy" und "In Back". Wenn der Text noch ausgewählt ist, ändern Sie die Füllfarbe in Weiß.


Schritt 10

Wählen Sie den oberen Typ "VINTAGE" und "VECTOR" aus und ändern Sie in der Transparenzpalette den Modus von "Normal" auf "Multiplizieren". Dies gibt dem Typ einen Vintage-Effekt mit "Siebdruck".


Schritt 11

Jetzt haben wir ein bisschen Spaß und entwerfen einen anthropomorphisierten Bleistift-Charakter, genau wie früher bei Vintage-Anzeigen. Verweisen Sie auf dieses vorherige Tutorial zum Zeichentrickfigurendesign, um ein detailliertes Tutorial des Charakterdesignprozesses zu erhalten.

Für unsere Zwecke hier werde ich den Prozess verallgemeinern. Beginnen Sie mit der allgemeinen Form / Linien des Objekts mit dem Stiftwerkzeug. Verwenden Sie meist Linien mit einem schönen dicken Strich und wenn nötig mit gefüllten Formen.


Schritt 12

Fügen Sie das Gesicht, die vereinfachten Augen, den lächelnden Mund und die scharfe Nase mit dem Stiftwerkzeug hinzu. Außerdem verwende ich die vier Farben, die dunkelblau sind.


Schritt 13

Fügen Sie Details, Augenbrauen, Lippen, Kinn und natürlich Schnurrbart hinzu.


Schritt 14

Als Nächstes wenden wir den gleichen "Siebdruck" -Effekt auf den Bleistift an, indem Sie die Grundkontur der Form kopieren und in den Rücken (Befehlstaste + B) einfügen und ihr eine weiße Füllung geben.


Schritt 15

Wenden Sie in der Transparenz-Palette wieder Multiplizieren auf die dunkelblauen Zeichenlinien an.


Schritt 16

Geben Sie dem Bleistift eine Sprechblase, damit der Charakter singen kann. Sagen Sie etwas komisches und dummes wie "LETS GO RETRO!" passt zum Thema dieses Flyer-Designs, es ist wieder in Knockout gesetzt.


Schritt 17

Integrieren Sie als Nächstes die Details (Datum, Ort, Zeit usw.) unter der runden Hintergrundform. Trennen Sie mithilfe einer neuen Schriftart (Archer Semibold) einige spezifische Informationen, und verwenden Sie für den Rest die Option Knockout.

Achten Sie darauf, dass Sie bei diesem kleineren Typ eine hellere Farbe verwenden. Hier verwende ich Knockout JuniorFeatherwt und ein schönes offenes Tracking, um subtil auf eine Buchdrucksperre Bezug zu nehmen. Ich habe auch ein benutzerdefiniertes "Free" -Skript für Abwechslung erstellt.


Schritt 18

Zeichnen Sie mit dem Stiftwerkzeug einfache Linien, die von der Stiftspitze ausgehen, um Regeln zwischen dem gestapelten Typ zu erstellen.


Schritt 19

Wir nähern uns jetzt dem letzten Schliff. In der offenen Fläche in der oberen linken Ecke, lasst uns dem Mann Respekt zollen - den netten Leuten von Vectortuts + mit einem schönen kleinen Banner-Lock-Up. Erstellen Sie es mit dem Rechteckwerkzeug und dem Stiftwerkzeug, und legen Sie es in Archer fest.


Schritt 20

Unten im Flyer finden Sie alle erforderlichen Kleingedruckten und Angaben wie Haftungsausschluss, Links zu sozialen Medien, Website-URL usw.


Schritt 21

Jetzt könntest du einfach dort aufhören, es sieht ziemlich nett aus und hat definitiv den Vintage-Vibe zum Laufen gebracht. Aber es gibt zwei Dinge, die ich tun würde, um dieses Ding auf die nächste Stufe zu bringen. Wenden Sie eine Halbton-Textur auf die hellgelbe Hintergrundform in hellblau an. Der Einfachheit halber habe ich die Halbton-Textur in die Quelldateien aufgenommen. Es gibt einen schönen, subtil verwitterten Look, ohne wie Grunge auszusehen. Und es macht den Schlagzeilen-Typ etwas bemerkenswerter.


Schritt 22

Nun wenden wir die Technik zum Erstellen der Bitmap-Tiff-Textur aus meinem vorherigen Tutorial GO CRAZY WITH TEXTURES an!

Setzen Sie sie auf die Überschrift, die Hintergrundform und alles. Sogar bis zu den Zeilen zwischen der Typensperre unten. Verwenden Sie die gleichen Farben, die im gesamten Design verwendet wurden. Alle diese Box-Formen (die Begrenzungsbox in den TIFF-Dateien ist die Stelle, an der ich Textur integriert habe.) Ja, es erfordert etwas Zeit und Finesse.


Endgültiges Bild

Wowzers! War das eine Arbeit oder was? Gutes Zeug, hoffentlich haben Sie beim Design eines Retro-Flyers viel über das Vintage-Flair gelernt. Das endgültige Bild ist unten. Sie können die große Version hier einsehen.