Hur man gör perfekta perspektivväxlingar i Photoshop för bilder och logotyper

Det är lätt att överlappa en logotyp på något i Photoshop. Men vad händer om ditt basfoto inte är på huvudet, så kommer en fyrkantig logotyp (eller någon annan bild) att se vred ut? Så här får du din bästa bild justerad med rätt perspektiv.

Använda transformationsverktyget för perfekta matchningar

Låt oss använda en gadgets skärmbild som bas: ett vanligt behov för marknadsförare (eller webbskribenter som jag). Vår källbild här är en Nintendo-switch med en vanlig 16: 9-skärm, men vi måste ta en skärmdump av något annat-låt oss säga en bild från Zelda istället för Mario. Här är bilderna jag använder, så att du kan ta tag i dem och träna på egen hand:

Markera skärmdumpbilden i verktyget Lager och aktivera sedan Transformation-verktyget med Ctrl + T-genvägen på Windows eller Command + T på macOS.

Om du har använt Photoshop under en viss tid, är du förmodligen bekväm med Free Transform-verktyget redan: du borde veta hur man flyttar bilden runt, krymper eller utökar den eller roterar den. Men du kan också skeva det avsevärt, nog att låta dig ändra det för att ändra perspektivet och matcha det med bilden nedan. Detta är ett ganska enkelt exempel: vi kommer att matcha den här rektangulära skärmdumpen av Zelda till den rektangulära skärmen på switchen, ett enkelt steg från hörn till hörn.

Håll ner Ctrl-knappen på Windows eller Kommandoknappen på Mac och klicka sedan på en av de vita rutorna i hörnet av skärmdumpen som ingår i Transform-verktyget. Håll ner Ctrl och vänster musknapp, dra en av hörnen av den översta skärmbilden till det matchande hörnet på skärmens skärm på bilden nedan. Zooma in i pixelvisningen om du behöver matcha den perfekt.

Du kommer märka att i stället för normaländringsåtgärden kan Ctrl eller Command Modifier dig fånga ett hörn av bilden och flytta den medan de övriga fyra hörnen är kvar på plats.

Upprepa det här steget för de kommande fyra hörnen, flytta skärmbilden över skärmen på strömbrytaren under. Applicera inte transformationen tills du är klar, eller du kommer inte att kunna ta alla fyra hörn igen - de fylls i genomskinlighet. Du kan göra att det övre lagret sträcker sig längs den nedre delen med en pixel eller två för att se till att den helt täcker skärmen under. Tryck på Enter för att stänga verktyget Transform.

Eftersom både telefonens skärm och bildskärmsbilden har samma bildförhållande, passar den här lilla täckningen perfekt och behöver ingen ytterligare redigering. Låt oss gå vidare till något lite knepigare.

Använda transformationsverktyget på konstiga bilder

Säg att du har den här bilden av en Mac-bärbar dator och du vill inte använda en Apple-logotyp i en annons. Du skulle hellre visa upp din företagslogo. Jag använder en cirkulär Review Geek-logotyp som ett exempel - båda källbilderna är nedan.

Så du vill täcka upp Apple-logotypen precis som telefonskärmen tidigare, men nu är källbildets plan (bärbara locket) inte det lag som du vill lägga till (den cirkulära logotypen), och du behöver fortfarande Håll perspektivet rätt. I det här fallet kommer vi att använda något annat i bilden som en guide: det ungefär rektangulära locket på den bärbara datorn. Vi matchar logotypens perspektiv på bärbara locket och sedan skala ner det till den storlek vi behöver, samtidigt som perspektivet är låst.

För att börja, tryck Ctrl + T eller Command + T med det översta lagret som valts för att öppna omvandlingsverktyget igen. Nu trycker du på Ctrl + Click eller Command + Click, välj guidefälten i hörnen av logotypskiktet och matcha dem med hörnen på bärbara locket. Hjulen är avrundade, men du kan använda lockets kanter och transformationsguiden för att ställa upp.

Eftersom locket på den bärbara datorn inte är kvadratiskt är din cirkel lite för bred. Du kan justera det tillbaka till en kvadratisk omvandling. Du kan eyeball detta om det inte behöver vara perfekt, eller rotera skiktet nedan och använd Photoshops linjaledare om du behöver mer precision. Tryck på Enter för att tillämpa transformationen när du är redo.

Nu har du en kvadratisk bild över den bärbara skärmen, och det är rätt perspektiv att matcha Apple-logotypen nedan. Du måste förstora den så det ser inte ut ur sin plats. Med verktyget Transformera aktiverar du Alt + Shift på Windows eller Alternativ + Skift på en Mac, klicka sedan på en av hörnen och dra den inåt för att skala logotypen nedåt, så det är inte mycket större än Apple-logotypen..

Här är det slutliga resultatet:

Om din underbild är ganska vanlig, med ett perspektivskott som är förutsägbart på ena sidan, kan du hålla Ctrl + Alt + Shift på Windows eller Kommando + Alternativ + Skift på Mac för att använda Transform-verktyget i Skew-läge. Det är ganska ovanligt att din bild kommer att stämma perfekt för detta.

Använda gratis omvandling på oregelbundna ytor

Okej, så nu kan du matcha ett perspektiv och ändra storlek efter behov. Men vad händer om du försöker få något på en yta som inte är platt? Låt oss försöka ytterligare ett exempel: sätta Review Geek-logotypen på en boll. Återigen, använd bilderna nedan i din kopia av Photoshop för övning.

Med hjälp av verktygen du lärde dig i de föregående avsnitten är det enkelt att få logotypen på toppen av bollen och justera dess perspektiv för att matcha orienteringen av bollen själv. Men logotypfilen ser konstigt ut eftersom den är platt och bollens yta är inte.

För att åtgärda detta trycker du på Ctrl + T eller Command + T för att aktivera verktyget Transform och titta på toppen av Photoshop-fönstret. Du letar efter den krökta rektangulära knappen som aktiverar Warp Mode. Klicka på det.

Med transformeringsverktyget i varpläge kan du flytta bilden runt vid vilken punkt som helst på insidan eller utsidan, inte bara hörnen. Detta låter dig klicka och dra olika delar av bilden till oregelbundna positioner. Du ser de nio riktlinjerna flyttar tillsammans med bilden och hjälper dig att se hur du har ändrat saker.

The Warp Tool tar lite övning att använda effektivt. Du kan behöva ångra och ompröva ditt arbete flera gånger. Men inom några minuter borde du kunna matcha bollen i bollen ganska bra. Tryck på Enter för att tillämpa transformationen.

För ytor som är lite mer förutsägbara men fortfarande alltför oregelbundna för det vanliga Transformverktyget, kan du använda de förinställda Warp-verktygen på höger sida av den övre menyn.

Du kan kombinera teknikerna ovan med andra verktyg i Photoshop, som färgkorrigeringar, kurvor, filter, oskärpa, etc. för att få ditt översta lager att matcha ditt underlag. Spela runt med dessa verktyg, och du kommer snart att matcha logotyper och skärmdumpar med lätthet.

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