Erstellen Sie 3D-Verschiebungseffekte

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Heute werde ich Sie durch den kreativen Prozess führen, einige coole Halbton- und 3D-Verschiebungseffekte anzuwenden. Das Hauptaugenmerk dieses Tutorials liegt auf der Untersuchung des häufig missverstandenen Verschiebungsfilters von Photoshop und wie er verwendet werden kann, um einen beliebten Illustrationsstil wiederherzustellen.

Tutorial Assets

Sie finden einige Dateien im Ordner "source". Sie benötigen außerdem die folgenden Bilder und Schriftarten, um dieses Lernprogramm abzuschließen.

Eine kurze Aufschlüsselung

Hier ist eine kurze Zusammenfassung, wie das endgültige Bild erstellt wurde. Normalerweise beginne ich damit, mehrere Texturen mit unterschiedlichen Mischmodi zu überlagern, um einen interessanten Hintergrund zu erzeugen (A). Der nächste Schritt besteht darin, den Hauptschwerpunkt hinzuzufügen - in diesem Fall das Modell (B) - und dann die Halbton-Effekte anzuwenden. Ich habe dann 3D-Renderings verwendet, um mehrere doppelte Modellebenen zu verschieben, die auch maskiert wurden, um die abstrakten Fragmente (C und D) zu erstellen.

Das Erstellen eigener Pinsel kann sowohl Spaß machen als auch lohnend sein. Die in diesem Projekt verwendeten Pinsel wurden durch Auftragen von Zelluloseautospray und Posterfarbe auf Wasserbasis auf Kartuschenpapier hergestellt. Ich habe auch mit der gleichen Technik auf in Wasser getränktem Papier experimentiert, was einen interessanten Marmorierungseffekt ergab.

Schritt 1

Drücken Sie D auf Ihrer Tastatur, um die Vordergrund-/Hintergrundfarben auf Schwarzweiß zurückzusetzen, und drücken Sie dann X, um sie auszutauschen, sodass Schwarz zur Hintergrundfarbe wird. Erstellen Sie eine neue RGB-Leinwand mit einer Größe von 21 cm x 27,7 cm und wählen Sie im Dropdown-Menü Hintergrundinhalt die Option Hintergrundfarbe.

Schritt 2

Zuerst werden wir einige Texturen verwenden, um den Hintergrund aufzubauen. Öffnen Sie "colourgrunge5.jpg" aus diesem Texturpaket und wählen Sie "Bild" > "Bilddrehung" > 90 Grad gegen den Uhrzeigersinn. Als neue Ebene platzieren, dann Cmd/Strg + T drücken, um auf Transformieren zuzugreifen, und vergrößern, um die Leinwand zu füllen. Nennen Sie diese Ebene "Textur 1".

Schritt 3

Fügen Sie "stainedpaper9.jpg" aus diesem Texturpaket als weitere Ebene hinzu. Vergrößern, ändern Sie den Mischmodus auf Multiplizieren und beschriften Sie ihn mit "Textur 2".

Schritt 4

Platziere "colorfulgrunge7.jpg" aus dem ersten Texturpaket als neue Ebene. Vergrößern, ändern Sie den Mischmodus, um ihn erneut zu multiplizieren, und beschriften Sie ihn mit "Texture 3".

Schritt 5

Fügen Sie "colorfulgrunge6.jpg" hinzu, erneut mit einem Mischmodus zum Multiplizieren, und nennen Sie es "Texture 4". Importieren Sie nun "stainedpaper1.jpg" aus dem zweiten Texturpaket und drücken Sie Cmd/Ctrl + I, um in "Negativ" umzukehren. Ändern Sie dann den Mischmodus in "Farbe" und reduzieren Sie die Deckkraft auf 15%. Nennen Sie diese Ebene "Texture 5".

Schritt 6

Wählen Sie im Menü "Neue Einstellungsebene erstellen" am Fuß der Registerkarte "Ebenen" (1) die Option "Farbbalance". Klicken Sie im nächsten Fenster auf das Doppelkreissymbol, um die Verknüpfung aufzuheben (um alle Ebenen zu beeinflussen) und kopieren Sie diese Einstellungen.

Schritt 7

Fügen Sie "colorfulgrunge3.jpg" aus dem ersten Texturpaket oben im Ebenenstapel hinzu und vergrößern Sie es, um Ihre Leinwand zu bedecken. Ändern Sie den Mischmodus in Überlagern und beschriften Sie ihn mit "Texture 6". Nehmen Sie das Verlaufswerkzeug (G) und wählen Sie "Vordergrund" (weiß) für die Voreinstellung "Transparent". Markieren Sie die Einstellung "Radial" in der Optionsleiste. Fügen Sie nun eine Ebenenmaske hinzu und ziehen Sie eine Reihe von Verläufen von der Mitte nach außen (meine Maske wird rechts angezeigt).

Schritt 8

Platzieren Sie eine nicht abgeschnittene Ebene zur Einstellung der Ebenen oben auf dem Stapel und stellen Sie den Schieberegler für die Weißpunktausgabe auf 169, um alle Ebenen abzudunkeln.

Schritt 9

Markieren Sie die oberste Miniaturansicht der Einstellungsebene, halten Sie die Umschalttaste gedrückt und markieren Sie Ihre erste Textur-Miniaturansicht (dies hebt auch die dazwischen liegenden Ebenen hervor). Wählen Sie nun im Flyout-Menü oben rechts auf der Registerkarte Ebenen die Option Neue Gruppe aus Ebenen. Geben Sie im folgenden Fenster "TEXTURES" in das Feld Name ein und klicken Sie auf OK.

Schritt 10

In der nächsten Phase wird das Modell vom Hintergrund isoliert. In Photoshop gibt es viele Werkzeugs, mit denen wir dies erreichen können. In diesem Fall verwenden wir jedoch einen Kanal oder eine Dichtemaske.

Wählen Sie zunächst Bild > Bilddrehung > Leinwand horizontal spiegeln. Gehen Sie nun zu Bild > Berechnungen. Kopieren Sie diese Einstellungen im nächsten Fenster, um einen zusammengesetzten Kanal mit dem größten Kontrast zwischen Motiv und Hintergrund zu erstellen, und klicken Sie auf OK.

Schritt 11

Wechseln Sie zur Registerkarte Kanäle, und der neue Kanal ("Alpha 1") befindet sich unten. Zielen Sie darauf, drücken Sie dann Cmd/Strg + L und nehmen Sie die folgende Pegelanpassung vor, um den Kontrast zu erhöhen.

Schritt 12

Die Idee ist, eine saubere weiße Silhouette des Modells zu erstellen. Stellen Sie das Ausweichwerkzeug (O) daher auf: Belichtung: 50%/Bereich: Hervorhebungen und verwenden Sie einen mittelgroßen Pinsel mit weichen Kanten, um die Randpixel wie in Rot angezeigt zu bleichen.

Schritt 13

Nehmen Sie den Pinsel (B) und füllen Sie die verbleibenden Grauzonen mit einer Auswahl von hartkantigen Pinseln unterschiedlicher Größe mit Weiß. Standardmäßig fungiert Weiß als selektiver Bereich. Klicken Sie bei gedrückter Strg-Taste bei gedrückter Strg-Taste auf "Alpha 1", um eine Auswahl zu erstellen, und zielen Sie dann auf den obersten zusammengesetzten RGB-Kanal.

Schritt 14

Wechseln Sie zur Registerkarte Ebenen. Wählen Sie ein Auswahlwerkzeug aus und klicken Sie in der Optionsleiste auf die Schaltfläche Kante verfeinern. Wählen Sie im nächsten Fenster im Dropdown-Menü Ansichtsmodus die Option Auf Schwarz (B), kopieren Sie diese Einstellungen und klicken Sie auf OK.

Schritt 15

Sie sehen nun eine neue maskierte Ebene und die Sichtbarkeit der ursprünglichen Ebene ist deaktiviert. Schalten Sie die Sichtbarkeit der ursprünglichen Ebene ein und füllen Sie sie mit Schwarz. Vergrößern Sie die Ansicht und überprüfen Sie, ob Sie mit den Ergebnissen des Befehls "Kante verfeinern" zufrieden sind. Zu diesem Zeitpunkt können Sie die Maske ändern, indem Sie bei Bedarf entweder mit Weiß (zum Anzeigen) oder Schwarz (zum Ausblenden) mit einem kleinen Pinsel mit weichen Kanten malen.

Wenn Sie zufrieden sind, ziehen Sie die Miniaturansicht der Maske in das Papierkorbsymbol am Fuß der Registerkarte "Ebenen" und klicken Sie im folgenden Fenster auf "Übernehmen".

Schritt 16

Klicken Sie abschließend bei gedrückter Strg-/Strg-Taste auf die oberste Ebene, um sie als Auswahl zu laden, und verwenden Sie dann einen kleinen schwarzen Pinsel mit weichen Kanten, um die Glanzlichter in den Wimpern des Modells zu übermalen.

Schritt 17

Platzieren Sie das isolierte Modell als neue Ebene in Ihrer Projektdatei. Fügen Sie eine Schicht darunter hinzu und füllen Sie sie mit Weiß. Zielen Sie auf die Modellebene und drücken Sie Cmd/Strg + E, um nach unten zusammenzuführen.

Schritt 18

Wählen Sie Alle (Cmd/Strg + A) und kopieren Sie in die Zwischenablage. Erstellen Sie ein neues Dokument im Graustufenmodus und nennen Sie es "Displacement.psd".

Schritt 19

Besuchen Sie Ihre Projektdatei erneut und klicken Sie im Verlaufsfenster wieder auf, wenn Sie das Modell als neue Ebene hinzugefügt haben. Wechseln Sie nun zurück zu Ihrer neuen Datei und reduzieren Sie sie.

Schritt 20

Gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner und geben Sie 30 px ein.

Schritt 21

Wählen Sie nun Bild > Modus > Bitmap, stellen Sie sicher, dass die Ausgabe auf 300 Pixel/Zoll eingestellt ist, wählen Sie Halbtonbildschirm aus dem Dropdown-Menü Verwenden und drücken Sie OK. Stellen Sie im folgenden Fenster die Frequenz auf 15 Linien/Zoll, den Winkel auf 45 Grad und Rund unter Form ein und drücken Sie erneut OK. Wählen Sie nun Bild > Modus > Graustufen, behalten Sie das Größenverhältnis 1 bei, klicken Sie auf OK und speichern Sie (mit dem Suffix .psd) an einem praktischen Ort.

Schritt 22

Zurück in Ihrer Projektdatei benennen Sie die Modellebene "Modell". Dupliziere es und benenne es in "Modellhalbton" um.

Schritt 23

Stellen Sie sicher, dass der "Modellhalbton" die Zielebene ist, und gehen Sie dann zu Filter > Verzerren > Verschieben. Setzen Sie im nächsten Fenster beide Skalierungsfelder auf 10, wählen Sie dann die Optionen Stretch To Fit und Repeat Edge Pixels und drücken Sie OK. Sie werden nun aufgefordert, Ihre Datei "Displacement.psd" zu suchen und zu laden.

Schritt 24

In den folgenden Schritten verwenden wir Quelldateien unterschiedlicher Größe mit dem Verschiebungsfilter und ändern die Einstellungen radikal, um einige abstrakte 3D-Effekte zu erstellen.

Öffnen Sie das Zeichen X aus diesem Alphabet und speichern Sie es als .psd-Datei. Duplizieren Sie die ursprüngliche Ebene "Modell" erneut und benennen Sie sie in "Modell-Shatter 1" um. Drücken Sie nun Alt + Befehlstaste/Strg + F, um das Dialogfenster "Verschieben" erneut zu öffnen, kopieren Sie diese Einstellungen und navigieren/wählen Sie Ihre PSD-Zeichendatei aus.

Schritt 25

Wiederholen Sie den vorherigen Schritt mit Zeichen S und wenden Sie diese Einstellungen mit dem Verschiebungsfilter auf eine andere doppelte Ebene mit der Bezeichnung "Model Shatter 2" an.

Schritt 26

Verwenden Sie dieselbe Technik unter Verwendung des Zeichens Z als Verschiebungskarte mit den folgenden Einstellungen für ein endgültiges "Modell" -Duplikat und nennen Sie es "Modellbruch 3".

Schritt 27

Ändern Sie den Mischmodus der Ebene "Modell" in "Überlagern" und verschieben Sie ihn dann über "Modellbruch 1" nach oben.

Fügen Sie der Ebene "Modellhalbton" eine Maske hinzu. Laden Sie nun die Pinsel "PSDTUTS_grunge_brushes.abr" aus dem Ordner "source" und verwenden Sie sie stempelnd, sodass nur selektive Kanten um das Modell herum verbleiben. Öffnen Sie beim Malen das Pinselbedienfeld (in der Optionsleiste) und drehen/drehen Sie die Pinselspitzenform, um wiederholte Striche zu vermeiden.>

Wenn Sie mehr entfernen, als Sie benötigen, stellen Sie die Bereiche mit einem weißen Schmutz oder einem einfachen Pinsel wieder her. Aus Gründen der Übersichtlichkeit wird meine Maske auch unten im Bildschirm angezeigt.

Schritt 28

Maskieren Sie nun die Ebene "Modell" auch mit einer Auswahl an Grunge-Pinseln.

Schritt 29

Maskieren Sie weiterhin die verbleibenden Verschiebungsebenen. Hier ist die Maske für die Ebene "Model Shatter 1".

Schritt 30

Die maskierte Ebene "Model Shatter 2".

Schritt 31

Und schließlich die maskierte Ebene "Model Shatter 3".

Schritt 32

Duplizieren Sie nun die ursprüngliche Ebene "Modell" erneut. Setzen Sie den Mischmodus auf Normal zurück und ändern Sie die Maske, um das Gesicht des Modells anzuzeigen.

Schritt 33

Duplizieren Sie die Ebene "Modellhalbton" und ändern Sie den Mischmodus in "Weiches Licht". Vergrößern Sie nun den Ebeneninhalt so, dass sich die Punkte leicht erstrecken, und ändern Sie die Maske wie gezeigt.

Schritt 34

Um den Kontrast des Modells zu erhöhen, fügen Sie der "Modellkopie" eine Ebenenanpassungsebene hinzu und wenden Sie diese Einstellungen an. Klicken Sie auf das Doppelkreissymbol, um die Anpassung auf die Zielebene zu beschränken (zu beschneiden).

Schritt 35

Um Ihre Datei organisiert zu halten, platzieren Sie alle Modell- und Shatter-Ebenen in einem Ordner namens "MODEL". Fügen Sie "Paint_1.png" als neue Ebene über Ihrem Ordner "TEXTURES" hinzu, ändern Sie den Mischmodus in "Multiplizieren" und nennen Sie ihn "Splat 1". Wiederholen Sie dies mit "Paint_2.png" und "Paint_3.png". Beschriften Sie diese Ebenen entsprechend und positionieren Sie sie um das Modell herum.

Schritt 36

Fügen Sie das Zeichen O aus dem Download der 3D-Beschriftung über Ihrer vorherigen Ebene hinzu. Stellen Sie den Mischmodus auf Multiplizieren und beschriften Sie ihn mit "3D 1". Zentral hinter dem Kopf des Modells transformieren/positionieren und dann wie gezeigt maskieren.

Schritt 37

Dupliziere diese Ebene, benenne sie in "3D 2" um und positioniere sie unten rechts. Ändern Sie nun den Mischmodus auf Weiches Licht und passen Sie die Maske entsprechend an.

Schritt 38

Fügen Sie alle schwebenden Ebenen in einem Ordner mit dem Namen "ELEMENTS 1" hinzu, um Ihre Projektdatei aufgeräumt zu halten. Fügen Sie nun dem Ordner "TEXTURES" eine Maske hinzu und verwenden Sie eine Auswahl an Grunge-Pinseln, um Bereiche aus der schwarzen Ebene "Background" freizulegen.

Schritt 39

Platziere "media-militia-wireframes-03.png" aus diesem Drahtgitterpaket als neue Ebene im Multiplikationsmodus mit 50% Deckkraft über dem Ordner "MODEL". Transformiere/positioniere an der Basis deiner Leinwand, um den Arm des Modells zu bedecken und nenne es "Drahtmodell 1".

Klicken Sie bei gedrückter Strg-/Strg-Taste auf die Miniaturansicht "Modellhalbton", um eine schichtenbasierte Auswahl zu erstellen. Stellen Sie sicher, dass Ihr "Drahtmodell 1" die Zielebene ist, und gehen Sie dann zu Ebene > Ebenenmaske > Auswahl ausblenden. Deaktivieren Sie und wenden Sie unten links einen weißen bis transparenten, abgewinkelten linearen Farbverlauf und dann einen schwarzen bis transparenten radialen Farbverlauf über der Schulter des Modells an, um die Linienführung anzuzeigen.

Schritt 40

Platziere "media-militia-wireframes-12.png" aus demselben Paket, transformiere/positioniere unten rechts und nenne es "Wireframe 2". Drücken Sie Cmd/Ctrl + I, um die Ebene auf Negativ umzukehren und den Mischmodus auf Weiches Licht zu setzen. Belassen Sie die Deckkraft jedoch bei 100%. Maskieren Sie nun mit einer Auswahl aus Ihrer Ebene "Modellhalbton".

Schritt 41

Fügen Sie "Paint_4.jpg" oben im Ebenenstapel hinzu und drehen Sie, ändern Sie die Größe, positionieren Sie sie über dem linken Auge des Modells und nennen Sie es "Eye Splash". Ändern Sie den Mischmodus auf "Multiplizieren" und verringern Sie die Deckkraft um 60 - 70%, um sie mit der Haut des Modells zu mischen. Verwenden Sie nun einen kleinen, weichen bis mittelharten Pinsel, um ihn zu maskieren.

Schritt 42

Die folgenden Schritte funktionieren mit einem Tablet viel besser. Fügen Sie eine neue oberste Ebene mit dem Namen "Linework 1" hinzu. Nehmen Sie einen scharfkantigen 7-Pixel-Pinsel und kritzeln Sie über Gesicht und Schulter des Modells. Versuchen Sie, den natürlichen Konturen zu folgen, aber machen Sie sich keine Sorgen, dass Sie zu präzise sind, da im nächsten Schritt vieles verborgen bleibt.

Schritt 43

Ändern Sie den Mischmodus auf Weiches Licht, um den Effekt zu verringern, und verwenden Sie dann einen großen Pinsel mit weichen Kanten und geringer Deckkraft, um wie gezeigt zu maskieren.

Schritt 44

Fügen Sie eine weitere Ebene hinzu und verwenden Sie eine etwas größere harte Spitze, um die Hauptmerkmale des Modells zu verfolgen. Nennen Sie diese Ebene "Linework 2" und die Maske ist nach Bedarf. Legen Sie nun diese beiden Ebenen zusammen mit den zugrunde liegenden in einen Ordner namens "ELEMENTS 2".

Schritt 45

Lehnen Sie sich vor dem Hinzufügen von Text und Logo zurück, überprüfen Sie Ihre Komposition und nehmen Sie die endgültigen Anpassungen vor. Ich habe eine Kombination aus dem Patch-Werkzeug (J) und dem Klon-Stempel-Werkzeug (S) für einige Verschiebungsebenen verwendet, um unangenehm aussehende Formen zu entfernen, die die Schulter des Modells überlappen. Als nächstes reduzierte ich die Deckkraft bestimmter Texturebenen wie angegeben und optimierte schließlich einige Masken.

Schritt 46

Nimm das Textwerkzeug (T) und füge die Buchstaben CRE mit dieser Schriftart hinzu. Öffnen Sie die Bedienfelder „Zeichen“ und „Absatz“ (in der Optionsleiste), stellen Sie die Punktgröße auf ca. 89 ein und richten Sie sie nach rechts aus. Duplizieren Sie die Textebene, ziehen Sie sie bei gedrückter Umschalttaste nach unten und geben Sie die Buchstaben ATE ein.

Sie müssen jetzt den Abstand zwischen A und E manuell reduzieren. Platzieren Sie dazu Ihren Textcursor zwischen den beiden Zeichen und setzen Sie den Kerning-Wert auf -100. Platzieren Sie nun beide Textebenen in einem Ordner mit der Bezeichnung "GRAFIKEN".

Schritt 47

Öffnen Sie die "Logo.pdf" aus dem "Quell" -Ordner direkt in Photoshop oder über Illustrator, klicken Sie dann auf "Kopieren" > "Als intelligentes Objekt einfügen" und platzieren Sie sie unten rechts im selben Ordner.

Fügen Sie eine Ordnermaske hinzu und teilen Sie den Text mit einer Auswahl an Grunge-Pinseln auf. Setzen Sie nun die Maske wie angegeben mit Weiß wieder ein, um das Logo intakt zu halten.

Schritt 48

Um die Gesamtfarbe abzuschwächen, fügen Sie oben im Stapel eine nicht abgeschnittene Farbton-/Sättigungsanpassungsebene hinzu und stellen Sie den Sättigungsregler auf -36.

Schritt 49

Erstellen Sie eine schichtenbasierte Auswahl aus dem Logo und füllen Sie die Anpassungsmaske mit Schwarz. Malen Sie abschließend mit einem weichen Pinsel in einer Auswahl, die aus der Ebene "Modell" erstellt wurde, um die Farbintensität der Augen und Lippen wiederherzustellen.

Schlussfolgerung und Umfang

Wie Sie festgestellt haben, kann die Arbeit mit dem Verschiebungsfilter Spaß machen und auch zu fantastischen Ergebnissen führen. Beachten Sie, dass der Verschiebungsfilter die oberen linken Ränder sowohl auf der Zielebene als auch auf der Verschiebungsdatei ausrichtet. Um vorhersehbare Ergebnisse zu erzielen, führen Sie immer die Zielebene zusammen oder beschneiden Sie Ihr Bild so, dass beide Dateien die genauen Pixelabmessungen aufweisen.

Glückliche Unfälle können passieren, indem Sie Verschiebungskarten mit unterschiedlichen Dimensionen für Ihre Zieldatei verwenden und auch mit den Einstellungen im Filterfenster experimentieren.