Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing

Wie man ein Rockin' 80's Party Poster entwirft

by
Difficulty:IntermediateLength:LongLanguages:

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

In diesem Tutorial zeige ich Ihnen, wie Sie ein Poster für eine 80er-Jahre-Hymnenparty entwerfen. In diesem Tutorial erstellen wir einige Texturen für den Hintergrund, bearbeiten ein Foto, um ihm ein stilvolles Aussehen zu verleihen, und nehmen einige Farbvariationen vor. Lassen Sie uns in dieses super rad Tutorial springen.

Endgültige Bildvorschau

Bevor wir anfangen, schauen wir uns das Bild an, das wir erstellen werden. Sie können die endgültige Bildvorschau unten oder eine größere Version hier anzeigen.

Videoanleitung

Schritt 1

Erstellen Sie ein neues Dokument mit einer Breite von 1000 Pixel und einer Höhe von 1400 Pixel und einer Auflösung von 300 Pixel pro Zoll.

Schritt 2

Füllen Sie die Ebene "Background" mit der Farbe #c2bbaa. Drücken Sie Befehl + A, um alle auszuwählen. Ziehen Sie als Nächstes eine vertikale und eine horizontale Hilfslinie und platzieren Sie sie in der Mitte Ihres Dokuments. Deaktivieren Sie die Auswahl, indem Sie Befehlstaste + D drücken. Ändern Sie Ihre Vordergrundfarbe in #bbb099, rufen Sie das Werkzeug "Benutzerdefinierte Form" auf und wählen Sie in der Auswahl "Benutzerdefinierte Form" die Form "Registration Target 2" aus, die sich in der Kategorie "Symbole" befindet. Stellen Sie auf Pixel füllen ein. Wenn Sie die Umschalt- und Alt-Taste gedrückt halten, zeichnen Sie die Form wie im folgenden Bild von der Mitte aus. Übrigens können Sie Hilfslinien jederzeit durch Drücken von Befehlstaste + H ein- oder ausblenden.

Schritt 3

Jetzt müssen wir einen Ebenenstil auf die Hintergrundebene anwenden, aber da es sich um die "Background" handelt, können wir dies nicht. Gehen Sie zu Ebene > Neu > Ebene aus Hintergrund und nennen Sie die Ebene "Rays". Wenden Sie nun eine Verlaufsüberlagerung mit den folgenden Einstellungen an: Mischmodus auf Farbbrand eingestellt, Deckkraft auf 55%, Verlauf auf Schwarz auf Weiß eingestellt, Stil auf Radial und Umkehren aktiviert.

Schritt 4

Erstelle eine neue Ebene und nenne sie "Dirt". Wählen Sie 60% Grau als Vordergrund und Schwarz als Hintergrundfarbe. Gehen Sie zu Filter > Rendern > Wolken. Gehen Sie dann zu Filter > Rendern > Differenzwolken.

Schritt 5

Gehen Sie zu Filter > Künstlerisch > Filmkorn und setzen Sie das Korn auf 5, markieren Sie den Bereich auf 0, die Intensität auf 2 und wenden Sie es dann an. Gehen Sie nun zu Filter > Scharfzeichnen > Unscharfe Maske, stellen Sie den Betrag auf 500%, den Radius auf 18 Pixel und den Schwellenwert auf 40 Stufen ein.

Schritt 6

Gehen Sie zu Filter > Künstlerisch > Fresko, stellen Sie die Pinselgröße auf 10, das Pinseldetail auf 10 und die Textur auf 1 ein. Gehen Sie nun zu Bild > Anpassungen > Ebenen (Befehl + L) und stellen Sie die Eingangspegel auf 15, 1, 110. Stellen Sie die Ebene ein Mischmodus für Bildschirm- und Ebenenopazität bei 50%.

Schritt 7

Erstelle eine neue Ebene und nenne sie "Dark". Holen Sie sich das Ellipsentrainer-Auswahlwerkzeug und treffen Sie bei gedrückter Alt-Taste eine Auswahl beginnend in der Mitte der Leinwand, wie im Bild unten dargestellt. Gehen Sie zu Auswählen > Umkehren und füllen Sie die Auswahl mit Schwarz. Drücken Sie Befehlstaste + D, um die Auswahl aufzuheben, gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner und wenden Sie ihn mit einem Radius von 150 Pixel an. Stellen Sie die innere Deckkraft (Füllung) für die Ebene auf 20% ein und stellen Sie den Mischmodus auf Lineares Brennen ein.

Schritt 8

Fügen wir nun etwas mehr Schmutzstruktur hinzu. Erstellen Sie eine neue Ebene mit dem Namen "Dirt 2" über der Ebene "Dirt". Stellen Sie Ihre Vordergrundfarbe auf Weiß und die Hintergrundfarbe auf Schwarz ein. Holen Sie sich das Pinsel-Werkzeug und wählen Sie "Gestreute Ahornblätter" aus der Pinsel-Voreinstellung. Stellen Sie den Master-Durchmesser auf 250 Pixel ein. Gehen Sie in der Pinselpalette zu Farbdynamik und stellen Sie den Vordergrund-/Hintergrund-Jitter auf 100% ein. Malen Sie die ganze Schicht mit dem Pinsel.

Schritt 9

Stellen Sie den Pinsel-Malmodus in den Werkzeugoptionen auf Unterschied und malen Sie die Leinwand erneut. Gehen Sie dann zu Filter > Künstlerisch > Filmkorn, setzen Sie dann Korn auf 6, Markierungsbereich auf 0 und Intensität auf 2.

Schritt 10

Gehen Sie zu Filter > Künstlerisch > Fresko, setzen Sie die Pinselgröße auf 1, das Pinseldetail auf 10 und die Textur auf 3. Gehen Sie anschließend zu Filter > Stilisieren > Solarisieren. Gehen Sie nun zu Bild > Anpassungen > Invertieren.

Schritt 11

Stellen Sie nun den Ebenenüberblendungsmodus auf Lineares Brennen und die Deckkraft auf 20% ein.

Schritt 12

Ein Poster sollte Aufmerksamkeit erregen und um dieses Ziel zu erreichen, werden wir ein einfaches vertrautes Objekt als Hauptfokus unseres Posters verwenden. Dieses Objekt wird eine Kassette sein, da es eine Assoziation mit den 80ern hat. Öffnen wir nun das Kassettenbild. Laden Sie die Bilddatei hier herunter und öffnen Sie sie in Photoshop.

Holen Sie sich das Horizontal Type Tool (T) und geben Sie Ihren Text wie im folgenden Bild ein. Ich habe die Schriftart PTF Nordic verwendet, die über diesen Link kostenlos von Dafont.com heruntergeladen werden kann.

Erstellen Sie eine neue Ebene über der Ebene "Background" mit dem Namen "Rectangle" und rufen Sie das Rechteckige Auswahlwerkzeug auf. Treffen Sie eine Auswahl wie gezeigt und füllen Sie sie mit der Farbe #dddfd2. Gehen Sie zur Textebene in der Ebenenpalette und drücken Sie Befehlstaste + E, um die beiden obersten Ebenen zusammenzuführen. Deaktivieren Sie die Auswahl, indem Sie Befehlstaste + D drücken.

Schritt 13

Gehen Sie zu Bearbeiten > Transformieren > Verzerren und passen Sie die Perspektive der Ebene "Rectangle" an die Kassette an. Dann verkleinern Sie es ein wenig, wie Sie im Bild unten sehen können.

Schritt 14

Stellen Sie sicher, dass die Ebene "Rectangle" in der Ebenenpalette ausgewählt ist, und drücken Sie Befehlstaste + E, um die Ebenen zusammenzuführen. Nehmen Sie das Stiftwerkzeug, setzen Sie es in den Werkzeugoptionen auf Pfade und zeichnen Sie einen Pfad um die Kassette.

Schritt 15

Gehen Sie zur Pfadpalette und klicken Sie bei gedrückter Befehlstaste auf den "Arbeitspfad", um eine Auswahl aus dem Pfad zu treffen. Gehen Sie zurück zur Ebene "Hintergrund" in der Ebenenpalette. Gehen Sie über Kopieren zu Ebene > Neu > Ebene. Nennen Sie die neue Ebene "Casette". Deaktivieren Sie die Option, gehen Sie zur Ebene "Background" und füllen Sie sie mit Weiß.

Schritt 16

Geben wir diesem Foto einen stilistischen Look. Wechseln Sie in der Ebenenpalette zur Ebene "Casette". Gehen Sie als Nächstes zu Ebene > Neue Einstellungsebene > Schwellenwert. Stellen Sie den Schwellenwert auf 210 ein. Die Verwendung von Einstellungsebenen ist eine gute Möglichkeit, da Sie jederzeit darauf doppelklicken und die Einstellungen ändern können.

Schritt 17

Gehen Sie zur Ebene "Casette" und dann zu Filter > Scharfzeichnen > Unscharfe Maske. Stellen Sie den Betrag auf 500%, den Radius auf 15 Pixel und den Schwellenwert auf 5 Stufen ein.

Schritt 18

Gehen Sie zur Ebene für die Schwellenwertanpassung in der Ebenenpalette und drücken Sie Befehl + E, um sie zusammenzuführen.

Schritt 19

Klicken Sie bei gedrückter Befehlstaste auf die Ebene "Casette", um die Pixel zu laden. Erstellen Sie eine neue Ebene darüber und nennen Sie sie "Casette B." Füllen Sie die Auswahl mit Farbe #392200. Kehren Sie zur Ebene "Casette" zurück und kopieren Sie sie unter Bearbeiten > Kopieren. Gehen Sie nun zur Kanalpalette und erstellen Sie einen neuen Kanal und fügen Sie ihn ein, indem Sie auf Bearbeiten > Einfügen klicken.

Schritt 20

Klicken Sie bei gedrückter Befehlstaste auf den Kanal "Alpha 1", um die weißen Pixel als Auswahl zu laden. Gehen Sie zurück zur Ebenenpalette und erstellen Sie eine neue Ebene darüber. Nennen Sie es "Casette W". Als nächstes füllen Sie die Auswahl mit der Farbe #bbee99. Drücken Sie zweimal Befehlstaste + E, um die obersten drei Ebenen zusammenzuführen, und wählen Sie dann ab.

Schritt 21

Ziehen Sie die Ebene "Casette" in Ihr "Retro.PSD" -Dokument. Drücken Sie Befehlstaste + T, um den freien Transformationsmodus aufzurufen, die horizontale und vertikale Skalierung auf 35% einzustellen und dann die Drehung auf 100 Grad einzustellen. Legen Sie die Kassette wie gezeigt in die Mitte der Leinwand.

Schritt 22

Erstellen Sie eine neue Ebene unter der Ebene "Casette" und nennen Sie sie "Stroke". Klicken Sie bei gedrückter Befehlstaste auf die Ebene "Casette", um die Auswahl zu laden und mit der Farbe #bbee99 zu füllen. Deaktivieren Sie die Auswahl, indem Sie Befehlstaste + D drücken. Nehmen Sie das Verschieben-Werkzeug und verschieben Sie die Ebene "Stroke" um 10 Pixel nach links und 3 Pixel nach oben.

Wenden Sie mit den folgenden Einstellungen einen Strich-Ebenenstil auf die Ebene "Casette" an: Größe auf 5 Pixel, Position auf Außen, Mischmodus auf Normal, Deckkraft auf 100% und Farbe auf #bbee99.

Schritt 23

Klicken Sie bei gedrückter Befehlstaste erneut auf die Ebene "Casette". Gehen Sie zu Bearbeiten > Pinselvoreinstellung definieren und nennen Sie den Pinsel "Casette". Jetzt abwählen. Nehmen Sie das Pinselwerkzeug, wählen Sie den soeben definierten "Casette"-Pinsel aus und stellen Sie den Master-Durchmesser auf 200 Pixel ein.

Gehen Sie zum Pinselbedienfeld und stellen Sie unter Pinselspitzenform den Abstand auf 370% ein, überprüfen Sie die Formdynamik und stellen Sie dann Größenjitter und Winkeljitter auf 100% ein. Erstellen Sie eine neue Ebene mit dem Namen "Falling 1". Stellen Sie Ihre Vordergrundfarbe auf #553300 ein. Malen Sie die Mitte der Leinwand vertikal wie im folgenden Bild.

Schritt 24

Erstelle eine neue Ebene und nenne sie "Falling 2". Stellen Sie diesmal den Master-Durchmesser auf 400 Pixel ein und malen Sie erneut, wie Sie es im vorherigen Schritt getan haben. Stellen Sie den Ebenenüberblendungsmodus auf Weiches Licht und die Ebenenopazität auf 60%. Gehen Sie zur Ebene "Stroke" und stellen Sie die Deckkraft der Ebene auf 75% ein.

Schritt 25

Erstellen Sie eine neue Ebene über der Ebene "Rays" und nennen Sie sie "Shadow". Nehmen Sie das Ellipsentrainer-Auswahlwerkzeug und treffen Sie eine Auswahl wie im Bild unten. Füllen Sie die Auswahl mit der Farbe #553300. Deaktivieren Sie die Option und gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner. Mit einem Radius von 100 Pixel auftragen. Drücken Sie nun Befehlstaste + Alt + F, um das Dialogfeld "Gaußsche Unschärfe" erneut aufzurufen. Diesmal mit einem Radius von 50 Pixel.

Schritt 26

Nehmen Sie das Werkzeug Horizontal und geben Sie den Text Rücklauf ein. Stellen Sie die Textfarbe auf #cc9966 ein. Ich habe Harlow Solid Italic verwendet. Sie können Ihre Lieblingsschrift auswählen. Gehen Sie zu Ebene > Rastern > Ebene. Duplizieren Sie die Ebene. Stellen Sie sicher, dass die Ebene "Rewind copy" in der Ebenenpalette ausgewählt ist. Gehen Sie zu Filter > Rauschen > Rauschen hinzufügen. Stellen Sie den Betrag auf 25% ein, setzen Sie die Verteilung auf Uniform und aktivieren Sie Monochromatisch.

Gehen Sie zu Filter > Weichzeichnen > Bewegungsunschärfe. Stellen Sie den Winkel auf 0 Grad und den Abstand auf 200 Pixel ein und wenden Sie ihn an. Gehen Sie nun zur Ebene "Rewind" und wenden Sie einen weiteren Bewegungsunschärfefilter an. Diesmal für die Entfernung auf 20 Pixel einstellen. Mit diesen Einstellungen wenden wir auch einen Schlagschatten-Ebenenstil an: Mischmodus auf Multiplizieren, Farbe auf Schwarz, Deckkraft auf 75%, Abstand auf 0 Pixel, Spread auf 2% und Größe auf 150 Pixel.

Schritt 27

Jetzt erstellen wir eine weitere Textebene. Geben Sie diesmal 80's ein. Gehen Sie zu Ebene > Rastern > Ebene. Duplizieren Sie die Ebene "80's", indem Sie zu Ebene > Duplizieren gehen. Stellen Sie sicher, dass die Ebene "80's copy" in der Ebenenpalette ausgewählt ist.

Gehen Sie zu Filter > Rauschen > Rauschen hinzufügen. Stellen Sie den Betrag auf 20% ein, setzen Sie Distribution auf Uniform und aktivieren Sie Monochromatic. Gehen Sie zu Filter > Weichzeichnen > Bewegungsunschärfe. Stellen Sie den Winkel auf 0 Grad und den Abstand auf 80 Pixel ein und wenden Sie ihn an. Gehen Sie nun zur Ebene "80's" und wenden Sie einen weiteren Bewegungsunschärfefilter an. Diesmal für die Entfernung auf 10 Pixel einstellen. Mit diesen Einstellungen wenden wir auch einen Schlagschatten-Ebenenstil an: Mischmodus auf Multiplizieren, Farbe auf Schwarz, Deckkraft auf 75%, Abstand auf 0 Pixel, Spread auf 2% und Größe auf 150 Pixel.

Schritt 28

Erstellen Sie eine weitere Textebene über der Ebene "80's copy". Geben Sie das Wort ein und platzieren Sie es so, wie Sie im Bild unten sehen können. Wenden Sie als Nächstes einen Schlagschatten mit den folgenden Einstellungen an: Mischmodus auf Lineares Brennen, Farbe auf Schwarz, Deckkraft auf 45%, Abstand auf 0 Pixel, Streuung auf 2% und Größe auf 40 Pixel.

Schritt 29

Wählen Sie die Ebenen "80's" und "80's copy" in der Ebenenpalette aus und drücken Sie Befehlstaste + E, um sie zusammenzuführen. Die zusammengeführte Ebene wird als "80's copy" bezeichnet. Ziehen Sie diese Ebene unter die Ebene "Stroke" in der Ebenenpalette.

Wenden Sie eine Verlaufsüberlagerung mit folgenden Einstellungen an: Mischmodus auf Multiplizieren, Deckkraft auf 50%, Verlauf auf Schwarz auf Weiß, Stil auf Linear, Winkel auf 180 Grad und Skalierung auf 100% eingestellt. Dieser Ebenenstil erzeugt den Schatteneffekt, der von der Kassette ausgeht.

Schritt 30

Fügen wir einen Textblock ein, der einige Informationen enthält. Nehmen Sie das horizontale Textwerkzeug und klicken und ziehen Sie ab der oberen linken Ecke, um einen rechteckigen Textbereich wie gezeigt zu erstellen. Type your text here. Ich habe die Schrift "Bauhaus 93" verwendet. Stellen Sie die Schriftgröße auf 10 pt ein, was zu 7 pt führt, und setzen Sie die Farbe auf #887766.

Schritt 31

Wir brauchen mehr Gewicht am unteren Rand unseres Posters, weil es jetzt immer noch unausgeglichen ist. Nehmen Sie das rechteckige Auswahlwerkzeug und treffen Sie eine Auswahl wie gezeigt. Erstellen Sie eine neue Ebene und nennen Sie sie "Line". Füllen Sie die Auswahl mit #cc9966. Stellen Sie die Deckkraft der Ebene auf 80% ein.

Schritt 32

Erstellen Sie eine neue Ebene und nennen Sie sie "Triangle". Nehmen Sie das benutzerdefinierte Formwerkzeug, stellen Sie es in den Werkzeugoptionen auf Pixel füllen und wählen Sie die Dreiecksform aus. Zeichnen Sie ein Dreieck wie im folgenden Bild. Drücken Sie Befehlstaste + T, um den freien Transformationsmodus aufzurufen, und drehen Sie das Dreieck um 90 Grad gegen den Uhrzeigersinn. Dupliziere die Ebene "Triangle" und bewege die Kopie nach links, um ein Rückspul-Symbol zu erstellen. Drücken Sie nun Befehlstaste + E, um beide Dreiecke zusammenzuführen und die zusammengeführte Ebene "Rücklaufsymbol" zu nennen.

Schritt 33

Duplizieren Sie die Ebene "Rewind icon". Gehen Sie zu Filter > Rauschen > Rauschen hinzufügen. Stellen Sie den Betrag auf 25% ein, setzen Sie Distribution auf Uniform und aktivieren Sie Monochromatic. Gehen Sie zu Filter > Weichzeichnen > Bewegungsunschärfe, stellen Sie den Winkel auf 0 Grad und den Abstand auf 80 Pixel ein und wenden Sie ihn an.

Gehen Sie nun zur Ebene "Rewind icon" und wenden Sie einen weiteren Bewegungsunschärfefilter an. Diesmal für die Entfernung auf 10 Pixel einstellen. Mit diesen Einstellungen wenden wir auch einen Schlagschatten-Ebenenstil an: Mischmodus auf Multiplizieren, Farbe auf Schwarz, Deckkraft auf 75%, Abstand auf 0 Pixel, Spread auf 2% und Größe auf 150 Pixel.

Schritt 34

Du bist fast fertig mit deinem Poster. Das Design sieht ausgewogen aus, aber wir brauchen ein paar warme Farben. Gehen Sie zur Ebene "Shadow" und wenden Sie einen Ebenenstil für die Verlaufsüberlagerung mit den folgenden Einstellungen an: Mischmodus auf Lineares Ausweichen, Deckkraft auf 60%, Verlauf auf Orange auf Gelb auf Orange, Stil auf Radial und Skalierung auf 80% eingestellt.

Schritt 35

Gehen Sie zur Ebene "Dark" und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an: Mischmodus auf Farbbrand eingestellt, Deckkraft auf 100% eingestellt, Verlauf auf Violett auf Orange eingestellt, mit einem linearen Stil, Winkel auf 90 Grad eingestellt und Skalierung eingestellt bei 100%.

Schritt 36

Wählen Sie in der Ebenenpalette die Ebenen "Rewind" und "Rewind copy" aus und drücken Sie Befehlstaste + E, um sie zusammenzuführen. Nennen Sie die zusammengeführte Ebene "Rewind". Wenden Sie als Nächstes eine Verlaufsüberlagerung auf die Ebene mit den folgenden Einstellungen an: Mischmodus auf Lineares Ausweichen, Deckkraft auf 80%, Verlauf auf Orange auf Gelb auf Orange, Stil auf Linear, Winkel auf 90 Grad und Skalierung auf 100% eingestellt .

Schritt 37

Gehen Sie zur Ebene "80's copy". Gehen Sie anschließend zu Bild > Anpassungen > Farbton/Sättigung. Stellen Sie den Farbton auf -35, die Sättigung auf 50 und drücken Sie OK.

Schritt 38

Wählen Sie die Ebenen "Rewind Icon" und "Rewind Icon Copy" aus und führen Sie sie zusammen, indem Sie Befehlstaste + E drücken. Gehen Sie zu Bild > Anpassungen > Farbton/Sättigung, stellen Sie Farbton auf 10, Sättigung auf 50 ein und wenden Sie an.

Schritt 39

Gehen Sie zur Ebene "Falling 2" und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an: Mischmodus auf Farbbrand eingestellt, Deckkraft auf 30% eingestellt, Verlauf auf Schwarz auf Weiß eingestellt, Umgekehrt aktiviert, Stil auf Linear eingestellt, Winkel auf 90 Grad eingestellt und Skala auf 100% eingestellt. Dadurch wird die obere Hälfte der Ebene besser sichtbar.

Schritt 40

An dieser Stelle können wir einige Farbabweichungen für unser Poster vornehmen. In der Abbildung unten sehen Sie einige Variationen, die ich mithilfe einer Ebene zur Anpassung der Verlaufskarte mit verschiedenen Ebenenüberblendungsmodi und Deckkraft vorgenommen habe, die ich im nächsten Schritt erläutern werde.

Schritt 41

Gehen Sie zur Ebenenpalette und wählen Sie die oberste Ebene aus. Gehen Sie zu Ebene > Neue Einstellungsebene > Verlaufskarte. Stellen Sie den Farbverlauf als Schwarz auf Weiß ein und klicken Sie auf OK. Stellen Sie den Ebenenüberblendungsmodus auf Überlagerung und Deckkraft auf 60% ein.

Abschluss

Ja das ist es. Jetzt haben wir unser Poster fertig. Ich hoffe, Sie haben etwas Neues gelernt und dieses Tutorial genossen. Sie können das endgültige Bild unten oder eine größere Version hier anzeigen.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.