Share
Während der Graphic Design Week hier auf Envato Tuts +, werfen wir einen Blick auf die grundlegenden Prinzipien des Graphic Design und werfen einen Blick auf die Ästhetik des Boxing Posters von gestern.
Einen retrograden Look zu kreieren ist nichts Neues, aber es gibt ein paar Dinge, auf die man achten sollte, wenn man Grafikdesign aus den vergangenen Jahrzehnten nachahmt. Wir werden Inspiration aus den 1960er Jahren von Poster Design beziehen, insbesondere von Boxing Posters aus dieser Zeit. Lass uns anfangen!
Finden Sie weitere großartige Poster-Designs auf dem Envato-Markt.
Dieser Beitrag ist Tag 4 unserer Grafikdesign-Sitzung. Creative Sessions "Session Day 3Session Day 5"Wie bei jedem Designprojekt müssen Sie sich für das Medium entscheiden, das Ihre Botschaft tragen soll. Wir halten es einfach, indem wir ein erstellen A3 Wenn Sie für den Druck auf Papier oder Leinwand entwerfen, müssen Sie höchstwahrscheinlich einen Beschnitt- und / oder Slug-Bereich festlegen. Dies reicht normalerweise von ungefähr 3 zu 5 mm.
Es ist sehr ratsam, ein paar Ideen zu skizzieren, bevor Sie vor dem Computer sitzen. Ich weiß, dass der Computer unbegrenztes Experimentieren erlaubt, aber dies hilft nicht unbedingt, die beste Lösung zu finden, und kann zu viel Zeitverschwendung führen, ohne ein klares Ergebnis zu finden.
Natürlich brauchen wir für diese Art von Projekt altes Papier. Finden Sie einen, den Sie mögen, oder holen Sie sich diesen von sxc.hu (jubelt Andrew C für den Anschluss an dieses Bild). Importieren Sie das Papier in Ihr Arbeitsdokument und passen Sie seine Größe an.
Da der Papierstoff aus den 1960er Jahren stammt (nicht wirklich, aber das ist es, was wir anstreben), würde er nicht so alt aussehen, also fügen Sie ein paar hinzu Anpassungsschichten um es zu klären Ich habe eine Ebenen (Ebene> Neue Einstellungsebene> Ebenen)…
… Und Farbton / Sättigung (Ebene> Neue Einstellungsebene> Farbton / Sättigung). Es lohnt sich, Ihre Ebenen-Palette zu organisieren, indem Sie alle Ebenen zusammenfassen und gruppieren.
Jetzt können wir mit dem Aufbau des Plakats beginnen, das auf der ursprünglichen Skizze basiert. Dies beschleunigt den Prozess bis zum Ende, fühlt sich jedoch nicht in Ihrer ursprünglichen Skizze gebunden. Wenn Sie eine bessere Idee bekommen, sobald Sie sich am Computer befinden, sollten Sie es versuchen.
Ich habe zwei klassische Boxer mit freundlicher Genehmigung von Peltz Boxing Promotions bekommen. Sie müssen sich ein paar Boxer von iStockphoto besorgen oder noch besser Ihre eigenen Fotos machen.
In diesem Tutorial werde ich mich auf die Boxer mit ihren Layernamen beziehen: "MONROE" und "KATES". In den 60er Jahren gab es keine ausgefallenen Computer mit teurer Software, so dass alles von Hand gerendert wurde (Ausschneiden und Einfügen). Um dies zu ehren, schneiden Sie Ihre beiden Kämpfer mit dem Stiftwerkzeug grob aus und versuchen Sie zu emulieren, wie Sie sie von Hand ausschneiden würden.
Fügen Sie sie in das Arbeitsdokument ein und passen Sie die Größe der Komposition an. Balanciere die Kämpfer durch die Anpassung der Level tonal aus, sie müssen ähnlich exponiert sein. Entsättigen "MONROE" und "KATES" (Bild> Anpassungen> Entsättigen) und schließlich die Ebenenüberblendungsmodus von beiden Schichten zu Multiplizieren.
Gehe zu Ansicht> Lineale und schalten Sie sie ein. Ziehen Sie zwei Lineale vom oberen Linealbereich nach unten und zwei von der Seite. Ich habe die erste waagerecht gezogen 224 mm und das neben 305 mm. Ich zog die beiden Vertikalen nach 146,6 mm und 147 mm.
Wähle aus Rechteckwerkzeug und setze es auf Formebenen anstatt Pfade. Stellen Sie die Vordergrundfarbe auf # e45050 und zeichnen Sie zwei Rechtecke wie gezeigt. Es ist am besten, weniger gesättigte Farben zu verwenden, da sehr lebendige Farben nicht druckbar wären. Dann stellen Sie ihre Ebenenüberblendungsmodi zu Multiplizieren.
Wählen Sie das Rechteck links aus und gehen Sie zu Bearbeiten> Free Transform. drücken und halten Befehlstaste und ziehen Sie dann den Mittelpunkt der Bounding Box umwandeln Wie nachfolgend dargestellt. Wiederholen Sie den Vorgang für das andere Rechteck.
Wir werden jetzt die Rechtecke verwenden, um die Bereiche von "MONROE" und "KATES" abzudecken, die wir nicht benötigen. Wählen Sie "KATES" und fügen Sie eine Ebenenmaske hinzu. Dann Befehlstaste auf der rechten Rechteck-Miniaturansicht, um daraus eine Auswahl zu treffen. Füllen Sie die Auswahl einfach mit Schwarz, indem Sie an der Ebenenmaske "KATES" arbeiten. Wiederholen Sie diesen Vorgang für "MONROE".
Vor dem Drucken war es ein moderner Fortschritt, der Druck war nicht so genau und die Platten, aus denen verschiedene Farben zusammengesetzt wurden, konnten sich häufig verschieben, um Überlappungen oder Zwischenräume zu erzeugen. Wir ahmen dies nach, indem Sie die Verknüpfung der Ebenenmasken "MONROE" und "KATES" aufheben (klicken Sie auf das Kettengliedsymbol zwischen den Symbolen) Ebenen-Thumbnail und Ebenenmaske thumbnail) und verschieben Ebenenmasken mit der Werkzeug verschieben.
Nun ist es an der Zeit, Text aufzubauen. Blockhauptstädte waren damals beliebt und oft überlastet. Sie hielten die Dinge ordentlich und waren leichter einzurichten. Sie haben auch mehr Befugnisse als Kleinbuchstaben und passen zu der Art des Mediums und der Sportart, die sie bewerben.
Wähle aus Typ Werkzeug und klicken Sie auf die Leinwand. Gib den angezeigten Text ein oder bilde deinen eigenen Namen, wenn es mehr Spaß macht. Ich habe gebraucht BentonSans Dies ist eine moderne Version der Sans Serif-Schrift mit einigen klassischen Akzenten. Der Vorname sollte kleiner als der Nachname sein, richten Sie ihn wie gezeigt ein.
Verwenden Sie eine komprimierte Version derselben Schriftart, um sich vom ersten Namen abzugrenzen, so dass er größer erscheint. Erhöhen Sie die Größe gegenüber dem Vornamen um das 2,5-fache. Öffne die Verfolgung bis etwa 25 und setze das Kerning zu Metriken.
Drehen Sie den Text so, dass er den von Ihnen gezeichneten Rechtecken entspricht, 10,1 Grad sollten es schaffen. In den 1960er Jahren war das Setzen eines Satzes bei weitem nicht so genau, wie Sie es heute mit einem Computer tun können. Um einen ungleichmäßigen Effekt zu erzielen, können wir mit dem spielen Kerning durch positionieren der Textwerkzeug zwischen den Zeichen. Passen Sie die Einstellung leicht an Kerning zwischen ein paar Buchstaben, um es ungenau zu machen.
Führen Sie den gleichen Vorgang für den Namen des Gegners durch. Schreiben Sie in derselben Condensed-Schrift "Champion" und "Challenger" auf die neuen Ebenen. Sie sollten kleiner sein als die Vornamen der Boxer, ich habe sie gemacht 32,37 pt verglichen mit 44.31 für die Vornamen und 101.53 für den Nachnamen
Wir werden eine kleine Funktion des "VS" -Textes machen, indem wir ihn in einen kreisförmigen Flash einfügen, der aus den Rechtecken herausbricht. Verwenden Sie die Ellipse-Werkzeug (befindet sich hinter dem Rechteckwerkzeug), stellen Sie auf Formebenen einen farbigen Kreis zeichnen. Verwenden Sie das gleiche Rot wie für die Rechtecke. Befehlstaste Auf der "CIRCLE" Layer-Miniaturansicht können Sie eine Auswahl erstellen und zu gehen Wählen Sie> Ändern> Erweitern. Erweitern dies von 20 Pixel oder so.
Wählen Sie eines Ihrer "RECTANGLE" Ebenenmaske Thumbnails und füllen Ihre geladene Auswahl mit Schwarz. Machen Sie dasselbe für die andere Formebene "RECTANGLE".
Ein Markenzeichen des Boxing Posters der 1960er Jahre ist die Behauptung, dass der Kampf nicht in Heimkinos oder Fernsehgeräten möglich ist. Zeichne also ein Schwarzes (# 0b0c0c, nicht ganz durchgehend schwarz) Circular Shape Layer und stapeln etwas Text darauf. Stellen Sie den Kreisformer ein Ebenen-Mischmodus zu Multiplizieren. Der Text wird normalerweise zentral auf eine definierte Breite ausgerichtet, wobei die Zeichengröße und -breite verwendet werden, um die Seiten zu sichern, anstatt das Kerning oder die Verfolgung zu erhöhen.
Zeichnen Sie eine weitere rechteckige Formebene oben auf dem Poster und legen Sie das Zeichen fest Ebenenüberblendungsmodus zu Multiplizieren. Verwenden Sie dasselbe Schwarz wie für den Blitz "NO HOME TV".
Zeichne unten eine rote und setze sie auf Multiplizieren. Jetzt hinzufügen Ebenenmasken auf alle Ihre rechteckigen Formebenen.
Wählen Sie die PAPIER-Ebene aus und verwenden Sie die Zauberstab-Werkzeug um den weißen Bereich um das Papier herum auszuwählen.
Gehen Sie dann alle Ihre rechteckigen Formebenen durch und wählen Sie die Option Ebenenmasken und füllen mit durchgehendem schwarz.
Da "MONROE" auch die Papierschneide durchbricht, müssen Sie ihn ebenfalls abdecken. Sie erhalten eine abgenutzte Posterform.
Es ist jetzt an der Zeit, die Titel aufzubauen. Die Plakate selbst sind in der Regel sensationell, oft auch als Abrechnung Das Größte, was die Welt je gesehen hat oder andere derartige unsinnige Ansprüche. Wir werden weiterhin Benton (oder welche San Serif-Schriftart, mit der Sie gearbeitet haben) für alle Informationstexte verwenden.
Um Ihren Text wirklich zu verbessern, fügen Sie ein Strich-Ebenenstil (Ebene> Ebenenstil> Kontur) zum Text. Dadurch werden die Kanten weicher und die Lesbarkeit etwas verringert, sodass ich dies für ein zeitgenössisches Plakatdesign nicht empfehlen würde.
Ich habe einen Sponsor hinzugefügt, um zu zeigen, wie man einen Titel, einen Slogan oder einen Standfirst bearbeitet. In diesem Fall ist der Slogan ein Motto, das direkt mit dem fiktiven "Grill" verbunden ist, dessen Eigentümer "Big Al" ist. Die allgemeine Regel besteht darin, zwei kontrastierende Typen zu verwenden, wobei der Titel größer als das Tag ist. Diese Regeln werden jedoch ständig gebannt.
Versuchen Sie, Akzent-Schriftarten zu verwenden, um die sehr quadratisch wirkenden Blockbuchstaben aufzubrechen. Es ist in der Regel nicht empfehlenswert, eine Akzentschriftart zu verwenden, die Ihrer Körperschriftart ähnlich ist. Wählen Sie daher eine Serife oder eine Block-Serife, um die Aufgabe auszuführen. Der Sinn einer Akzentschrift besteht im Wesentlichen darin, die Schriftart zu kontrastieren.
Ich habe gewählt URW Antiqua Das ist eine gute Displayschrift. Bei Display-Schriftarten geht es weniger um die Lesbarkeit als vielmehr um die Verwendung des Typs mit negativem Leerzeichen, um Beziehungen zwischen Wort und Bild herzustellen. Ein starkes Verständnis der Typografie ist für das Grafikdesign enorm wichtig.
Wenn Sie mit dem Anzeigetyp arbeiten, haben Sie keine Angst, die Eigenschaften der Schriftarten an Ihre Bedürfnisse anzupassen. Ich benutze immer noch Benton (BentonSansCond Black für "Fracas" und "Caracas" BentonSansExtraComp Fett für "The," und "In"), aber ich habe die vertikale Skala vergrößert, um maximale Wirkung zu erzielen.
Ich kann weder die Breite des Plakats vergrößern, noch möchte ich den Text doppelt stapeln. Um auch die Wirkung des Titels auf engstem Raum zu maximieren, habe ich den Wert erhöht Vertikale Skala zu 116%, Ich habe die Artikelwörter verkleinert (Wörter, die Substantive einführen, werden als Artikel bezeichnet) und angepasst Grundlinienverschiebung so sitzen sie zwischen den wichtigen worten. Ich musste auch die Boxer eine Berührung runter bewegen, keine Angst, Elemente herumzudrücken, bis sie gut zusammenarbeiten.
Erstellen Sie eine Ebene Gruppe genannt "TICKET / VENUE INFO". Ziehen Sie in zwei vertikalen Hilfslinien, um die Grenzen zu markieren, an denen sich die Informationen befinden sollen. Vollbild zu machen, würde die Titel- und Boxernamen zu sehr beeinträchtigen.
Fügen Sie etwas Fußzeilentext hinzu, um auf dem roten Rechteck am Fuß des Posters zu sitzen. Jetzt haben wir einen klaren und eindeutigen Bereich, in dem alle Informationen zu Veranstaltungsort und Tickets zu finden sind. In diesem Bereich muss auch das Datum eingegeben werden. Sie müssen die Informationen nach Wichtigkeit ordnen. Ich werde das Datum und den Veranstaltungsort priorisieren.
Ziehen Sie zwei horizontale Hilfslinien aus dem Lineal nach oben, um Ihre Textgrenzen zu markieren. Beginnen Sie mit dem Aufbau des Datumstextes. Beachten Sie, dass sich jeder Textteil auf einer eigenen Ebene befindet, um maximale Flexibilität zu ermöglichen. Dies ist ein gutes Beispiel für Anzeigetext, der mit den negativen Leerzeichen- und Buchstabenformen arbeitet, um ein visuell dynamischeres Datum zu erzeugen. Verwenden Sie die Linienwerkzeug a zeichnen 14 Pixel Zeile neben dem Datum.
Diese Gegend ist in Gefahr, zu einem sehr quadratischen Platz mit dichten Blockkapitellen zu werden. Um diesen Bereich aufzuteilen, verwenden Sie eine grafischere Schriftart, in diesem Fall eine Skriptschriftart namens Bello.
Es gibt mehrere Möglichkeiten, einen undurchdringlichen Block von Blocktext zu vermeiden. Verwenden Sie Schriftgrade und vertikale / horizontale Skalierung zu Ihrem Vorteil. Markieren Sie wichtige Informationen, indem Sie sie zu groß machen und ein hohes Gewicht verwenden. Sie könnten viel Zeit damit verbringen, diesen Abschnitt auszugleichen, aber für den Moment ist es gut genug.
Nachdem die Layout-Elemente nun vollständig sind, zoomen Sie heraus und betrachten Sie die Komposition als Ganzes. Wir streben nach einer Ästhetik der 1960er Jahre, also ist es OK, wenn die Dinge nicht perfekt aufeinander abgestimmt sind. Gehe zu Ebene> Rasterisieren> Alle Ebenen. Dann wenden Sie systematisch alle an Ebenenmasken indem Sie jedes einzeln auswählen und zu gehen Ebene> Ebenenmasken> Anwenden.
Sobald die Komposition abgeschlossen ist, werden wir das Bild verkleinern und ein falsches Druckbild der 1960er-Jahre darauf anwenden. Hier wird es ein bisschen fummelig. Wählen Sie alle schwarzen Formebenen und schwarzen Textebenen aus und führen Sie sie zusammen. Nennen Sie es "BLACKTEXT". Machen Sie dasselbe für alle Layer, die weißen Text enthalten, und nennen Sie den resultierenden Layer "WHITETEXT".
Machen Sie dasselbe für die Ebenen, die roten Text enthalten, und schließlich für alle roten Formebenen.
Ihre Schichten Palettesollte meins ähneln
Übernehmen Sie eine 4 Pixel Gaußsche Unschärfe auf "REDTEXT", "WHITETEXT" und "BLACKTEXT"
Dann bewerben Sie sich ein Scharfzeichner beim 386% mit einer 44,3 Radius. Dieser Vorgang macht die Textkanten weicher und lässt den Text so aussehen, als wäre die Tinte etwas mehr vom Papier aufgenommen worden. Sie müssen Farbe erneut anwenden # e45050 auf "REDTEXT", da das Schärfen die Farbe zerstört hat.
Deaktivieren Sie die Sichtbarkeit der Ebene "WHITETEXT". Dann Befehlstaste auf der Ebenenminiatur, um eine Auswahl zu treffen. Wählen Sie "BLACKTEXT" und löschen tun Sie das gleiche bei "REDSHAPES".
Wählen Sie "REDSHAPES" und wenden Sie eine an 4 Pixel Gaußsche Unschärfe dazu Dann führe ein Scharfzeichner filtern wie gezeigt.
Laufen Sie eine Sekunde Scharfzeichner mit einem viel größeren Pixelradius. Dies vermittelt den Eindruck, dass sich Tinte an den Rändern des Drucks angesammelt hat.
Wählen Sie alle Ebenen mit Ausnahme der Gruppe "HINTERGRUND" oder der Ebene "Hintergrund" aus. Verschmelzen die Schichten und ändern Sie die Ebenenüberblendungsmodus zu Multiplizieren. Wählen Sie die Gruppe "HINTERGRUND" aus und drücken Sie Befehl-E um sie auf einer Ebene zusammenzuführen.
Sie sind jetzt bereit, es auf Ihre bevorzugte Weise zu grunge. Ich habe Mr. Retro Machine Wash Filter 3 für die Dusted-Einstellung verwendet, aber jeder Schmutz oder jede schmutzige Bürste ist der Trick. Es ist erwähnenswert, dass ich das Papier aufgehellt und ein wenig mehr entsättigt habe.
Das abschließende Bild ist unten und ich hoffe, dass Ihnen dieses Tutorial gefallen hat. Sie können die größere Version hier anzeigen.
Dieser Beitrag ist Tag 4 unserer Grafikdesign-Sitzung. Creative Sessions "Session Day 3Session Day 5" Benötigen Sie ein Poster oder Flyer für Ihre nächste Veranstaltung? Dann sehen Sie sich die erstaunliche Auswahl auf Envato Elements an. Abonnieren Sie den Zugriff auf Tausende Ressourcen für eine monatliche Gebühr!
Erstellen Sie eine Nacht, an die Sie sich mit diesem fantastischen Kampfflugzeug erinnern können. Diese Vorlage enthält ein Retro-Design in einer praktischen A4-Photoshop-Datei. Aktualisieren Sie einfach das Foto und den Text, um diesen Flyer in wenigen Minuten zu genießen!
Accentsconagua