Placering af et billede i et andet med Photoshop

Skrevet af Steve Patterson.

I denne Photoshop Effects-tutorial skal vi lære, hvordan du placerer et billede inde i et andet billede ved hjælp af kommandoen 'Sæt ind i' i Photoshop.

Med dette års Super Bowl på vej (på det tidspunkt, hvor jeg skriver dette), har alle de store elektronikbutikker fyldt deres hjemmesider og ugentlige flyers med billeder af de seneste high definition-tv'er, der viser det store spil. Hvis det ikke er en stor sportsbegivenhed, der vises på skærmene, er det normalt den seneste blockbuster-dvd-filmudgivelse eller et stort budget-videospil.

Selvfølgelig er ingen af ​​disse billeder virkelig bliver vist på skærmen, da det er næsten umuligt at tage et højkvalitetsbillede af noget, der vises på tv. Det hele er lavet i Photoshop. Et billede af hvad end det er, de vil have vist på tv, indsættes simpelthen i billedet af selve tv'et. I denne Photoshop-tutorial skal vi se, hvordan det gøres, så du kan bruge den samme teknik med dine egne billeder!



Bemærk, at denne version af selvstudiet er til Photoshop CS4 og tidligere. For Photoshop CS5, CS6 og CC-brugere, eller for et andet eksempel på, hvordan denne teknik kan bruges, tjek vores fuldt opdateret version .

Her har jeg et billede af den slags tv, du sandsynligvis ville finde i en elektronikbutiks flyer:

  Photoshop effekter Et billede af et tv, der ligner det, du ville finde på en elektronikbutiks hjemmeside eller i deres ugentlige flyer.

Og her er billedet, jeg vil have vist på tv:

  Photoshop effekter Et billede af en fodboldkamp.

Sådan kommer det til at se ud, når vi er færdige:

  Photoshop effekter Spillet ser nu ud til at blive vist på tv-skærmen.

Sådan placeres et billede inde i et andet

Trin 1: Vælg det område, du vil indsætte det andet billede i

Først skal du åbne det billede, du vil placere det andet billede i, og tegne en markering omkring det område, hvor det andet billede skal vises. Det markeringsværktøj, du bruger, vil naturligvis afhænge af formen på det område, du skal vælge. Jeg vil have mit andet billede til at dukke op inde i tv-skærmen, som er en simpel firesidet form, så jeg vil bruge Photoshops Polygonal lasso værktøj , som som standard gemmer sig bag standard Lasso-værktøjet i Værktøjspaletten. Jeg vil klikke på lasso-værktøjsikonet, så holder jeg min museknap nede i et sekund eller to, indtil fly-out-menuen vises, og så vælger jeg Polygonal Lasso-værktøjet fra listen:

  Adobe Photoshop tutorial billede. Valg af Polygonal Lasso Tool fra Værktøjspaletten i Photoshop.

Polygonal Lasso-værktøjet giver dig mulighed for at tegne en markering ved blot at klikke på forskellige punkter, hvor retningen af ​​markeringen skal ændres. Hver gang du klikker på et nyt punkt, tilføjer Photoshop en lige linje mellem det nye punkt og det sidste punkt, du klikkede på, svarende til hvordan Pen værktøj fungerer, når du tegner lige banesegmenter. Du fortsætter blot med at klikke rundt i det område, der skal vælges, indtil du har skitseret hele området, og du er kommet tilbage til begyndelsen. Når du klikker igen på det første punkt, vil Photoshop oprette valget.

Det er nemt at vælge tv-skærmen med Polygonal Lasso Tool. Alt jeg skal gøre er at klikke i hvert af de fire hjørner. Jeg starter med det øverste venstre hjørne, så går jeg ned til nederste venstre hjørne, så over til nederste højre hjørne og op til øverste højre hjørne. Vi kan se de tre linjer, der er blevet oprettet indtil videre:

  Photoshop effekter Ved at klikke i hvert hjørne af tv-skærmen med Polygonal Lasso Tool for at tegne en markering rundt om den.

For at fuldføre valget klikker jeg igen på det samme sted, som jeg startede med i øverste venstre hjørne af tv-skærmen, og Photoshop vil oprette mit valg for mig:

  Photoshop effekter Klik igen på det indledende punkt for at fuldføre valget.

Trin 2: Kopier det andet billede til udklipsholderen

Åbn dit andet billede i Photoshop og tryk på Ctrl+A (Vind) / Kommando+A (Mac) for at placere en markering rundt om hele billedet:

  Photoshop effekter Tryk på 'Ctrl+A' (Win) / 'Command+A' (Mac) for at placere en markering rundt om hele billedet.

Tryk derefter på Ctrl+C (Vind) / Kommando+C (Mac) for at kopiere billedet til udklipsholderen.

Trin 3: Indsæt det andet billede i udvalget

Skift tilbage til dit originale billede i Photoshop. Du bør stadig se det udvalg, du oprettede for et øjeblik siden. Vi vil indsætte det andet billede direkte i dette valg. For at gøre det, gå op til Redigere menuen øverst på skærmen og vælg Sæt ind i :

  Photoshop effekter Vælg 'Sæt ind i' fra menuen 'Rediger'.

Tre ting vil ske med det originale billede, når du vælger 'Sæt ind i'. Photoshop vil tilføje et nyt lag over baggrundslaget i lagpaletten, det vil placere det andet billede på det nye lag, og det vil bruge det valg, vi lavede til at oprette en lag maske , hvilket vil skjule alle områder af det andet billede, der falder uden for markeringen, så kun området inde i markeringen er synligt. Med andre ord, den eneste del af mit fodboldbillede, der vil være synlig, er det område, der passer inde i det udvalg, jeg lavede omkring tv-skærmen.

Lad os først se på lagpaletten for det originale billede for at se, hvad der er sket. Vi kan se, at jeg nu har to lag - det originale baggrundslag i bunden, som indeholder mit tv-billede, og det nye lag, 'Layer 1', over det, som indeholder fodboldbilledet. Vi kan også se lagmaske-thumbnail (cirklet med rødt), der viser os den lagmaske, der blev oprettet. Det hvide, rektangulære område i midten af ​​miniaturebilledet er det område, der blev valgt (tv-skærmen), og hele det sorte område omkring det er det område, der ikke blev valgt:

  Adobe Photoshop tutorial billede. Photoshop tilføjer et nyt lag til det originale billede, placerer det andet billede på det nye lag og opretter en lagmaske baseret på det valg, vi foretog i trin 1.

Og hvis vi ser på selve billedet, kan vi nu se fodboldbilledet dukke op på tv-skærmen:

  Adobe Photoshop tutorial billede. Det andet billede vises nu i det valg, vi foretog i det originale billede.

Trin 4: Ændr størrelsen på det andet billede med fri transformation

Det eneste problem i øjeblikket er, at tv'et er i en vinkel, og det billede, jeg har sat ind i det, er det ikke, så perspektivet mellem de to billeder stemmer ikke overens. For at rette op på det, trykker jeg Ctrl+T (Vind) / Kommando+T (Mac) for at hente Photoshop's Gratis transformation boks og håndtag omkring det andet billede. Det første jeg vil gøre er at prøve at passe så meget af fodboldbilledet ind i tv-skærmen som muligt, så jeg holder nede Shift+Alt (Vind) / Shift+Option (Mac), og træk et af de fire hjørnehåndtag ind mod midten for at gøre billedet mindre. Hvis du holder 'Shift' nede, begrænser billedets proportioner, mens jeg trækker, så jeg ikke ved et uheld forvrænger billedets udseende, og hvis du holder 'Alt/Option' nede, fortæller Photoshop om at ændre størrelsen på billedet fra midten, hvilket gør tingene nemmere:

  Adobe Photoshop tutorial billede. Tilpas størrelsen på billedet efter behov med Photoshops 'Free Transform'-kommando.

Nu hvor jeg er tilfreds med størrelsen på mit andet billede, vil jeg løse perspektivproblemet. Med Free Transform stadig aktiv, vil jeg holde nede Shift+Ctrl+Alt (Vind) / Skift+Kommando+Option (Mac), som midlertidigt gør Free Transform til Perspektiv transformationstilstand. Du kan også gå op til Redigere menu, vælg Transform , og vælg derefter Perspektiv , men tastaturgenvejen er nemmere, hvis du allerede har Free Transform-håndtagene aktive.

I Perspective transform-tilstand vil jeg klikke igen på håndtaget i øverste venstre hjørne og trække det lidt ned. Mens jeg trækker håndtaget i øverste venstre hjørne ned, vil håndtaget i nederste venstre hjørne flytte op på samme tid. Dette vil give mig mulighed for at reducere højden på venstre side af fodboldbilledet uden at påvirke højden på højre side af billedet, hvilket skaber illusionen om, at billedet er i samme vinkel som tv'et:

  Adobe Photoshop tutorial billede. Brug 'Perspektiv' transformationstilstand til at rette eventuelle perspektivproblemer mellem de to billeder.

Nu hvor jeg er tilfreds med størrelsen og vinklen på det andet billede, trykker jeg Gå ind (Vind) / Vend tilbage (Mac) for at acceptere ændringerne og forlade kommandoen Fri transformation.

Trin 5: Tilføj en indre skyggelagstil

For at afslutte effekten vil jeg tilføje en lille skygge til kanterne af fodboldbilledet, så det ser mere ud som om det faktisk vises på tv-skærmen og mindre som om nogen lige har indsat det der (selvom det er præcis det vi gjorde). Med 'Layer 1' valgt, klikker jeg på Lagstile ikonet nederst på lagpaletten, og jeg vælger Indre skygge fra listen over lagstile:

  Adobe Photoshop tutorial billede. Klik på 'Layer Styles'-ikonet i bunden af ​​Layers paletten, og vælg 'Inner Shadow' fra listen.

Dette bringer Photoshops frem Lagstil dialogboksen indstillet til indstillingerne for indre skygge i den midterste kolonne. Sænk Gennemsigtighed af den indre skygge til omkring 60 % så det er ikke helt så intenst, så sænk begge Størrelse og Afstand ned til 1 px . Du skal muligvis også justere Vinkel af skyggen afhængigt af dit billede. Jeg har min indstillet til 120°:

  Adobe Photoshop tutorial billede. Skift indstillingerne for lagstilen Indre skygge, der er cirklet med en cirkel ovenfor.

Klik på OK for at afslutte dialogboksen Lagstil og anvende skyggen, og du er færdig! Her, efter at have tilføjet min skyggeeffekt rundt om kanterne af fodboldbilledet, så det ser mere naturligt ud på tv-skærmen, er mit endelige resultat:

  Adobe Photoshop tutorial billede. Det endelige resultat.