Erstellen Sie 3D-Verschiebungseffekte

Heute begleite ich Sie durch den kreativen Prozess der Anwendung cooler Halbton- und 3D-Verschiebungseffekte. Das Hauptaugenmerk dieses Tutorials liegt auf der Erforschung des häufig missverstandenen Displace-Filters von Photoshop und dessen Verwendung für die Neuerstellung eines beliebten Illustrationsstils.


Tutorial Assets

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

  • Texturpackung eins
  • Texturpack zwei
  • Die mittelgroße Version dieses Modells
  • Wireframe-Paket
  • Zerbrochene 3D-Schrift
  • LOT Schrift

Ein kurzer Zusammenbruch

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 (A) zu erzeugen. Im nächsten Schritt fügen Sie den Hauptschwerpunkt hinzu - in diesem Fall das Modell (B), und wenden Sie dann die Halbtoneffekte an. Ich habe dann 3D-Renderings verwendet, um mehrere doppelte Modellebenen zu verschieben, die ebenfalls maskiert wurden, um die abstrakten Fragmente (C und D) zu erstellen..


Das Herstellen eigener Pinsel kann sowohl Spaß machen als auch lohnend sein. Die Bürsten, die in diesem Projekt verwendet wurden, wurden durch Aufbringen von Cellulose-Autospray und Posterlack auf Wasserbasis auf Patronenpapier erstellt. Ich experimentierte auch mit derselben Technik auf mit Wasser getränktem Papier, was einen interessanten Marmorierungseffekt ergab.



Schritt 1

Drücken Sie auf Ihrer Tastatur die Taste D, um die Vordergrund- / Hintergrundfarben auf Schwarzweiß zurückzusetzen. Drücken Sie dann X, um sie zu vertauschen, sodass Schwarz als Hintergrundfarbe verwendet wird. Erstellen Sie eine neue RGB-Leinwand (21 cm x 27,7 cm) und wählen Sie Hintergrundfarbe aus dem Dropdown-Menü Hintergrundinhalt.



Schritt 2

Zuerst verwenden wir einige Texturen, um den Hintergrund aufzubauen. Öffnen Sie "colorfulgrunge5.jpg" aus diesem Texturpaket und wählen Sie "Bild"> "Bilddrehung"> 90 Grad nach links. Als neue Ebene platzieren, dann Cmd / Ctrl + T drücken, um auf Transformieren zuzugreifen und zu 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 in "Multiplizieren" und beschriften Sie ihn mit "Textur 2"..



Schritt 4

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



Schritt 5

Fügen Sie "colorfulgrunge6.jpg" hinzu, noch einmal mit dem Mischmodus "Multiplizieren", und nennen Sie es "Textur 4". Importieren Sie nun "stainedpaper1.jpg" aus dem zweiten Texturpaket und drücken Sie Cmd / Ctrl + I, um die Option Negativ zu invertieren. Ändern Sie dann den Mischmodus in Farbe und verringern Sie die Deckkraft auf 15%. Nennen Sie diese Ebene "Textur 5"..



Schritt 6

Wählen Sie im Menü "Neue Einstellungsebene erstellen" am unteren Rand 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 auf dem Ebenenstapel hinzu und vergrößern Sie Ihre Leinwand. Ändern Sie den Mischmodus in Überlagerung und beschriften Sie ihn mit "Textur 6". Schnappen Sie sich das Verlaufswerkzeug (G), und wählen Sie Vordergrund (weiß) als transparente Voreinstellung, und markieren Sie die Einstellung Radial in der Optionsleiste. Fügen Sie nun eine Ebenenmaske hinzu und ziehen Sie eine Reihe von Farbverläufen von der Mitte nach außen (meine Maske wird rechts angezeigt)..



Schritt 8

Platzieren Sie eine nicht abgeschnittene Ebenen-Einstellungsebene am oberen Rand des Stapels, und stellen Sie den Weißpunkt-Ausgaberegler auf 169, um alle Ebenen abzudunkeln.



Schritt 9

Markieren Sie die oberste Miniaturansicht der Anpassungsebene, halten Sie die Umschalttaste gedrückt und markieren Sie die erste Texturminiatur (dadurch werden auch die Ebenen dazwischen hervorgehoben). Wählen Sie nun aus dem Layer oben rechts auf der Registerkarte Layer die Option Neue Gruppe aus Layern. Geben Sie im folgenden Fenster "TEXTURES" in das Feld Name ein und klicken Sie auf OK.



Schritt 10

Im nächsten Schritt wird das Modell vom Hintergrund isoliert. Photoshop verfügt über viele Werkzeuge, 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 höchsten Kontrast zwischen Motiv und Hintergrund zu erstellen, und klicken Sie auf OK.



Schritt 11

Wechseln Sie zur Registerkarte Channels, und Sie sehen den neuen Channel ("Alpha 1") unten. Richten Sie es aus, drücken Sie dann Cmd / Strg + L und wenden Sie die folgenden Stufen an, um den Kontrast zu erhöhen.



Schritt 12

Die Idee ist, eine klare, weiße Silhouette des Modells zu erstellen. Setzen Sie das Ausweichwerkzeug (O) auf: Belichtung: 50% / Bereich: Hervorhebungen, und entfernen Sie die Randpixel mit einem Pinsel mit mittlerer Weichkante, wie in Rot angezeigt.



Schritt 13

Nimm die Bürste (B) und verwende verschiedene hartkantige Bürsten, um die restlichen grauen Bereiche mit Weiß zu füllen. Standardmäßig fungiert Weiß als selektiver Bereich. Klicken Sie also zum Erstellen einer Auswahl auf "Alpha 1", und klicken Sie dann auf den oberen RGB-Composite-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 aus dem Dropdown-Menü Ansichtsmodus die Option Schwarz (B), kopieren Sie diese Einstellungen und klicken Sie auf OK.



Schritt 15

Jetzt wird eine neue maskierte Ebene angezeigt und die Sichtbarkeit der ursprünglichen Ebene wird deaktiviert. Schalten Sie die Sichtbarkeit der ursprünglichen Ebene ein und füllen Sie sie mit Schwarz. Vergrößern Sie und sehen Sie, dass Sie mit den Ergebnissen des Befehls "Kante verfeinern" zufrieden sind. An dieser Stelle können Sie die Maske ändern, indem Sie entweder mit Weiß (zum Aufdecken) oder Schwarz (zum Ausblenden) mit einem kleinen Pinsel mit weichen Kanten arbeiten, falls erforderlich.

Wenn Sie zufrieden sind, ziehen Sie die Maskenminiatur in den Papierkorb am unteren Rand der Registerkarte "Ebenen" und klicken Sie im folgenden Fenster auf "Übernehmen".



Schritt 16

Klicken Sie schließlich mit der Befehlstaste / Strg-Taste auf die oberste Ebene, um sie als Auswahl zu laden. Verwenden Sie dann einen kleinen schwarzen Pinsel mit weichen Kanten, um die Highlights im Wimpern des Modells zu übermalen.



Schritt 17

Platzieren Sie das isolierte Modell als neue Ebene in Ihrer Projektdatei. Fügen Sie darunter eine Ebene hinzu und füllen Sie sie mit Weiß. Richten Sie die Modellebene aus und drücken Sie die Tastenkombination "Cmd / Strg + E", um nach unten zu verbinden.



Schritt 18

Wählen Sie Alle aus (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 auf, wenn Sie das Modell als neue Ebene hinzugefügt haben. Wechseln Sie jetzt wieder 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 im Dropdown-Menü "Use" die Option "Halbtonbild" und drücken Sie "OK". Stellen Sie im folgenden Fenster die Frequenz auf 15 Linien / Zoll, den Winkel 45 Grad und Rundung unter Form ein, und drücken Sie dann 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 geeigneten Ort.



Schritt 22

In Ihrer Projektdatei heißt die Modellebene "Modell". Duplizieren Sie es und benennen Sie "Modell-Halbton" um..



Schritt 23

Stellen Sie sicher, dass "Modell-Halbton" die Zielebene ist, und wechseln Sie zu "Filter"> "Verzerren"> "Verschieben". Legen Sie im nächsten Fenster beide Skalierungsfelder auf 10 fest, wählen Sie dann die Optionen Anpassen anpassen und Randpixel wiederholen aus und drücken Sie OK. Sie werden nun aufgefordert, die Datei "Displacement.psd" zu suchen und zu laden.



Schritt 24

In den folgenden Schritten werden Quelldateien unterschiedlicher Größe mit dem Displace-Filter verwendet und die Einstellungen radikal geändert, um abstrakte 3D-Effekte zu erzeugen.

Offener Charakter X aus diesem Alphabet und Speichern unter als .psd-Datei. Duplizieren Sie die ursprüngliche Ebene "Model" erneut und benennen Sie sie in "Model shatter 1" um. Drücken Sie nun Alt + Cmd / Strg + F, um das Dialogfenster "Verschieben" erneut zu öffnen, kopieren Sie diese Einstellungen und navigieren Sie in Ihrer .psd-Datei.



Schritt 25

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



Schritt 26

Verwenden Sie die gleiche Technik mit Charakter Z als Verschiebungskarte mit den folgenden Einstellungen für ein endgültiges "Modell" -Duplikat und "Modell-Shatter 3" benennen.



Schritt 27

Ändern Sie den Mischmodus der Ebene "Modell" in "Überlagern" und verschieben Sie ihn dann über den "Ebenenstapel" über "Modell-Shatter 1"..

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 als Stempel, sodass nur ausgewählte Kanten um das Modell herum verbleiben. Öffnen Sie beim Malen das Pinselfenster (über die Optionsleiste) und drehen / drehen Sie die Pinselspitzenform, um wiederholte Striche zu vermeiden.>

Wenn Sie mehr als nötig entfernen, stellen Sie die Bereiche mit einem weißen Pinsel oder Pinsel wieder her. Meine Maske wird zur besseren Übersicht auch am unteren Rand des Bildschirms angezeigt.



Schritt 28

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



Schritt 29

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



Schritt 30

Die maskierte "Model-Shatter 2" -Schicht.



Schritt 31

Und schließlich die maskierte "Model shatter 3" -Schicht.



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 sichtbar zu machen.



Schritt 33

Duplizieren Sie die Ebene "Modellhalbton", und ändern Sie den Mischmodus in "Weiches Licht". Vergrößern Sie nun den Ebeneninhalt, sodass sich die Punkte leicht ausdehnen, 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 (Clip).



Schritt 35

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



Schritt 36

Charakter hinzufügen O Laden Sie die 3D-Beschriftung über Ihrer vorherigen Ebene herunter. Stellen Sie den Mischmodus auf Multiplizieren und beschriften Sie ihn mit "3D 1". Transformieren / positionieren Sie den Kopf zentral hinter dem Kopf des Modells, und maskieren Sie ihn wie gezeigt.



Schritt 37

Duplizieren Sie diese Ebene, benennen Sie sie in "3D 2" um und positionieren Sie 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 die Projektdatei in Ordnung zu halten. Fügen Sie dem Ordner "TEXTURES" jetzt eine Maske hinzu, und verwenden Sie eine Reihe von Grunge-Pinseln, um Bereiche aus der schwarzen "Hintergrund" -Ebene freizulegen.



Schritt 39

Platzieren Sie "media-militia-wireframes-03.png" aus diesem Wireframe-Pack als neue Ebene im Multiplikationsmodus bei 50% Deckkraft über dem Ordner "MODEL". Transformiere / positioniere an der Unterseite deiner Leinwand, um den Arm des Modells zu bedecken, und nenne es "Wireframe 1"..

Klicken Sie mit der Befehlstaste / Strg-Taste auf die Miniaturansicht "Modellhalbton", um eine schichtbasierte Auswahl zu erstellen. Stellen Sie sicher, dass "Wireframe 1" die Zielebene ist, und wechseln Sie zu Ebene> Ebenenmaske> Auswahl ausblenden. Heben Sie die Markierung auf und wenden Sie einen weißen zu Transparent abgewinkelten linearen Farbverlauf links unten an. Anschließend wird ein schwarzer zu transparentem Radialverlauf über der Schulter des Modells angezeigt, um die Linienführung anzuzeigen.



Schritt 40

Platzieren Sie "media-militia-wireframes-12.png" aus demselben Paket. Transformieren / positionieren Sie rechts unten und nennen Sie es "Wireframe 2". Drücken Sie die Tastenkombination Cmd / Strg + I, um die Ebene auf Negativ umzukehren und den Mischmodus auf Weiches Licht zu setzen. Die Deckkraft bleibt jedoch bei 100%. Jetzt maskieren Sie mit einer Auswahl aus Ihrer Ebene "Modell-Halbton".



Schritt 41

Fügen Sie "Paint_4.jpg" am oberen Rand des Ebenenstapels hinzu. Drehen Sie die Größe, positionieren Sie sie über dem linken Auge des Modells und nennen Sie sie "Augenspritzer". Ä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 zum Abdecken.



Schritt 42

Die folgenden Schritte werden mit einem Tablet viel besser funktionieren. Fügen Sie eine neue oberste Ebene mit dem Namen "Linework 1" hinzu. Schnappen Sie sich einen harten, 7 px weißen Pinsel und kritzeln Sie über Gesicht und Schulter des Modells. Versuchen Sie und folgen Sie den natürlichen Konturen. Machen Sie sich jedoch keine Sorgen, zu präzise zu sein, da im nächsten Schritt vieles verborgen wird.



Schritt 43

Ändern Sie den Mischmodus in weiches Licht, um den Effekt zu reduzieren, und verwenden Sie dann einen großen Pinsel mit weichem Rand und geringer Deckkraft, um die Maske zu maskieren.



Schritt 44

Fügen Sie eine weitere Ebene hinzu und verwenden Sie eine etwas größere harte Spitze, um die wichtigsten Funktionen des Modells zu verfolgen. Nennen Sie diese Ebene "Linework 2" und Maske ist wie erforderlich. Legen Sie diese beiden Ebenen zusammen mit den darunter liegenden in einen Ordner mit dem Namen "ELEMENTS 2"..



Schritt 45

Bevor Sie den Text und das Logo hinzufügen, lehnen Sie sich zurück und überprüfen Sie Ihre Komposition. Nehmen Sie dann die endgültigen Anpassungen vor. Ich habe auf einigen Verschiebungsebenen eine Kombination aus dem Patch-Werkzeug (J) und dem Klon-Stempel-Werkzeug (S) verwendet, um unbeholfen wirkende Formen zu entfernen, die die Schulter des Modells überlappen. Als Nächstes habe ich die Deckkraft bestimmter Texturebenen wie angegeben reduziert und schließlich ein paar Masken angepasst.



Schritt 46

Nimm das Textwerkzeug (T) und füge die Buchstaben hinzu CRE mit dieser Schriftart Öffnen Sie die Zeichen- und Absatzanzeigen (über die Optionsleiste), legen Sie die Punktgröße auf 89 fest und richten Sie sie nach rechts aus. Duplizieren Sie die Textebene, ziehen Sie die Umschalttaste nach unten und geben Sie die Buchstaben ein ASS.

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



Schritt 47

Öffnen Sie "Logo.pdf" aus dem Ordner "source" direkt aus Photoshop oder über Illustrator. Klicken Sie dann auf Kopieren> Einfügen als Smart-Objekt und platzieren Sie den Ordner unten rechts in demselben Ordner.

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



Schritt 48

Um die Gesamtfarbe abzustimmen, fügen Sie am oberen Rand des Stapels eine ungeschnittene Farbton- / Sättigungsanpassungsebene hinzu und stellen Sie den Schieberegler für die Sättigung auf -36.



Schritt 49

Erstellen Sie eine schichtbasierte Auswahl aus dem Logo und füllen Sie die Anpassungsmaske mit Schwarz aus. Zum Schluss malen Sie mit einem weichen Pinsel in einer Auswahl, die aus der Ebene "Modell" erstellt wurde, um die Farbintensität der Augen und Lippen wieder herzustellen.



Fazit und Geltungsbereich

Wie Sie herausgefunden haben, kann der Displace-Filter Spaß machen und fantastische Ergebnisse erzielen. Es ist zu beachten, dass der Filter Verschieben funktioniert, indem die oberen linken Ränder sowohl auf der Zielebene als auch auf der Verschiebungsdatei ausgerichtet werden. Für vorhersehbare Ergebnisse sollten Sie immer die Zielebene zusammenführen oder Ihr Bild zuschneiden, damit beide Dateien die genauen Pixelabmessungen verwenden.

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