Es ist relativ einfach, in Photoshop ein Logo auf ein Bild zu setzen. Aber was geschieht, wenn das zugrunde liegende Foto nicht direkt von vorne aufgenommen wurde und ein quadratisches Logo (oder ein anderes Bild) dadurch verzerrt wirkt? Hier erfahren Sie, wie Sie Ihr oberes Bild mit der korrekten Perspektive ausrichten.
Die Verwendung des Transformationswerkzeugs für perfekte Angleichungen
Nehmen wir als Grundlage ein Bildschirmfoto eines Geräts: eine häufige Anforderung für Marketingexperten (oder Webautoren wie mich). Unser Ausgangsbild ist hier eine Nintendo Switch mit einem herkömmlichen 16:9-Bildschirm, doch wir möchten einen Screenshot von etwas anderem einfügen – beispielsweise ein Bild von Zelda anstelle von Mario. Hier sind die Bilder, die ich verwenden werde, damit Sie diese nutzen und selbst damit üben können:
Wählen Sie das Screenshot-Bild im Ebenenfenster aus und aktivieren Sie dann das Transformationswerkzeug mit der Tastenkombination Strg+T unter Windows oder Befehlstaste+T auf macOS.
Wenn Sie Photoshop schon länger nutzen, kennen Sie das Werkzeug „Frei transformieren“ vermutlich bereits: Sie wissen, wie man das Bild verschiebt, verkleinert, vergrößert oder dreht. Sie können es jedoch auch stark verzerren, sodass Sie es so anpassen können, dass die Perspektive geändert wird und es zum darunterliegenden Bild passt. Dies ist ein recht einfaches Beispiel: Wir werden diesen rechteckigen Zelda-Screenshot dem rechteckigen Bildschirm der Switch zuordnen, eine einfache Bewegung von Ecke zu Ecke.
Halten Sie die Strg-Taste unter Windows oder die Befehlstaste auf dem Mac gedrückt und klicken Sie dann auf eines der weißen Quadrate an den Ecken des Screenshots, die zum Transformationswerkzeug gehören. Halten Sie die Strg-Taste und die linke Maustaste gedrückt und ziehen Sie eine der Ecken des oberen Screenshot-Bildes in die entsprechende Ecke auf dem Bildschirm der Switch im Bild darunter. Zoomen Sie in die Pixelansicht, wenn Sie es perfekt anpassen müssen.
Sie werden feststellen, dass Sie mit dem Strg- oder Befehlsmodifikator anstelle der üblichen Größenänderungsaktion eine Ecke des Bildes greifen und verschieben können, während die anderen vier Ecken an ihrer Position bleiben.
Wiederholen Sie diesen Vorgang für die restlichen vier Ecken und bewegen Sie das Screenshot-Bild über den Bildschirm der Switch darunter. Wenden Sie die Transformation erst an, wenn Sie fertig sind, da Sie sonst nicht mehr alle vier Ecken erfassen können – sie werden dann mit Transparenz gefüllt. Sie können die obere Ebene um ein oder zwei Pixel über die untere hinausreichen lassen, um sicherzustellen, dass sie den darunterliegenden Bildschirm vollständig abdeckt. Drücken Sie die Eingabetaste, um das Transformationswerkzeug zu beenden.
Da sowohl der Bildschirm des Telefons als auch das Screenshot-Bild das gleiche Seitenverhältnis aufweisen, passt diese kleine Abdeckung perfekt und erfordert keine weiteren Bearbeitungen. Gehen wir zu etwas Schwierigerem über.
Verwendung des Transformationswerkzeugs für Bilder mit unregelmäßiger Größe
Nehmen wir an, Sie haben dieses Bild eines Mac-Laptops und möchten kein Apple-Logo in einer Anzeige verwenden. Stattdessen möchten Sie Ihr Firmenlogo präsentieren. Ich verwende ein rundes Review Geek Logo als Beispiel – beide Ausgangsbilder sind unten zu sehen.
Sie möchten also das Apple-Logo genau wie den Telefonbildschirm abdecken, 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 trotzdem die richtige Perspektive beibehalten. In diesem Fall verwenden wir etwas anderes auf dem Foto als Anhaltspunkt: den annähernd rechteckigen Deckel des Laptops. Wir passen die Perspektive des Logos an den Laptopdeckel an und verkleinern es dann auf die benötigte Größe, während die Perspektive erhalten bleibt.
Drücken Sie zunächst Strg+T oder Befehl+T, während die oberste Ebene ausgewählt ist, um das Transformationswerkzeug erneut zu öffnen. Drücken Sie jetzt Strg+Klick oder Befehl+Klick, wählen Sie die Hilfsquadrate an den Ecken der Logoebene aus und ordnen Sie diese den Ecken des Laptopdeckels zu. Die Ecken sind zwar abgerundet, aber Sie können die Kanten des Deckels und die Transformationshilfe verwenden, um sie auszurichten.
Da der Deckel des Laptops nicht quadratisch ist, ist Ihr Kreis etwas zu breit. Sie können es wieder in eine quadratische Transformation zurückversetzen. Sie können dies im Auge behalten, wenn es nicht perfekt sein muss, oder die darunterliegende Ebene drehen und die Lineal-Hilfslinien von Photoshop verwenden, wenn Sie mehr Präzision benötigen. Drücken Sie die Eingabetaste, um die Transformation anzuwenden, wenn Sie bereit sind.
Jetzt haben Sie ein quadratisches Bild über dem Laptop-Bildschirm, das in der richtigen Perspektive ist, um dem Apple-Logo darunter zu entsprechen. Sie müssen es verkleinern, damit es nicht fehl am Platz wirkt. Halten Sie bei aktivem Transformationswerkzeug Alt+Umschalt unter Windows oder Wahl+Umschalt auf einem Mac gedrückt, klicken Sie dann auf eine der Ecken und ziehen Sie diese nach innen, um das Logobild zu verkleinern, sodass es nicht viel größer als das Apple-Logo ist.
Hier das Endergebnis:
Wenn Ihr unteres Bild ziemlich regelmäßig ist, mit einer vorhersehbaren perspektivischen Schräge auf einer Seite, können Sie Strg+Alt+Umschalt unter Windows oder Befehl+Wahl+Umschalt auf dem Mac gedrückt halten, um das Transformieren-Werkzeug im Schräglagenmodus zu verwenden. Es ist jedoch eher selten, dass Ihr Bild dafür perfekt ausgerichtet ist.
Verwenden der freien Transformation auf unregelmäßigen Oberflächen
Okay, jetzt können Sie die Perspektive anpassen und die Größe nach Bedarf ändern. Aber was passiert, wenn Sie etwas auf einer nicht ebenen Oberfläche platzieren möchten? Versuchen wir es mit einem weiteren Beispiel: Platzieren Sie das Review Geek-Logo auf einem Ball. Verwenden Sie erneut die folgenden Bilder in Ihrer Version von Photoshop zum Üben.
Mit den Werkzeugen, die Sie in den vorherigen Abschnitten kennengelernt haben, ist es einfach, das Logo auf die Oberseite des Balls zu bringen und sogar seine Perspektive an die Ausrichtung des Balls anzupassen. Allerdings sieht die Logodatei seltsam aus, da sie flach ist und die Oberfläche des Balls nicht.
Um dies zu beheben, drücken Sie Strg+T oder Befehl+T, um das Transformationswerkzeug zu aktivieren, und schauen Sie sich den oberen Rand des Photoshop-Fensters an. Suchen Sie die gebogene rechteckige Schaltfläche, die den Warp-Modus aktiviert. Klicken Sie darauf.
Mit dem Transform-Tool im Warp-Modus können Sie das Bild an jeder beliebigen Stelle innerhalb oder außerhalb verschieben, nicht nur an den Ecken. Auf diese Weise können Sie verschiedene Teile des Bildes anklicken und in unregelmäßige Positionen ziehen. Sie sehen, wie sich die neun Richtlinien mit dem Bild bewegen und Ihnen helfen zu sehen, wie Sie die Dinge verändert haben.
Das Warp-Tool erfordert etwas Übung, um es effektiv einzusetzen. Es kann erforderlich sein, Ihre Arbeit mehrmals rückgängig zu machen und neu zu beginnen. Aber innerhalb weniger Minuten sollten Sie die Krümmung des Balls recht gut anpassen können. Drücken Sie die Eingabetaste, um die Transformation anzuwenden.
Für Oberflächen, die etwas vorhersagbarer sind, aber immer noch zu unregelmäßig für das normale Transformieren-Tool, können Sie die voreingestellten Warp-Tools auf der rechten Seite des oberen Menüs verwenden.
Sie können die oben genannten Techniken mit allen anderen Werkzeugen in Photoshop kombinieren, wie z. B. Farbkorrekturen, Kurven, Filter, Unschärfen usw., um Ihre obere Ebene an die untere anzupassen. Experimentieren Sie mit diesen Werkzeugen, und schon bald werden Sie Logos und Screenshots mühelos zuordnen können.
Bildnachweis: Shutterstock/Wachiwit, Shutterstock/Afrika Studio, Shutterstock/Ygor, Yiorgos GR/Shutterstock.com, Nintendo