I den här Photoshop-effekttutorialen ska vi lära dig hur du placerar en bild inuti en annan bild med kommandot "Klistra in" i Photoshop.
När årets Super Bowl kommer (när jag skriver detta) har alla de stora elektronikbutikerna fyllt sina webbplatser och veckoplan med bilder av de senaste HD-TV-apparater som visar det stora spelet. Om det inte är ett större sportevenemang som visas på skärmarna, är det vanligtvis den senaste DVD-filmversionen eller ett stort budget-videospel.
Naturligtvis visas ingen av dessa bilder verkligen på skärmen, eftersom det är nästan omöjligt att ta ett högkvalitativt foto av något som visas på tv. Allt är gjort i Photoshop. En bild av vad de än vill ha på tv klistras helt enkelt in på själva tv: n. I denna Photoshop-tutorial kommer vi att se hur det görs så att du kan använda samma teknik med dina egna bilder!
Observera att denna version av självstudien är avsedd för Photoshop CS4 och tidigare. För Photoshop CS5-, CS6- och CC-användare, eller för ett annat exempel på hur denna teknik kan användas, kolla in vår helt uppdaterade version.
Här har jag en bild av den typ av tv du antagligen hittar i en elektronikbutiks reklamblad:
En bild av en tv, liknande det du hittar på en elektronikbutiks webbplats eller i deras veckovisa flygblad.
Och här är den bild jag vill ha på tv:
Ett foto av ett fotbollsmatch.
Så här kommer det att se ut när vi är klara:
Spelet verkar nu visas på TV-skärmen.
Hur man placerar en bild inuti en annan
Steg 1: Välj det område du vill klistra in den andra bilden i
Öppna först den bild du vill placera den andra bilden i och rita ett urval runt området där den andra bilden kommer att visas. Valverktyget du använder kommer naturligtvis att bero på formen på det område du behöver välja. Jag vill att min andra bild ska visas på tv-skärmen, som är en enkel fyrsidig form, så jag kommer att använda Photoshop's Polygonal Lasso Tool, som som standard gömmer sig bakom standard Lasso Tool i verktygspaletten. Jag kommer att klicka på Lasso Tool-ikonen, sedan håller jag ner musknappen i en sekund eller två tills fly-out-menyn visas, och sedan väljer jag Polygonal Lasso Tool från listan:
Välja Polygonal Lasso Tool från verktygspaletten i Photoshop.
Med Polygonal Lasso Tool kan du rita ett urval genom att bara klicka på olika punkter där valets riktning måste ändras. Varje gång du klickar på en ny punkt lägger Photoshop till en rak linje mellan den nya punkten och den sista punkten som du klickade på, liknande hur Pen-verktyget fungerar när du ritar raka vägsegment. Du fortsätter helt enkelt att klicka runt området som måste väljas tills du har beskrivit hela området och du har kommit tillbaka till början. När du klickar igen på den första punkten skapar Photoshop valet.
Att välja tv-skärmen med Polygonal Lasso Tool är enkelt. Allt jag behöver göra är att klicka i vart och ett av de fyra hörnen. Jag börjar med det övre vänstra hörnet, sedan tar mig ner till det nedre vänstra hörnet, sedan över till det nedre högra hörnet och upp till det övre högra hörnet. Vi kan se de tre linjer som har skapats hittills:
Klicka i varje hörn på tv-skärmen med Polygonal Lasso Tool för att rita ett urval runt den.
För att slutföra markeringen klickar jag igen på samma plats som jag började med i det övre vänstra hörnet på tv-skärmen, och Photoshop skapar mitt val för mig:
Klicka igen på den första punkten för att slutföra markeringen.
Steg 2: Kopiera den andra bilden till Urklipp
Öppna din andra bild i Photoshop och tryck på Ctrl + A (Win) / Kommando + A (Mac) för att placera ett urval runt hela bilden:
Tryck på "Ctrl + A" (Win) / "Kommando + A" (Mac) för att placera ett urval runt hela bilden.
Tryck sedan på Ctrl + C (Win) / Command + C (Mac) för att kopiera bilden till urklippet.
Steg 3: Klistra in den andra bilden i markeringen
Byt tillbaka till din ursprungliga bild i Photoshop. Du bör fortfarande se markeringen du skapade för ett ögonblick sedan. Vi kommer att klistra in den andra bilden direkt i det här valet. För att göra det, gå upp till Redigera-menyn högst upp på skärmen och välj Klistra in:
Att välja "Klistra in i" från "Redigera" -menyn.
Tre saker kommer att hända med originalbilden när du väljer "Klistra in i". Photoshop lägger till ett nytt lager ovanför bakgrundsskiktet i paletten Lager, den placerar den andra bilden på det nya lagret, och det kommer att använda valet vi gjorde för att skapa en lagermask, som döljer alla områden i den andra bilden som faller utanför markeringen, vilket bara lämnar området inom markeringen synligt. Med andra ord, den enda delen av min fotbollsbild som kommer att synas är det område som passar inuti valet jag gjorde runt tv-skärmen.
Låt oss först titta på lagerpaletten för originalbilden för att se vad som har hänt. Vi kan se att jag nu har två lager - det ursprungliga bakgrundsskiktet längst ner som innehåller min tv-bild, och det nya lagret, "Layer 1", ovanför det som innehåller fotbollsfotoet. Vi kan också se lagermaskens miniatyrbild (cirkelröd) som visar oss den lagermask som skapades. Det vita, rektangulära formatet i mitten av miniatyren är det område som valdes (tv-skärmen), och allt det svarta området runt det är det område som inte valdes:
Photoshop lägger till ett nytt lager till den ursprungliga bilden, placerar den andra bilden på det nya lagret och skapar en lagermask baserad på valet vi gjorde i steg 1.
Och om vi tittar på själva bilden kan vi nu se fotbollsbilden visas på tv-skärmen:
Den andra bilden visas nu i valet vi gjorde i originalbilden.
Steg 4: Ändra storlek på den andra bilden med fri omvandling
Det enda problemet för tillfället är att tv: n är i vinkel och fotot jag har klistrat in i är inte, så perspektivet mellan de två bilderna matchar inte. För att fixa det, trycker jag på Ctrl + T (Win) / Command + T (Mac) för att få fram Photoshop's Free Transform-ruta och hanterar runt den andra bilden. Det första jag ska göra är att försöka passa in så mycket av fotbollsbilden på tv-skärmen jag kan, så jag håller ner Shift + Alt (Win) / Shift + Option (Mac) och drar en av de fyra hörnhandtagen in mot mitten för att göra bilden mindre. Att hålla "Skift" begränsar bildens proportioner när jag drar så att jag inte av misstag snedvrider bildens utseende, och håller ner "Alt / Option" berättar för Photoshop att ändra storleken på bilden från dess centrum, vilket underlättar:
Ändra storleken på bilden efter behov med Photoshops kommando "Free Transform".
Nu när jag är nöjd med storleken på min andra bild kommer jag att fixa perspektivproblemet. Med Free Transform fortfarande aktivt kommer jag att hålla ner Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), som tillfälligt förvandlar Free Transform till perspektivtransformeringsläge. Du kan också gå upp till Redigera-menyn, välja Transformera och sedan välja Perspektiv, men kortkommandot är lättare om du redan har Free Transform-handtagen aktiva.
I Transpective mode-läge kommer jag att klicka igen på handtaget i det övre vänstra hörnet och dra ner det lite. När jag drar ner det övre vänstra hörnet handtaget ner, kommer handtaget i det nedre vänstra hörnet att röra sig upp samtidigt. Detta gör att jag kan minska höjden på vänster sida av fotbollsbilden utan att påverka höjden på höger sida av bilden och skapa en illusion att bilden är i samma vinkel som tv:
Använd transformeringsläget "Perspektiv" för att korrigera eventuella perspektivproblem mellan de två bilderna.
Nu när jag är nöjd med storleken och vinkeln på den andra bilden trycker jag på Enter (Win) / Return (Mac) för att acceptera ändringarna och avsluta kommandot Free Transform.
Steg 5: Lägg till en inre skugglagerstil
För att avsluta effekten kommer jag att lägga till en liten skugga på fotbollsbildens kanter så att det ser mer ut som att det faktiskt visas på tv-skärmen och mindre som att någon precis klistrat in den där (även om det är exakt vad vi gjorde). När "Layer 1" är markerat klickar jag på ikonen Layer Styles längst ner på paletten Layers och jag väljer Inner Shadow från listan med lagerstilar:
Klicka på ikonen "Layer Styles" längst ner på paletten Lager och välj "Inner Shadow" från listan.
Detta öppnar Photoshop's Layer Style-dialogruta som är inställd på alternativa inre skugga i mittkolumnen. Sänk opaciteten hos den inre skuggan till cirka 60% så att den inte är lika intensiv, sänk sedan både storlek och avstånd ner till 1 px. Du kan också behöva justera skuggvinkeln beroende på din bild. Jag har min inställd på 120 °:
Ändra alternativen för det inre skugglagerstilen cirkeln ovan.
Klicka på OK för att lämna dialogrutan Layer Style och applicera skuggan, så är du klar! Här, efter att ha lagt till min skuggeffekt runt fotbollens kanter så att den ser mer naturlig ut på tv-skärmen, är mitt slutliga resultat:
Det slutliga resultatet.