Hoe maak je perfecte perspectiefverschuivingen in Photoshop voor afbeeldingen en logo's

Het is eenvoudig genoeg om een ​​logo op iets in Photoshop te plaatsen. Maar wat als uw basisfoto niet perfect is, dus een vierkant logo (of een andere afbeelding) ziet er scheef uit? U kunt als volgt uw topbeeld in het juiste perspectief uitlijnen.

Het transformatiehulpmiddel gebruiken voor perfecte overeenkomsten

Laten we een gadgetscherm gebruiken als basis: een veel voorkomende behoefte voor marketeers (of webschrijvers zoals ik). Onze bronafbeelding is hier een Nintendo Switch met een standaard 16: 9-scherm, maar we moeten een screenshot van iets anders plaatsen, laten we zeggen een afbeelding van Zelda in plaats van Mario. Dit zijn de foto's die ik ga gebruiken, zodat je ze kunt pakken en zelfstandig kunt oefenen:

Markeer de schermafbeelding in het hulpmiddel Lagen en activeer vervolgens het gereedschap Transformeren met de sneltoets Ctrl + T op Windows of Command + T op macOS.

Als je Photoshop voor een bepaalde tijd hebt gebruikt, ben je waarschijnlijk al vertrouwd met de tool Vrije transformatie: je zou moeten weten hoe je de afbeelding moet verplaatsen, verkleinen of uitbreiden, of roteren. Maar je kunt het ook aanzienlijk scheeftrekken, genoeg om je het te laten veranderen om het perspectief te veranderen en het te laten overeenkomen met de afbeelding hieronder. Dit is een vrij eenvoudig voorbeeld: we gaan dit rechthoekige screenshot van Zelda koppelen aan het rechthoekige scherm op de Switch, een eenvoudige hoek-naar-hoek zet.

Houd de Ctrl-toets ingedrukt op Windows of de Command-toets op Mac en klik vervolgens op een van de witte vierkanten in de hoek van de schermafbeelding die deel uitmaken van het gereedschap Transformeren. Houd Ctrl en de linkermuisknop ingedrukt en sleep een van de hoeken van het bovenste screenshot naar de overeenkomende hoek op het scherm van de schakelaar op de afbeelding hieronder. Zoom in op de pixelweergave als u deze perfect wilt aanpassen.

Je zult merken dat je met de Ctrl- of Command-modifier in plaats van de normale formaatactie een hoek van de afbeelding kunt pakken en 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 alle vier de hoeken weer grijpen - ze worden opgevuld met transparantie. Je kunt ervoor zorgen dat de bovenste laag een pixel of twee voorbij de onderste komt, om er zeker van te zijn dat deze het onderliggende scherm volledig bedekt. Druk op Enter om het Transform-gereedschap te sluiten.

Omdat zowel het scherm van de telefoon als de schermafbeelding dezelfde beeldverhouding hebben, past deze kleine cover-up perfect en hoeft deze niet verder te worden bewerkt. Laten we verdergaan naar iets een beetje lastiger.

Het transformatietool gebruiken op ongebruikelijke afbeeldingen

Stel dat u deze afbeelding van een Mac-laptop hebt en geen gebruik wilt maken van een Apple-logo in een advertentie. Je pronkt liever met je bedrijfslogo. Ik zal een rond Review Geek-logo gebruiken als een voorbeeld - beide bronafbeeldingen staan ​​hieronder.

Dus je wilt het Apple-logo verdoezelen, net als het telefoonscherm daarvoor, maar nu komt het vlak van de bronafbeelding (het laptop-deksel) niet overeen met de laag die je wilt toevoegen (het ronde logo), en je moet nog steeds houd het perspectief goed. In dit geval gebruiken we iets anders in de foto als richtlijn: het ongeveer rechthoekige deksel van de laptop. We zullen het perspectief van het logo afstemmen op het laptopdeksel en het dan verkleinen tot het formaat dat we nodig hebben, terwijl we het perspectief op slot houden.

Druk om te beginnen op Ctrl + T of Command + T met de bovenste laag geselecteerd om de transformatietool opnieuw te openen. Druk nu op Ctrl + klik of Command + klikken, selecteer de hulppleinen op de hoeken van de logolaag en match ze met de hoeken van het laptopdeksel. De hoeken zijn afgerond, maar u kunt de randen van het deksel en de transformatiegids gebruiken om op één lijn te komen.

Omdat het deksel van de laptop niet vierkant is, is je cirkel iets te breed. U kunt het terugzetten naar een vierkante transformatie. U kunt dit opmerken als het niet perfect hoeft te zijn, of de onderliggende laag niet moet draaien en u de hulplijnen van Photoshop niet moet gebruiken als u meer precisie nodig hebt. Druk op Enter om de transformatie toe te passen wanneer u klaar bent.

Nu heb je een vierkant beeld op het scherm van de laptop en het is in het juiste perspectief om het Apple-logo eronder te matchen. Je moet het op maat maken, dus het ziet er niet misplaatst uit. Houd de transformatietool actief, houd Alt + Shift ingedrukt op Windows of Option + Shift op een Mac, klik vervolgens op een van de hoeken en sleep deze naar binnen om het logo naar beneden te schalen, dus het is niet veel groter dan het Apple-logo.

Dit is het eindresultaat:

Als uw afbeelding op de bodem vrij regelmatig is, met een perspectiefschaduw die aan één kant voorspelbaar is, kunt u Ctrl + Alt + Shift op Windows of Command + Option + Shift op Mac ingedrukt houden om het gereedschap Transformeren in de modus Skew te gebruiken. Het komt echter vrij zelden voor dat je afbeelding hier perfect op aansluit.

Vrije transformatie gebruiken op onregelmatige oppervlakken

Oké, dus nu kun je een perspectief vergelijken en het formaat wijzigen als dat nodig is. Maar wat als je iets probeert te krijgen op een oppervlak dat niet vlak is? Laten we nog een ander voorbeeld proberen: het Review Geek-logo op een bal plaatsen. Maak opnieuw gebruik van de onderstaande afbeeldingen in uw exemplaar van Photoshop voor oefenen.

Met behulp van de tools die je in de vorige paragrafen hebt geleerd, kun je gemakkelijk het logo op de bovenkant van de bal krijgen en zelfs het perspectief aanpassen aan de richting van de bal zelf. Maar het logobestand ziet er vreemd uit omdat het plat is en het oppervlak van de bal niet.

Om dit op te lossen, drukt u op Ctrl + T of Command + T om het gereedschap Transformeren te activeren en naar de bovenkant van het Photoshop-venster te kijken. U bent op zoek naar de gebogen rechthoekige knop die de Warp-modus activeert. Klik Het.

Met het gereedschap Transformeren in de verdraaiingsmodus kunt u het beeld op elk punt binnen of buiten verplaatsen, niet alleen in de hoeken. Hiermee kunt u verschillende delen van de afbeelding op onregelmatige posities klikken en slepen. Je ziet de negen richtlijnen meebewegen met de afbeelding, zodat je kunt zien hoe je de dingen hebt veranderd.

De Warp Tool vergt enige oefening om effectief te gebruiken. Mogelijk moet u uw werk een aantal keren ongedaan maken en opnieuw uitvoeren. Maar binnen een paar minuten zou je de curve 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 het reguliere gereedschap Transformeren, kunt u de vooraf ingestelde Warp-tools aan de rechterkant van het bovenste menu gebruiken.

U kunt de bovenstaande technieken combineren met andere gereedschappen in Photoshop, zoals kleurcorrecties, curves, filters, vervagingen, enzovoort, zodat uw bovenste laag overeenkomt met uw onderste laag. Speel met deze hulpmiddelen, en je zult snel logo's en schermafbeeldingen met elkaar matchen.

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