Anwenden von Grafiken auf strukturierte Oberflächen mit Verschiebungskarten

Haben Sie sich jemals gefragt, wie Photoshop-Meister solche realistischen Kompositionen erstellen? Scheinbar einfache Aufgaben wie das Abwerfen von Text auf eine Mauer können leicht zu schwachen Ergebnissen führen, wenn Sie nicht wissen, was Sie tun.

Was unterscheidet Sie also von den Profis? Warum sind ihre Ergebnisse so glaubwürdig, während Sie nach Photoshop rechen? Die einfache Antwort ist, dass sie mehr Tricks als Sie kennen! Lass uns das reparieren.

Das Problem

Die Situation ist typisch, Sie haben einige Grafiken und ein Foto und möchten die beiden zusammenstellen. Sie beginnen mit dem Fotografieren. Wie im Beispiel unten enthalten Fotografien von realen Objekten oft keine perfekt glatten Oberflächen und Texturen.

Von hier aus erstellen Sie Text, skalieren und drehen ihn an Ort und Stelle. Zu diesem Zeitpunkt sieht Ihre Komposition nicht sehr glaubwürdig aus.

Der Text wird offensichtlich nur oben platziert, es ist wirklich keine Illusion, dass er tatsächlich auf das Shirt gedruckt wird. Gedruckter Text würde das Licht aus dem Raum, die Textur des Hemdes und die Falten des Stoffes einfangen.

Der typische erste Schritt besteht darin, die Deckkraft der Textebene zu reduzieren. Dies hilft ein wenig, ein Teil des Hintergrunds blutet jetzt durch. Die Illusion ist noch ziemlich in der Woche und nicht gerade etwas, mit dem man prahlen könnte.

Das Niveau des Realismus fehlt noch. Ein einfacher Rückgang der Deckkraft trägt nicht zu unserem Ziel bei, den Text so zu krümmen, dass er aussieht, als würde er sich um die Falten wickeln. Das Endergebnis sollte viel mehr so ​​aussehen:

Beachten Sie, wie das? H? Die Falten lassen sich nicht nur durchschimmern, die Form des Buchstabens ist tatsächlich verzerrt, um die Faltenbildung zu spiegeln. Das Durchbluten des Shirts durch die Buchstaben ist auch viel glaubwürdiger als eine einfache Verringerung der Deckkraft.

Wie erreichen Sie diesen Effekt und wie lange dauert es? Es stellt sich heraus, dass Sie dies mit Photoshop in wenigen Minuten erledigen können. Mal sehen wie mit einem neuen, extremeren Beispiel.

Ziegel und Lächeln

Um unser Projekt zu beginnen, habe ich eine einfache Smiley-Grafik in Illustrator erstellt und von Fotograf Stuart Crawford auf das Bild unten geworfen.

Auch hier ist es das Ziel, die Grafik so aussehen zu lassen, als wäre sie tatsächlich Teil der Szene. Ich habe das Wandbild gewählt, weil es diese Aufgabe sehr schwierig macht. Es gibt viele tiefe Spalten, und das Muster selbst ist aufgrund der Alterung der Bruchsteine ​​der Steine ​​ziemlich uneinheitlich. Der Trick, dies ohne viel Arbeit zu tun, ist der Displace-Filter.

Erstellen einer Verschiebungskarte

Die Verwendung des Filters "Verschieben" erfordert zwei integrale Elemente: das zu bearbeitende Dokument und die Verschiebungskarte. Grundsätzlich verwenden Sie die Verschiebungskarte auf ähnliche Weise wie eine Ebenenmaske, wobei Schwarz- und Weißwerte jeweils eine bestimmte Bedeutung haben.

Mit einer Ebenenmaske erzeugen weiße Werte undurchsichtige Pixel und schwarze Werte erzeugen transparente Pixel. Eine Verschiebungskarte ist etwas komplexer. In meinen eigenen Versuchen scheinen 60% neutral zu sein (Sie würden 50% denken), während alles, was leichter ist als das, und alles Dunkle sich verdrängt.

Wenn dies verwirrend erscheint, machen Sie sich keine Sorgen, es macht Sinn, wenn wir eine Verschiebungskarte auf unser Bild anwenden. Wenn Sie sich das Bild der Ziegelmauer noch einmal ansehen, denken Sie vielleicht, dass es eine Ewigkeit dauern würde, eine Verschiebungskarte zu erstellen, die die gesamte Textur widerspiegelt. Wir können jedoch eine modifizierte Version der Steine ​​verwenden, um unsere Grafiken zu verschieben.

Um dies zu erreichen, stellen Sie zunächst sicher, dass nur die Ziegelschicht angezeigt wird. Gehen Sie dann in Ihre Kanalpalette und suchen Sie den Kanal mit dem höchsten Kontrast. In unserem Fall der rote Kanal. Erstellen Sie nun eine Kopie dieses Kanals.

Klicken Sie nun mit der rechten Maustaste auf Ihren kürzlich kopierten Kanal und wählen Sie "Duplizieren". Ich weiß, dass wir bereits eine Kopie erstellt haben, aber unser Endziel ist die Erstellung eines neuen Dokuments aus diesem Kanal. Auswahl des? Duplikats? Mit dem folgenden Befehl können Sie Photoshop anweisen, diesen Kanal in ein neues Dokument umzuwandeln. Vergewissern Sie sich, dass Sie mit den unten gezeigten Einstellungen übereinstimmen, und klicken Sie dann auf "OK".

Wenn Sie das Schwarzweiß-Ziegelbild als neues Dokument erstellt haben, fügen Sie eine Gaußsche Unschärfe hinzu. Das hört sich vielleicht etwas seltsam an, aber am Ende wird es helfen. Ich arbeite mit einem wirklich großen Bild, also habe ich meine Unschärfe gekräuselt, aber wenn Sie mit einem kleinen Dokument arbeiten, müssen Sie wahrscheinlich nur um 1 Pixel herumschlagen.

Anwenden einer Verschiebungskarte

Das ist alles, was wir tun müssen, um unsere Karte zu erstellen! Sie könnten etwas mehr an dem Kontrast arbeiten, wenn Ihr Bild keine Definition hat, aber unser Bild sollte so gut funktionieren, wie es ist.

Speichern und schließen Sie die Karte als eigene PSD, und wechseln Sie mit dem Smiley wieder zu Ihrem ursprünglichen Ziegel-Dokument. Wählen Sie nun die Smiley-Ebene aus und gehen Sie zu Filter> Verzerren> Verschieben. Der folgende Dialog sollte erscheinen. Die Standardeinstellungen sollten funktionieren. Klicken Sie auf OK. und dann erscheint ein Dateiauswahlmenü. Wählen Sie die zuvor erstellte Datei BrickMap.psd aus.

An diesem Punkt sollten Sie den Verzerrungseffekt sehen. Es sieht jedoch zunächst nicht so aus, als hätten wir gute Arbeit geleistet. Wir sind von einem reinen Smiley zu einem schlampigen Smiley geworden, von denen keiner so aussieht, als wären sie an der Wand! Wenn Sie jedoch genauer hinschauen, können Sie feststellen, dass die Verzerrungen den Ziegeln ziemlich gut entsprechen.

Um den Effekt glaubwürdiger zu machen, müssen Sie ein wenig mit den Mischmodi experimentieren. Was am besten funktioniert, hängt ganz von den tatsächlichen Inhalten ab, mit denen Sie arbeiten. Überlagerung, Bildschirm, Multiplizieren und Farbausweichen sind gute Ausgangspunkte. Für meine weiße Grafik und dunklen Hintergrund ergibt Color Dodge bei 80% Füllung ein recht anständiges Ergebnis.

Sehen Sie, wie die Grafik jetzt glaubhafter ein Teil der Szene ist? Die Vertiefungen und Kurven erzeugen die Illusion von Tiefe und gehen weit über das bloße Reduzieren der Deckkraft einer Ebene hinaus.Apropos, beachten Sie, wie ich die Füllung der Ebene reduziert habe, nicht die Deckkraft. Seltsamerweise erzielen Sie mit Mischmodi viel bessere Ergebnisse, wenn Sie die Füllmenge einer Ebene reduzieren.

Weitergehen

Es gibt immer mehr Möglichkeiten, um die Glaubwürdigkeit einer Komposition noch weiter voranzutreiben. Zum Beispiel erzeugt der Color Dodge-Filter in meiner Szene einige verrückte Highlights, die einfach nicht realistisch aussehen. Ich glaube auch nicht, dass der Ziegel durchscheint.

Um dies zu bekämpfen, habe ich auf den zuvor erstellten Ziegelkanal geklickt, um daraus eine Auswahl zu erstellen. Dann habe ich die Auswahl als Maske auf die Smiley-Ebene angewendet. Dies ging ein wenig zu weit, also habe ich die Smiley-Ebene dupliziert und die Füllung für beide auf 80% gesetzt. Hier ist das Ergebnis:

Optional, wenn Sie es etwas mehr Grunge wollen. Sie können eine Softlight-Ebene erstellen, die mit 50% Grau (neutral für diesen Mischmodus) gefüllt und für die Gesichtsebene maskiert ist. Nehmen Sie dann einen weichen Pinsel und streichen Sie Schwarzweißbereiche, um der Komposition einen Kontrast zu verleihen. Ich habe auch ein wenig verwischt, so dass meine Kanten nicht so scharf waren.

Um wirklich ein Gefühl dafür zu bekommen, wie gut diese Technik funktioniert, möchte ich Sie dazu ermutigen, selbst mit verschiedenen Einstellungen, Mischmodi, Ebeneneffekten usw. zu experimentieren. Der Verschiebungsfilter erfordert wirklich viel Arbeit beim Erstellen von strukturierten Kompositionen. Sehen Sie sich die beeindruckende Verzerrung an, die sich ergeben hat, wenn ich eine Flaggrafik auf dieselbe Mauer mit den oben genannten Techniken angewendet habe.

Wenn ich diesen Verzerrungsgrad manuell versucht hätte, hätte ich Stunden gebraucht, um ein halb so gutes Ergebnis zu erzielen. Mit Displace dauerte dies weniger als eine Minute!

Fazit

Zusammenfassend lässt sich sagen, dass jedes Mal, wenn Sie flache Grafiken mit einer realistischen Textur kombinieren, einige Probleme mit dem Realismus auftreten. Verschiebungskarten sind eines der leistungsfähigsten Werkzeuge in Ihrem Arsenal, um diese Probleme zu lösen, da sie die Verzerrungen der Textur schnell und einfach auf die Grafik anwenden können.

Niemals dort aufhören. Gehen Sie immer weiter und optimieren Sie Ihr Bild, indem Sie die Hervorhebungen bearbeiten, saubere Kanten durcheinander bringen, neue Mischmodi und alles, was Sie sich vorstellen können, erkunden, um die endgültige Bildspiegelung Wirklichkeit werden zu lassen. Selbst wenn jede Änderung nur die geringste Änderung bewirkt, addieren sie sich und das Ergebnis wird eine beeindruckende Komposition sein.