Konstruktivistisches Grafikdesign wird oft mit kommunistischer Politik und Propaganda in Verbindung gebracht, aber es geht um mehr. Konstruktivismus geht es um die Verwendung heller Farben, das Spiel mit Leichtigkeit, Perspektive, geometrischen Formen, neben Fotomontagetechniken und digitaler Collage. Diesmal wage ich es, dieses Tutorial als „neo-konstruktivistisches“ Design zu bezeichnen. Es ist Zeit anzufangen!
Endgültige Bildvorschau
Sehen Sie sich das Bild an, das wir erstellen werden. Sie können die endgültige Bildvorschau unten oder eine größere Version hier anzeigen.
Videoanleitung
Unser Videoeditor Gavin Steele hat dieses Video-Tutorial als Ergänzung zu diesem Text- + Bild-Tutorial erstellt.
Schritt 1
Öffnen Sie Photoshop und erstellen Sie ein neues Dokument mit einer Breite von 1200 Pixeln und einer Höhe von 1600 Pixeln mit einer RGB-Farbe und 72 dpi. Gehen Sie dann in der Ebenen-Palette zu Neue Füll- oder Einstellungsebene erstellen, wählen Sie die Verlaufsoption und stellen Sie die Farben von #7D0000 bis #480000 ein. Stellen Sie den Winkelwert auf 17 - 20º ein und klicken Sie auf OK.



Schritt 2
Fügen Sie nun eine Textur über dem Hintergrund hinzu, nehmen Sie dieses Bild und fügen Sie es in eine neue Ebene namens "Texture" über der Verlaufsebene ein. Ändern Sie dann den Mischmodus in Linear Burn.



Schritt 3
Wählen Sie die Ebene "Texture". Gehen Sie zu Ebene > Ebenenmaske > Alles ausblenden. Nachdem Sie die Ebenenmaske ausgewählt haben, nehmen Sie das Verlaufswerkzeug (G), stellen Sie die Verlaufsfarben auf Schwarz zu Weiß (#000000 - #FFFFFF) und stellen Sie die Option für reflektierte Farbverläufe im oberen Bereich ein.
Füllen Sie die Ebenenmaske mit einem leicht schrägen Verlauf (siehe Bild unten) und verwenden Sie einen großen schwarzen Pinsel (Deckkraft und Fluss bei 50%), um ein wenig von der Ebene "Texture" unten rechts zu verbergen.



Schritt 4
Erhöhen Sie nun den Kontrast der Ebene "Texture", indem Sie die Ebenen (Befehl + L) anpassen, wie unten gezeigt.



Schritt 5
Fügen wir eines der Hauptobjekte des Designs hinzu, diesen Typ, der auf seine Uhr schaut. Fügen Sie das Bild in eine neue Ebene namens "man" ein und extrahieren Sie seine Form aus dem weißen Hintergrund.



Schritt 6
Wählen Sie die Ebene "man" aus und wählen Sie das Verschieben-Werkzeug (V) und stellen Sie sicher, dass die Option "Transformationssteuerelemente anzeigen" im Optionsfeld aktiviert ist. Klicken Sie als Nächstes bei gedrückter Befehlstaste auf die obere linke Ecke und ziehen Sie sie ein wenig nach links, dann wiederholen Sie dies, diesmal jedoch mit der rechten Ecke. Dies erzeugt eine perspektivische Illusion, als ob wir den Kerl von oben betrachten würden. Dann nimm das Brennwerkzeug (O) und verdunkele die rechte Seite des Kerls ein wenig.



Schritt 7
Ich werde diese experimentelle Methode ausprobieren, um die Farbe und den Kontrast des Mannes zu erhöhen. Duplizieren Sie die "man" -Ebene und gehen Sie zu Filter > Andere > Hochpass, stellen Sie den Radius auf 10px ein und klicken Sie auf OK. Ändern Sie nun den Mischmodus "man copy" in Overlay. Fügen Sie dann beide "man" -Ebenen zusammen und weichen Sie der linken Seite der resultierenden Ebene ein wenig aus.



Schritt 8
Jetzt fügen wir einen projizierten Schatten hinzu. Duplizieren Sie die neue Ebene "man", legen Sie die Kopie hinter das Original und nennen Sie sie "Shadow". Verschieben Sie es ein wenig nach rechts.
Verwenden Sie die Optionen für freie Transformation, klicken Sie bei gedrückter Befehlstaste auf den mittleren oberen Kontrollpunkt der Ebene "Shadow" und verschieben Sie ihn nach rechts. Spielen Sie dann mit den Transformationsoptionen, um den Schatten wie in der Abbildung unten aussehen zu lassen. Gehen Sie als Nächstes zum Fenster Farbton / Sättigung (Befehl + U) und reduzieren Sie die Helligkeit der Ebene "Shadow" auf -100.



Schritt 9
Wählen Sie die Ebene "Shadow" aus, gehen Sie dann zu Filter > Weichzeichnen > Gaußscher Weichzeichner und stellen Sie den Radius auf 5px ein. Dann duplizieren Sie die Ebene "Shadow", machen Sie die Kopie größer als das Original und reduzieren Sie ihre Deckkraft auf 25%. Ändern Sie schließlich die Deckkraft der Ebene "Shadow" auf 75% und führen Sie beide zusammen.



Schritt 10
Wähle das Radiergummi-Werkzeug (E) und lösche den zusätzlichen Schatten vor den Füßen des Mannes.



Schritt 11
Als nächstes fügen wir die Haupttextebene hinzu. Geben Sie mit dem Type Tool das Wort "TIME" mit Arial Black als Schriftart ein. Stellen Sie es auf eine Größe von 300pt ein und platzieren Sie es unter der Ebene "Shadow".
Wählen Sie das Textwerkzeug aus und klicken Sie im Optionenbedienfeld auf Verzerrten Text erstellen. Stellen Sie im Dialogfeld den Stil auf Bogen, Biegung auf 0%, Horizontale Verzerrung auf -60% und Vertikale Verzerrung auf 0% ein. Ich verwende übrigens einige Hilfslinien, um den horizontalen Mittelpunkt zu markieren.



Schritt 12
Als nächstes verzerren wir den Text ein wenig. Wählen Sie mit dem Verschieben-Werkzeug die Textebene "Time" aus und aktivieren Sie die freien Transformationsoptionen (Befehl + T), klicken Sie dann bei gedrückter Befehlstaste auf den linken mittleren Transformationspunkt und verschieben Sie ihn ein wenig nach unten. Klicken Sie nun bei gedrückter Befehlstaste auf den mittleren rechten Punkt, aber verschieben Sie ihn diesmal ein wenig nach oben. Versuchen Sie, so etwas wie das Bild unten zu erhalten. Wenn Sie mit dem Ergebnis zufrieden sind, drücken Sie die Eingabetaste oder bestätigen Sie die Transformation im Optionsfeld.



Schritt 13
Lassen Sie uns etwas mehr an der Textebene "Time" arbeiten. Fügen Sie die folgenden Ebenenstile hinzu: eine Verlaufsüberlagerung (#8D6009 bis #522300) mit einem Winkel von 36º. Und einen vollen, großen Schlagschatten (stellen Sie die unten gezeigten Werte ein).



Schritt 14
Fügen Sie eine weitere Textebene hinzu, geben Sie die Wörter "So Little" ein und platzieren Sie sie über der Ebene "Time". Verformen Sie es mit dem Bogenstil und setzen Sie die horizontale Verzerrung auf -50, legen Sie die Verzerrung fest und drücken Sie Befehl + T, um die Optionen für freie Transformation anzuzeigen. Klicken Sie bei gedrückter Befehlstaste auf den mittleren rechten Kontrollpunkt und verschieben Sie ihn ein wenig nach unten. Versuchen Sie, die Textgrundlinie mit der obersten Zeile der Ebene "Time" abzugleichen. Bestätigen Sie dann die Transformation.



Schritt 15
Als nächstes kopieren Sie die Ebenenstile "Time" (Alt-Klick oder Rechtsklick über die Ebenenminiatur > Ebenenstil kopieren). Wählen Sie die "so little" Ebene aus und fügen Sie den Ebenenstil ein (Alt-Klick oder Rechtsklick über die Ebenenminiatur > Ebenenstil einfügen). Doppelklicken Sie dann auf den Verlaufsüberlagerungsstil der "so little" Ebene und passen Sie die Verlaufsfarben an: #3A0303 - #2A0000. Klicken Sie auf OK und sehen Sie, wie es aussieht.
Es ist sehr wichtig, dass die Farbverläufe eine Art dunkle Farbe haben, da wir sie mit einer Textur nach vorne beleuchten. Um diesen Schritt abzuschließen, nimm die beiden Ebenen und füge sie in eine Gruppe namens "text" ein. Eine schnelle Möglichkeit besteht darin, auf die Ebene "time" zu klicken, dann bei gedrückter Umschalttaste auf die "so little" Ebene zu klicken, um beide auszuwählen, und Befehl + G zu drücken, um sie zu gruppieren.



Schritt 16
Jetzt erstellen wir die gute alte Textreflexion. Konvertieren Sie den Ordner "Text" in ein Smart-Objekt (klicken Sie mit der rechten Maustaste auf die Ordner-Miniatur und wählen Sie In Smart-Objekt konvertieren). Dann das Smartobjekt duplizieren, Sie können das Verschieben-Werkzeug verwenden, das Smartobjekt "Text" auswählen, die Alt-Taste gedrückt halten und eine Kopie ziehen. Wählen Sie die Kopie aus und gehen Sie zu Bearbeiten > Transformieren > Vertikal spiegeln.



Schritt 17
Wählen Sie die Ebene "text copy", drücken Sie Befehl + T, um die kostenlosen Transformationswerkzeuge zu aktivieren, klicken Sie auf den rechten mittleren Handler und bewegen Sie ihn nach oben. Versuchen Sie, die Grundlinien abzugleichen. Verschieben Sie schließlich das Smart-Objekt "text copy" unter das Objekt "text" in der Ebenenpalette.



Schritt 18
Wählen Sie die Ebene "text copy" und gehen Sie zu Ebene > Ebenenmaske > Alle ausblenden. Füllen Sie dann die Ebenenmaske mit einem diagonalen Schwarz-Weiß-Verlauf, wie unten gezeigt.



Schritt 19
Hier kommt das Licht, nimm dieses Bild von einem schönen Stück Grunge-Papier und füge es in eine neue Ebene über allem ein und nenne es "Top texture".
Drücken Sie Command + U, um die Farbton- / Sättigungswerte anzupassen und den Sättigungsbetrag auf -100 zu verringern. Ändern Sie nun den Mischmodus "Obere Textur" auf Overlay. Sperren Sie die Ebene "Top texture", indem Sie auf die kleinen Kreuzpfeile der Ebenenpalette klicken; Wenn Sie dies nicht tun, können Sie keine andere Ebene darunter anklicken/auswählen.



Schritt 20
Duplizieren Sie die Ebene "man". Da der Mann weder den Hintergrundfarben noch dem Text entspricht, müssen wir seine Farben anpassen. Wählen Sie die ursprüngliche Ebene "man" aus und gehen Sie zu Ebene > Neue Einstellungsebene > Fotofilter, wählen Sie Wärmefilter 85 aus den Filteroptionen und klicken Sie auf OK. Sie werden sehen, dass die Einstellungsebenen auf das gesamte Dokument angewendet werden. Sie müssen eine Schnittmaske erstellen, um die Anpassung nur für die Ebene "man" anzuwenden. Sie können dies ganz einfach tun, indem Sie bei gedrückter Alt-Taste in die Linie zwischen der Einstellungsebene und der "man"-Ebene klicken.



Schritt 21
Wählen Sie die Ebene "man copy" aus und verschieben Sie sie einige Pixel nach rechts. Gehen Sie nun zu den Optionen für Farbton/Sättigung (Befehl + U) und reduzieren Sie die Helligkeit auf -100.



Schritt 22
Als nächstes verwischen wir die schwarze Silhouette. Wählen Sie die Ebene "man copy" aus und gehen Sie zu Filter > Unschärfe > Bewegungsunschärfe, stellen Sie den Abstand auf 800 Pixel und den Winkel auf 20° ein und klicken Sie dann auf OK.
Duplizieren Sie nun die Ebene "man copy" zweimal, Sie müssen so etwas wie das untere Bild unten haben. Wählen Sie dann die drei Ebenen "Mann kopieren X" aus (klicken Sie bei gedrückter Umschalttaste auf die Ebenenminiaturen, um sie auszuwählen) und führen Sie sie durch Drücken von Befehl + E zusammen. Benennen Sie die resultierende Ebene "shadow blurred".



Schritt 23
Verschieben Sie die Ebene "shadow blurred" über die Ebene Fotofilter. Verwenden Sie dann einen großen, weichen Radiergummi (E) mit Deckkraft und Fluss auf 50%, um den Schatten über Gesicht und Körper des Mannes zu löschen.



Schritt 24
Im Folgenden werden wir ein wenig von der Papierstruktur der Schritte 2 und 3 enthüllen. Wählen Sie die Ebene "Texture" in der Ebenenpalette aus und klicken Sie auf die Ebenenmaskenminiatur.
Wählen Sie das Pinselwerkzeug (B) und verwenden Sie einen großen, weichen Pinsel mit einer Härte von 0%, Deckkraft und Fluss auf 50% und stellen Sie die Vordergrundfarbe auf Weiß (#FFFFFF). Malen Sie nun einige Stellen unter den Füßen des Mannes.



Schritt 25
Legen Sie die Ebenen "Texture" und "Gradient fill" in einen Ordner mit dem Namen "Background". Duplizieren Sie den Ordner und führen Sie die Kopie zusammen. Lassen Sie immer eine Kopie der ersten Ebenen, falls Sie später ein Rollback durchführen müssen.



Schritt 26
Jetzt schneiden wir ein Stück des Hintergrunds aus. Verwenden Sie das Lasso-Werkzeug, um eine unregelmäßige Auswahl zu treffen. Gehen Sie dann zu Ebene > Ebenenmaske > Alles zeigen. Verwenden Sie in der Ebenenmaske das Farbeimerwerkzeug (G), um die Auswahl mit Schwarz (#000000) zu füllen. Ich füge unter der Ebene "Background" eine temporäre schwarze Füllebene hinzu, um zu sehen, wie sie aussieht.



Schritt 27
Noch müde?... ich bin es auch nicht. Jetzt dieses Bild öffnen, nur die Zeitung auswählen und in einen neuen Ordner unter der Ebene "Background" einfügen und es "Newspaper" nennen.
Legen Sie ein weiteres Exemplar der Zeitung ein, aber drehen Sie es um einige Grad, damit es anders aussieht als beim ersten Mal. Verwenden Sie das Brennwerkzeug (O), um einige Teile der Papierblätter zu brennen und einige Bereiche dunkler zu machen. Führen Sie nun den Ordner "Newspaper" zusammen (Befehl + E).



Schritt 28
Da die Farben des Papiers nicht mit der Szene übereinstimmen, gehen Sie zu Ebene > Neue Einstellungsebene > Fotofilter, um sie anzupassen. Wählen Sie einen Farbfilter (#E4AD04) mit einer Dichte von 66%. Wenden Sie es nur auf die Ebene "Newspapers" an, indem Sie eine Schnittmaske erstellen (Alt-Klick zwischen beiden Ebenen).



Schritt 29
Jetzt erstellen wir einen zerrissenen Effekt auf dem Papier. Halten Sie zuerst die Alt-Taste gedrückt und klicken Sie auf die Ebenenmaske der Ebene "Background". Verwenden Sie dann das Zauberstab-Werkzeug (W), um nur den schwarzen Bereich der Maske auszuwählen.
Klicken Sie erneut auf die Hintergrundebene, um sie wieder sichtbar zu machen. Gehen Sie dann zu Auswählen > Ändern > Erweitern und erweitern Sie es um 6 Pixel. Klicken Sie auf die Miniatur der Ebene "Background" und gehen Sie zum nächsten Schritt.



Schritt 30
Drücken Sie Befehl + U, um die Optionen für Farbton/Sättigung anzuzeigen, verringern Sie die Sättigung der Auswahl auf -100 und klicken Sie auf OK. Sie werden sehen, dass die erweiterte Auswahl jetzt grau ist. Wählen Sie das Ausweichen-Werkzeug (O) und verwenden Sie einen unregelmäßigen Pinsel (Kreide ist perfekt), stellen Sie die Belichtung auf 25% ein und wenden Sie das Ausweichen zufällig auf den grauen Rand an.



Schritt 31
Um den Realismus der Hintergrundpapiere zu erhöhen, fügen wir einige Schatten über der Ebene "Newspapers" hinzu. Erstellen Sie eine neue Ebene über dem Fotofilter der Zeitung und nennen Sie sie "Shadows".
Verwenden Sie einen großen schwarzen Pinsel (B) mit einer Größe von 200px, einer Härte von 0% und einer Deckkraft und einem Fluss von 50% und malen Sie einige Schatten in der Nähe des zerrissenen Papiers. Sie können mit den Pinselgrößen spielen, um den Effekt zu verbessern.



Schritt 32
Öffnen Sie dieses Bild, extrahieren Sie die Papierform und fügen Sie sie in eine neue Ebene namens "Paper" über der Ebene "Top texture" ein. Platzieren Sie das Blatt Papier unten rechts in unserem Design.



Schritt 33
Jetzt erzeugen wir die Illusion, dass dieses Papier hinter dem zerrissenen Papier hervorkommt. Klicken Sie bei gedrückter Alt-Taste auf die Ebenenmaske der Ebene "Background". Verwenden Sie dann das Zauberstab-Werkzeug, um nur den schwarzen Bereich auszuwählen, und klicken Sie auf die Miniatur der "Papierebene", um sie auszuwählen.
Nehmen Sie als Nächstes das Lasso-Werkzeug, halten Sie die Umschalttaste gedrückt, um die Auswahl der vorhandenen hinzuzufügen, und treffen Sie dann eine Auswahl, die die gesamte Papierform abdeckt. Invertieren Sie schließlich die Auswahl (Befehl + Umschalt + I) und löschen Sie sie.



Schritt 34
Fügen wir einige Schatten hinzu. Erstellen Sie eine neue Ebene über der Ebene "paper" und nennen Sie sie "shadows". Legen Sie beide in eine neue Gruppe namens "Paper". Dann mit einem großen weichen Pinsel unten einige Schatten malen. Wiederholen Sie die vorherigen Auswahlschritte (Schritt 33), um den zusätzlichen Schatten des Papiers zu löschen.



Schritt 35
Erstellen Sie nun eine neue Ebene unter der Ebene "paper", nennen Sie sie "shadows 2" und malen Sie einige schwarze Schatten hinter das Papier, um einen Pop-Effekt zu erzielen.
Der Schatten des Papiers soll umgedreht werden, wenn Sie ihn mit dem Schatten des Mannes vergleichen, nur weil dies ein konstruktivistisch inspirierter Verbund ist und ich die Illusion erzeugen wollte, dass der Mann Teil des Hintergrundpapierblatts ist.



Schritt 36
Wir sind kurz davor, fertig zu werden. Wählen Sie die Ebene "paper" und passen Sie ihre Sättigung um -25 an. Nehmen Sie dann in der Ebenenpalette das gesamte "paper" und ziehen Sie es direkt über die Ebene "Background".



Schritt 37
Weichen Sie mit einem unregelmäßigen Pinsel den "paper" -Rändern ein wenig aus, um einen weichen, zerrissenen Effekt zu erzielen.



Schritt 38
Erstellen Sie eine neue Ebene mit dem Namen "so much to do" und verwenden Sie einen kleinen Pinsel, um unregelmäßigen Text darauf zu zeichnen. Ich benutze dafür mein Tablet, aber Sie können entweder Ihre Maus oder eine handgeschriebene Schriftart verwenden.



Abschluss
Hier haben wir das letzte Stück. Ich hoffe, dieser hat Ihnen gefallen und zögern Sie nicht, Fragen zu stellen, wenn Sie auf verwirrende oder überwältigende Schritte stoßen. Spaß haben!