Hvordan lage perfekte perspektivskift i Photoshop for bilder og logoer

Det er enkelt nok å overlegge en logo på noe i Photoshop. Men hva om ditt basebilde ikke er på hodet, så en firkantet logo (eller et annet bilde) vil se skjev ut? Slik får du toppbildet ditt rettet mot det riktige perspektivet.

Bruke transformasjonsverktøyet for perfekte matcher

La oss bruke et gadgets skjermbilde som en base: et felles behov for markedsførere (eller nettforfattere som meg). Vår kildebilde her er en Nintendo-bryter med en vanlig 16: 9-skjerm, men vi må sette et skjermbilde av noe annet - la oss si et bilde fra Zelda i stedet for Mario. Her er bildene jeg skal bruke, slik at du kan ta dem og øve på egen hånd:

Fremhev skjermbildet i verktøyet Lag, og aktiver deretter Transformeringsverktøyet med Ctrl + T-snarveien på Windows eller Kommando + T på MacOS.

Hvis du har brukt Photoshop for en viss tid, er du sannsynligvis komfortabel med Free Transform-verktøyet allerede: du bør vite hvordan du beveger bildet rundt, krymper eller utvider det, eller roter det. Men du kan også skje det betydelig, nok til å la deg endre det for å endre perspektivet og matche det til bildet nedenfor. Dette er et ganske enkelt eksempel: Vi kommer til å matche dette rektangulære skjermbildet av Zelda til den rektangulære skjermen på bryteren, et enkelt hjørne til hjørne-bevegelse.

Hold nede Ctrl-knappen på Windows eller Kommando-knappen på Mac, og klikk deretter på en av de hvite rutene i hjørnet av skjermbildet som er en del av Transform-verktøyet. Hold nede Ctrl og venstre museknapp, dra en av hjørnene til toppskjermbildet til det tilsvarende hjørnet på bryterens skjerm på bildet under. Zoom inn i pikselvisningen hvis du trenger å matche den perfekt.

Du vil legge merke til at i stedet for den normale forandringsaksjonen, lar Ctrl eller Command Modifier deg ta et hjørne av bildet og flytte det mens de andre fire hjørnene forblir på plass.

Gjenta dette trinnet for de neste fire hjørnene, flytte skjermbildebildet over skjermen til bryteren under. Ikke bruk transformasjonen til du er ferdig, eller du vil ikke kunne gripe alle fire hjørnene igjen - de fylles i gjennomsiktighet. Du kan gjøre at topplaget strekker seg forbi bunnen av en piksel eller to for å sikre at den helt dekker skjermen under. Trykk Enter for å lukke Transform-verktøyet.

Fordi både telefonens skjermbilde og skjermbildebildet har samme størrelsesforhold, passer denne lille oppslaget perfekt og trenger ingen videre redigering. La oss gå videre til noe litt vanskeligere.

Bruke Transform Tool på merkelig størrelse bilder

Si at du har dette bildet av en Mac-bærbar datamaskin, og du vil ikke bruke en Apple-logo i en annonse. Du vil helst vise frem firmalogoen din. Jeg bruker en sirkulær Review Geek-logo som et eksempel - begge kildebildene er under.

Så du vil dekke Apple-logoen, akkurat som telefonskjermen før, men nå er kildenes plan (laptopdekslet) ikke i samsvar med laget du vil legge til (den sirkulære logoen), og du trenger fortsatt å hold perspektivet riktig. I dette tilfellet skal vi bruke noe annet i bildet som en guide: det omtrent rektangulære lokket på den bærbare datamaskinen. Vi vil samsvare med logotypens perspektiv på laptop-lokket, og deretter skalere det ned til størrelsen vi trenger, samtidig som perspektivet er låst.

For å starte, trykk Ctrl + T eller Command + T med det øverste laget valgt for å åpne transformasjonsverktøyet igjen. Trykk nå Ctrl + Click eller Command + Click, velg guidefirkantene i hjørnene av logolaget, og lag dem sammen med hjørnene på laptopdekselet. Hjørnene er avrundede, men du kan bruke kantene på lokket og transformasjonsveiledningen for å stille opp.

Fordi lokket på den bærbare datamaskinen ikke er firkantet, er sirkelen din litt for bred. Du kan justere den tilbake til en firkantet transformasjon. Du kan eyeball dette hvis det ikke trenger å være perfekt, eller roter laget under og bruk Photoshops linjaleder hvis du trenger mer presisjon. Trykk Enter for å bruke transformasjonen når du er klar.

Nå har du et firkantet bilde over den bærbare skjermen, og det er i riktig perspektiv for å matche Apple-logoen under. Du må størrelsen ned, så det ser ikke ut av sted. Med Transform-verktøyet aktivt, hold Alt + Shift på Windows eller Alternativ + Skift på en Mac, klikk deretter på en av hjørnene og dra den innover for å skalere logo-bildet ned, så det er ikke mye større enn Apple-logoen.

Her er sluttresultatet:

Hvis bunnbildet ditt er ganske vanlig, med et perspektivskrå som er forutsigbart på den ene siden, kan du holde Ctrl + Alt + Shift på Windows eller Kommando + Alternativ + Skift på Mac for å bruke Transform-verktøyet i Skew-modus. Det er ganske sjeldent at bildet ditt vil være perfekt for dette.

Bruk av gratis transformasjon på uregelmessige overflater

Ok, så nå kan du matche et perspektiv og endre størrelsen etter behov. Men hva om du prøver å få noe på en overflate som ikke er flat? La oss prøve et annet eksempel: sette Review Geek-logoen på en ball. Igjen, bruk bildene nedenfor i din kopi av Photoshop for å praktisere.

Ved hjelp av verktøyene du lærte i de forrige avsnittene, er det enkelt å få logoet på toppen av ballen og til og med justere perspektivet for å matche retningen til ballen selv. Men logo-filen ser merkelig ut fordi den er flat og overflaten av ballen ikke er.

For å fikse dette, trykker du på Ctrl + T eller Command + T for å aktivere Transform-verktøyet og se på toppen av Photoshop-vinduet. Du leter etter den buede rektangulære knappen som aktiverer Warp Mode. Trykk på det.

Med Transform Tool i Warp Mode kan du flytte bildet rundt på et hvilket som helst sted på innsiden eller utsiden, ikke bare hjørnene. Dette lar deg klikke og dra forskjellige deler av bildet til uregelmessige stillinger. Du ser de ni retningslinjene flytter sammen med bildet, og hjelper deg med å se hvordan du har endret ting.

The Warp Tool tar litt øvelse for å bruke effektivt. Du må kanskje angre og gjenta jobben flere ganger. Men innen noen få minutter, bør du være i stand til å matche kurven på ballen ganske bra. Trykk Enter for å bruke transformasjonen.

For overflater som er litt mer forutsigbare, men likevel for uregelmessige for det vanlige Transform-verktøyet, kan du bruke de forhåndsdefinerte Warp-verktøyene på høyre side av den øvre menyen.

Du kan kombinere teknikkene ovenfor med andre verktøy i Photoshop, som fargekorrigeringer, kurver, filtre, uskarphet, etc. for å få topplaget til å passe til bunnlaget. Spill rundt med disse verktøyene, og du vil snart samsvare logoer og skjermbilder med letthet.

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