Wie man perfekte Perspektivverschiebungen in Photoshop für Bilder und Logos macht

Es ist leicht genug, ein Logo in Photoshop einzufügen. Aber was ist, wenn Ihr Basisfoto nicht frontal ist, so dass ein quadratisches Logo (oder ein anderes Bild) schief aussieht? So bringen Sie Ihr oberes Bild in die richtige Perspektive.

Verwenden des Transformationswerkzeugs für perfekte Übereinstimmungen

Lassen Sie uns ein Gadget-Bildschirmbild als Basis verwenden: ein allgemeines Bedürfnis für Vermarkter (oder Webwriter wie mich). Unser Ausgangsbild hier ist ein Nintendo-Switch mit einem normalen 16: 9-Bildschirm, aber wir müssen einen Screenshot von etwas anderem machen - sagen wir ein Bild von Zelda anstatt Mario. Hier sind die Bilder, die ich verwenden werde, damit Sie sie selbst packen und trainieren können:

Markieren Sie das Screenshot-Bild im Ebenen-Werkzeug, und aktivieren Sie das Transformationswerkzeug mit der Tastenkombination Strg + T unter Windows oder Command + T unter macOS.

Wenn Sie Photoshop für längere Zeit verwendet haben, sind Sie wahrscheinlich bereits mit dem Werkzeug "Frei umwandeln" vertraut: Sie sollten wissen, wie Sie das Bild verschieben, verkleinern, vergrößern oder rotieren. Sie können es aber auch erheblich schrägstellen, so dass Sie es ändern können, um die Perspektive zu ändern und an das Bild unten anzupassen. Dies ist ein ziemlich einfaches Beispiel: Wir werden diesen rechteckigen Screenshot von Zelda an den rechteckigen Bildschirm des Switch anpassen, eine einfache Bewegung von Ecke zu Ecke.

Halten Sie die Strg-Taste unter Windows bzw. die Befehlstaste auf dem Mac gedrückt, und klicken Sie dann auf eines der weißen Quadrate an der Ecke des Screenshots, die Teil des Transformationswerkzeugs sind. Halten Sie die Strg-Taste und die linke Maustaste gedrückt, und ziehen Sie eine der Ecken des oberen Screenshots in die entsprechende Ecke des Bildschirms des Schalters im darunter liegenden Bild. Vergrößern Sie die Pixelansicht, wenn Sie sie perfekt anpassen möchten.

Sie werden feststellen, dass Sie anstelle der normalen Größenänderungsaktion mit der Strg- oder Befehlstaste eine Ecke des Bildes greifen und verschieben können, während die anderen vier Ecken an Ort und Stelle bleiben.

Wiederholen Sie diesen Schritt für die nächsten vier Ecken, und bewegen Sie das Screenshot-Bild über den Bildschirm des darunter liegenden Schalters. Wenden Sie die Transformation erst an, wenn Sie fertig sind, oder Sie können nicht mehr alle vier Ecken greifen. Sie werden mit Transparenz gefüllt. Sie können die obere Ebene um ein oder zwei Pixel über die untere Ebene hinaus verlängern, um sicherzustellen, dass sie den darunterliegenden Bildschirm vollständig abdeckt. Drücken Sie die Eingabetaste, um das Transformationswerkzeug zu schließen.

Da sowohl der Bildschirm des Telefons als auch das Screenshot dasselbe Seitenverhältnis haben, passt diese kleine Vertuschung perfekt und muss nicht weiter bearbeitet werden. Lass uns zu etwas ein bisschen kniffliger gehen.

Verwenden des Transformationswerkzeugs für Bilder mit ungerader Größe

Angenommen, Sie haben dieses Bild eines Mac-Laptops und möchten kein Apple-Logo in einer Werbung verwenden. Sie möchten lieber Ihr Firmenlogo vorführen. Ich verwende ein kreisförmiges Review Geek-Logo als Beispiel - beide Quellbilder sind unten aufgeführt.

Sie möchten also das Apple-Logo genauso wie der Bildschirm des Telefons verdecken, aber jetzt stimmt die Ebene des Quellbilds (der Laptopdeckel) nicht mit der Ebene überein, die Sie hinzufügen möchten (das kreisförmige Logo), und Sie müssen dies trotzdem tun halte die Perspektive richtig. In diesem Fall verwenden wir als Orientierungshilfe etwas anderes: den ungefähr rechteckigen Deckel des Laptops. Wir passen die Perspektive des Logos an den Laptopdeckel an und skalieren es auf die Größe, die wir benötigen, während die Perspektive gesperrt bleibt.

Um zu beginnen, drücken Sie Strg + T oder Befehlstaste + T, wobei die oberste Ebene ausgewählt ist, um das Transformationswerkzeug erneut zu öffnen. Drücken Sie nun Strg + Klick oder Befehlstaste + Klicken, wählen Sie die Führungsquadrate an den Ecken der Logoebene aus und ordnen Sie sie den Ecken des Laptopdeckels zu. Die Ecken sind abgerundet, aber Sie können die Ränder des Deckels und die Transformationsführung zum Ausrichten verwenden.

Da der Deckel des Laptops nicht quadratisch ist, ist Ihr Kreis etwas zu weit. Sie können es wieder auf eine quadratische Transformation anpassen. Sie können dies beobachten, wenn es nicht perfekt sein muss, oder drehen Sie die darunter liegende Ebene und verwenden Sie die Lineal-Hilfslinien von Photoshop, wenn Sie mehr Präzision benötigen. Drücken Sie die Eingabetaste, um die Umwandlung anzuwenden, wenn Sie fertig sind.

Jetzt haben Sie ein quadratisches Bild über dem Laptop-Bildschirm, und es befindet sich in der richtigen Perspektive, um das darunter liegende Apple-Logo darzustellen. Sie müssen es verkleinern, damit es nicht unpassend aussieht. Halten Sie bei aktivem Transformationswerkzeug Alt + Umschalttaste unter Windows bzw. Wahltaste + Umschalttaste auf einem Mac gedrückt. Klicken Sie dann auf eine der Ecken und ziehen Sie sie nach innen, um das Logo zu verkleinern, sodass es nicht viel größer als das Apple-Logo ist.

Hier ist das Endergebnis:

Wenn das untere Bild relativ normal ist und die Perspektive auf einer Seite vorhersagbar ist, können Sie unter Windows Strg + Alt + Umschalttaste oder unter Mac OS X die Befehlstaste + Wahltaste + drücken, um das Transformationswerkzeug im Neigungsmodus zu verwenden. Es ist jedoch ziemlich selten, dass Ihr Image dafür perfekt passt.

Verwenden der freien Transformation auf unregelmäßigen Oberflächen

Okay, jetzt können Sie eine Perspektive anpassen und die Größe nach Bedarf ändern. Aber was ist, wenn Sie versuchen, etwas auf einer Oberfläche zu bekommen, die nicht flach ist? Lassen Sie uns ein weiteres Beispiel versuchen: Das Review Geek-Logo auf einen Ball setzen. Verwenden Sie zum Üben erneut die Bilder in Ihrer Photoshop-Kopie.

Mit den in den vorherigen Abschnitten erlernten Tools ist es einfach, das Logo auf die Oberseite des Balls zu setzen und sogar seine Perspektive an die Ausrichtung des Balls selbst anzupassen. Aber die Logodatei sieht seltsam aus, weil sie flach ist und die Oberfläche des Balls nicht.

Um dieses Problem zu beheben, drücken Sie Strg + T oder Befehlstaste + T, um das Transformationswerkzeug zu aktivieren, und schauen Sie oben im Photoshop-Fenster nach. Sie suchen nach der gekrümmten rechteckigen Schaltfläche, die den Warp-Modus aktiviert. Klick es.

Mit dem Transformationswerkzeug im Warp-Modus können Sie das Bild an jeder beliebigen Stelle innerhalb oder außerhalb verschieben, nicht nur an den Ecken. Dadurch können Sie verschiedene Teile des Bildes in unregelmäßige Positionen klicken und ziehen. Sie werden sehen, wie sich die neun Richtlinien zusammen mit dem Bild bewegen, um zu sehen, wie Sie die Dinge verändert haben.

Das Warp-Tool erfordert einige Übung, um es effektiv zu nutzen. Möglicherweise müssen Sie Ihre Arbeit mehrmals rückgängig machen und wiederholen. Aber innerhalb weniger Minuten sollten Sie die Biegung des Balls gut ausgleichen können. Drücken Sie die Eingabetaste, um die Umwandlung anzuwenden.

Für Oberflächen, die ein wenig vorhersehbarer sind, aber für das normale Transformationswerkzeug noch zu unregelmäßig sind, können Sie die voreingestellten Warp-Werkzeuge auf der rechten Seite des oberen Menüs verwenden.

Sie können die obigen Techniken mit allen anderen Werkzeugen in Photoshop kombinieren, z. B. Farbkorrekturen, Kurven, Filtern, Unschärfen usw., um Ihre oberste Ebene an Ihre unterste Ebene anzupassen. Spielen Sie mit diesen Tools herum, und schon bald werden Logos und Screenshots mühelos gefunden.

Bildnachweis: Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo