Sådan laver du perfekte perspektivskift i Photoshop til billeder og logoer

Det er nemt nok at overlejre et logo til noget i Photoshop. Men hvad nu hvis dit basebillede ikke er på hovedet, så bliver et firkantet logo (eller et andet billede) skævt? Sådan får du dit topbillede justeret med det rette perspektiv.

Brug af transformationsværktøjet til perfekte kampe

Lad os bruge et gadgetscreenbillede som en base: Et fælles behov for marketingfolk (eller webforfattere som mig). Vores kildebillede her er en Nintendo Switch med en regelmæssig 16: 9 skærm, men vi skal sætte et skærmbillede af noget andet - lad os sige et billede fra Zelda i stedet for Mario. Her er de billeder, jeg bruger, så du kan få fat i dem og øve på egen hånd:

Fremhæv skærmbilledet i værktøjet Lag, og aktiver derefter værktøjet Transformation med Ctrl + T genvejen på Windows eller Command + T på macOS.

Hvis du har brugt Photoshop i nogen tid, er du sikkert komfortabel med værktøjet Free Transform already: du bør vide, hvordan du flytter billedet rundt, krymper eller udvider det eller roterer det. Men du kan også skævt det betydeligt, nok til at lade dig ændre det for at ændre perspektivet og matche det til billedet nedenfor. Dette er et ret simpelt eksempel: vi kommer til at matche dette rektangulære skærmbillede af Zelda til den rektangulære skærm på kontakten, et simpelt hjørne til hjørnebevægelse.

Hold Ctrl-knappen nede i Windows eller Kommandoknappen på Mac, og klik derefter på en af ​​de hvide firkanter i hjørnet af det screenshot, der er en del af Transform-værktøjet. Hold Ctrl og venstre museknap nede, træk et af hjørnerne af det øverste skærmbillede til det tilsvarende hjørne på skærmens skærm på billedet nedenunder. Zoom ind i pixelvisningen, hvis du har brug for at matche det perfekt.

Du vil bemærke, at i stedet for den normale resize-handling, kan Ctrl eller Command Modifier dig gribe et hjørne af billedet og flytte det, mens de øvrige fire hjørner forbliver på plads.

Gentag dette trin for de næste fire hjørner, og flyt skærmbilledet over skærmen under knappen. Anvend ikke transformationen, før du er færdig, eller du vil ikke kunne tage alle fire hjørner igen - de bliver udfyldt med gennemsigtighed. Du kan gøre det øverste lag strækker sig forbi bunden med en pixel eller to for at sikre, at den helt dækker skærmen under. Tryk på Enter for at lukke værktøjet Transform.

Da både telefonens skærm og skærmbilledet har samme billedforhold, passer denne lille cover-up perfekt og behøver ingen yderligere redigering. Lad os gå videre til noget lidt vanskeligere.

Brug af transformationsværktøjet på ulige størrelser

Sig, du har dette billede af en Mac laptop, og du vil ikke bruge et Apple-logo i en annonce. Du vil helst vise dit firmas logo. Jeg bruger et cirkulært Review Geek logo som et eksempel - begge kildebilleder er under.

Så du vil dække Apple-logoet ligesom telefonskærmen før, men nu er kildebilledets plan (laptopdækslet) ikke det lag, du vil tilføje (det cirkulære logo), og du skal stadig hold perspektivet ret. I dette tilfælde vil vi bruge noget andet i billedet som en vejledning: det omtrent rektangulære låg på den bærbare computer. Vi matcher logoets perspektiv til laptopdækslet og skaleres derefter ned til den størrelse, vi har brug for, mens perspektivet er låst.

For at starte, tryk Ctrl + T eller Command + T med det øverste lag valgt for at åbne transformationsværktøjet igen. Tryk nu på Ctrl + Click eller Command + Click, vælg vejledningsfelterne i hjørnerne af logolaget, og match dem med hjørnerne på laptopdækslet. Hjørnerne er afrundede, men du kan bruge kanterne på låget og transformerstyringen til at lineere op.

Da låget på den bærbare computer ikke er firkantet, er din cirkel lidt for bred. Du kan justere det tilbage til en firkantet størrelse transformation. Du kan eyeball dette, hvis det ikke behøver at være perfekt, eller roter laget nedenunder og brug Photoshop's linjelinjer, hvis du har brug for mere præcision. Tryk på Enter for at anvende transformationen, når du er klar.

Nu har du et kvadratisk billede over den bærbare computerskærm, og det er i det rigtige perspektiv at matche Apple-logoet nedenfor. Du skal dimensionere det, så det ser ikke ud af sted. Med Transform-værktøjet aktivt, hold Alt + Skift på Windows eller Option + Shift på en Mac, og klik derefter på et af hjørnerne og træk det indad for at skale logobilledet ned, så det er ikke meget større end Apple-logoet.

Her er det endelige resultat:

Hvis dit bundbillede er ret almindeligt, med et perspektivskæv, der kan forudsiges på den ene side, kan du holde Ctrl + Alt + Shift på Windows eller Kommando + Option + Skift på Mac for at bruge Transform-værktøjet i Skew-tilstand. Det er temmelig sjældent, at dit billede passer perfekt til dette.

Brug af gratis transformation på uregelmæssige overflader

Okay, så nu kan du matche et perspektiv og ændre størrelsen efter behov. Men hvad nu hvis du forsøger at få noget på en overflade, der ikke er fladt? Lad os prøve endnu et eksempel: sætte Review Geek-logoet på en bold. Brug endnu en gang billederne herunder i din kopi af Photoshop til øvelse.

Ved hjælp af de værktøjer, du har lært i de foregående afsnit, er det nemt at få logo-billedet på toppen af ​​bolden og endda justere sit perspektiv for at matche retningen af ​​selve bolden. Men logo-filen ser mærkeligt ud, fordi den er flad, og kuglens overflade er ikke.

For at rette dette skal du trykke på Ctrl + T eller Command + T for at aktivere Transform-værktøjet og se øverst i Photoshop-vinduet. Du leder efter den buede rektangulære knap, der aktiverer Warp Mode. Klik på den.

Med Transform Tool i Warp Mode kan du flytte billedet rundt på et hvilket som helst sted på indersiden eller udenfor, ikke kun hjørnerne. Dette gør det muligt at klikke og trække forskellige dele af billedet i uregelmæssige positioner. Du kan se de ni retningslinjer flytte sammen med billedet og hjælpe dig med at se, hvordan du har ændret ting.

The Warp Tool tager en vis praksis at bruge effektivt. Du skal måske fortryde og genoprette dit arbejde flere gange. Men inden for få minutter skal du være i stand til at matche kuglens kurve ret godt. Tryk på Enter for at anvende transformationen.

For overflader, der er lidt mere forudsigelige, men stadig for uregelmæssige for det almindelige Transform-værktøj, kan du bruge de forudindstillede Warp-værktøjer på højre side af den øverste menu.

Du kan kombinere teknikkerne ovenfor med andre værktøjer i Photoshop, som farvekorrektioner, kurver, filtre, blurs osv. For at få dit øverste lag til at matche dit nederste lag. Spil rundt med disse værktøjer, og du vil hurtigt matche logoer og skærmbilleder med lethed.

Billedkredit: Shutterstock / Wachiwit, Shutterstock / Afrika Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo