Het is gemakkelijk genoeg om een logo op iets in Photoshop te plaatsen. Maar wat als uw basisfoto niet frontaal is, zodat een vierkant logo (of een andere afbeelding) er scheef uitziet? Hier leest u hoe u uw bovenste afbeelding in het juiste perspectief kunt krijgen.
De Transform-tool gebruiken voor perfecte overeenkomsten
Laten we een schermafbeelding van een gadget als basis gebruiken: een gemeenschappelijke behoefte voor marketeers (of webschrijvers zoals ik). Onze bronafbeelding hier is een Nintendo Switch met een normaal 16: 9-scherm, maar we moeten een screenshot van iets anders maken, laten we zeggen een afbeelding van Zelda in plaats van Mario. Hier zijn de foto’s die ik ga gebruiken, zodat je ze kunt pakken en zelf kunt oefenen:
Markeer de screenshotafbeelding in de Lagen-tool en activeer vervolgens de Transformatietool met de sneltoets Ctrl + T op Windows of Command + T op macOS.
Als je Photoshop al een tijdje hebt gebruikt, ben je waarschijnlijk al vertrouwd met de tool Vrije transformatie: je zou moeten weten hoe je de afbeelding kunt verplaatsen, verkleinen of vergroten of roteren. Maar je kunt het ook aanzienlijk scheeftrekken, genoeg om het te laten veranderen om het perspectief te veranderen en het af te stemmen op de onderstaande afbeelding. Dit is een vrij eenvoudig voorbeeld: we gaan deze rechthoekige schermafbeelding van Zelda matchen met het rechthoekige scherm op de Switch, een simpele beweging van hoek naar hoek.
Houd de Ctrl-knop op Windows of de Command-knop op de Mac ingedrukt en klik vervolgens op een van de witte vierkantjes in de hoek van de schermafbeelding die deel uitmaken van de Transform-tool. Houd Ctrl en de linkermuisknop ingedrukt en sleep een van de hoeken van de bovenste schermafbeelding naar de overeenkomende hoek op het scherm van de schakelaar op de afbeelding eronder. Zoom in op de pixelweergave als u deze perfect wilt matchen.
U zult merken dat in plaats van de normale actie voor het wijzigen van de grootte, u met de Ctrl- of Command-modifier een hoek van de afbeelding kunt pakken en deze kunt verplaatsen terwijl de andere vier hoeken op hun plaats blijven.
Herhaal deze stap voor de volgende vier hoeken en verplaats de schermafbeelding over het scherm van de schakelaar eronder. Pas de transformatie pas toe als u klaar bent, anders kunt u niet meer alle vier de hoeken pakken – ze worden gevuld met transparantie. U kunt ervoor zorgen dat de bovenste laag een pixel of twee voorbij de onderste laag komt om er zeker van te zijn dat deze het onderliggende scherm volledig bedekt. Druk op Enter om de Transform-tool te sluiten.
Omdat zowel het scherm van de telefoon als de screenshotafbeelding dezelfde beeldverhouding hebben, past deze kleine cover-up perfect en hoeft deze niet verder te worden bewerkt. Laten we verder gaan met iets lastiger.
De transformatietool gebruiken op afbeeldingen met een vreemd formaat
Stel dat u deze afbeelding van een Mac-laptop heeft en dat u geen Apple-logo in een advertentie wilt gebruiken. U pronkt liever met uw bedrijfslogo. Ik zal als voorbeeld een rond Review Geek-logo gebruiken – beide bronafbeeldingen staan hieronder.
Dus je wilt het Apple-logo bedekken, net als het telefoonscherm daarvoor, maar nu komt het vlak van de bronafbeelding (het deksel van de laptop) niet overeen met de laag die je wilt toevoegen (het ronde logo), en je moet nog steeds houd het perspectief goed. In dit geval gaan we iets anders op de foto als leidraad gebruiken: de ongeveer rechthoekige klep van de laptop. We stemmen het perspectief van het logo af op het deksel van de laptop en schalen het vervolgens naar het formaat dat we nodig hebben, terwijl we het perspectief vergrendeld houden.
Druk om te beginnen op Ctrl + T of Command + T terwijl de bovenste laag is geselecteerd om het transformatiegereedschap opnieuw te openen. Druk nu op Ctrl + klik of Command + klik, selecteer de hulplijnen in de hoeken van de logolaag en pas ze aan de hoeken van het laptopdeksel aan. De hoeken zijn afgerond, maar je kunt de randen van het deksel en de transformatiegids gebruiken om uit te lijnen.
Doordat de klep van de laptop niet vierkant is, is je cirkel iets te breed. U kunt het terug aanpassen tot een transformatie van vierkante grootte. U kunt dit opmerken als het niet perfect hoeft te zijn, of de onderliggende laag roteren en de liniaalhulplijnen van Photoshop gebruiken als u meer precisie nodig heeft. Druk op Enter om de transformatie toe te passen wanneer u klaar bent.
Nu heb je een vierkante afbeelding over het laptopscherm, en het is in het juiste perspectief om overeen te komen met het Apple-logo eronder. Je moet het kleiner maken, zodat het niet misstaat. Houd terwijl de Transform-tool actief is Alt + Shift op Windows of Option + Shift op een Mac ingedrukt, klik vervolgens op een van de hoeken en sleep deze naar binnen om de logoafbeelding te verkleinen, zodat deze niet veel groter is dan het Apple-logo.
Hier is het uiteindelijke resultaat:
Als je onderste afbeelding redelijk regelmatig is, met een perspectiefverschuiving die aan één kant voorspelbaar is, kun je Ctrl + Alt + Shift op Windows of Command + Option + Shift op Mac ingedrukt houden om de Transform-tool in de Skew-modus te gebruiken. Het komt echter vrij zelden voor dat uw afbeelding hier perfect op aansluit.
Vrije transformatie gebruiken op onregelmatige oppervlakken
Oké, dus nu kun je een perspectief matchen en indien nodig het formaat wijzigen. Maar wat als u iets probeert te krijgen op een oppervlak dat niet vlak is? Laten we nog een voorbeeld proberen: het Review Geek-logo op een bal plaatsen. Gebruik nogmaals de onderstaande afbeeldingen in uw exemplaar van Photoshop om te oefenen.
Met behulp van de tools die je in de vorige secties hebt geleerd, is het gemakkelijk om de logo-afbeelding op de bovenkant van de bal te krijgen en zelfs het perspectief ervan aan te passen aan de oriëntatie van de bal zelf. Maar het logobestand ziet er vreemd uit omdat het plat is en het oppervlak van de bal dat niet is.
Om dit op te lossen, drukt u op Ctrl + T of Command + T om de Transform-tool te activeren en kijkt u naar de bovenkant van het Photoshop-venster. Je bent op zoek naar de gebogen rechthoekige knop die de Warp-modus activeert. Klik Het.
Met de Transform Tool in Warp-modus kun je de afbeelding op elk punt aan de binnen- of buitenkant verplaatsen, niet alleen in de hoeken. Hiermee kunt u verschillende delen van de afbeelding in onregelmatige posities klikken en slepen. Je ziet de negen richtlijnen met de afbeelding meebewegen, zodat je kunt zien hoe je dingen hebt veranderd.
De Warp Tool vereist enige oefening om effectief te gebruiken. Mogelijk moet u uw werk meerdere keren ongedaan maken en opnieuw uitvoeren. Maar binnen een paar minuten zou je de ronding van de bal redelijk goed moeten kunnen matchen. Druk op Enter om de transformatie toe te passen.
Voor oppervlakken die iets voorspelbaarder zijn, maar nog steeds te onregelmatig voor de reguliere Transform-tool, kun je de vooraf ingestelde Warp-tools aan de rechterkant van het bovenste menu gebruiken.
U kunt de bovenstaande technieken combineren met andere tools in Photoshop, zoals kleurcorrecties, curven, filters, vervaging, enzovoort, om uw bovenste laag te laten passen bij uw onderste laag. Speel met deze tools en je zult snel logo’s en schermafbeeldingen gemakkelijk matchen.
Afbeeldingscredit: Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo