I denne Photoshop Effects-opplæringen skal vi lære hvordan du plasserer et bilde inne i et annet bilde ved å bruke "Lim inn" -kommandoen i Photoshop.
Etter at årets Super Bowl dukker opp (den gangen jeg skriver dette), har alle de store elektronikkbutikkene fylt sine nettsteder og ukentlige flygeblad med bilder av de nyeste HD-TVene som viser det store spillet. Hvis det ikke er en stor sportsbegivenhet som vises på skjermene, er det vanligvis den nyeste blockbuster DVD-filmutgivelsen eller det store budsjettvideospillet.
Naturligvis blir ingen av disse bildene virkelig vist på skjermen, siden det nesten ikke er mulig å ta et høykvalitetsfoto av noe som vises på tv. Det hele er gjort i Photoshop. Et bilde av hva det er de vil ha på tv blir ganske enkelt limt inn i bildet av selve tv-en. I denne Photoshop-opplæringen skal vi se hvordan det gjøres, slik at du kan bruke den samme teknikken med dine egne bilder!
Merk at denne versjonen av opplæringen er for Photoshop CS4 og tidligere. For brukere av Photoshop CS5, CS6 og CC, eller for et annet eksempel på hvordan denne teknikken kan brukes, kan du sjekke den fullstendig oppdaterte versjonen.
Her har jeg et bilde av den tv-en du sannsynligvis vil finne i flygebladet til en elektronikkbutikk:
Et bilde av en TV, lik det du finner på elektronikkbutikkens hjemmeside eller i deres ukentlige flyer.
Og her er bildet jeg vil ha på tv:
Et bilde av en fotballkamp.
Slik ser det ut når vi er ferdige:
Spillet ser ut til å vises på tv-skjermen.
Slik plasserer du et bilde inne i et annet
Trinn 1: Velg området du vil lime inn det andre bildet i
Først åpner du bildet du vil plassere det andre bildet i, og tegner et utvalg rundt området der det andre bildet skal vises. Valgverktøyet du bruker vil selvfølgelig avhenge av formen på området du trenger å velge. Jeg vil at det andre bildet mitt skal vises på tv-skjermen, som er en enkel firsidig form, så jeg kommer til å bruke Photoshops Polygonal Lasso Tool, som som standard gjemmer seg bak standard Lasso Tool i Tools-paletten. Jeg skal klikke på Lasso Tool-ikonet, så holder jeg museknappen nede i et sekund eller to til fly-out-menyen vises, og så velger jeg Polygonal Lasso Tool fra listen:
Velge Polygonal Lasso Tool fra Verktøy paletten i Photoshop.
Polygonal Lasso Tool lar deg tegne et utvalg ved ganske enkelt å klikke på forskjellige punkter der retningen til utvalget må endres. Hver gang du klikker på et nytt punkt, vil Photoshop legge til en rett linje mellom det nye punktet og det siste punktet du klikket på, på lik linje med hvordan pennverktøyet fungerer når du tegner rette sti-segmenter. Du fortsetter bare å klikke rundt området som må velges til du har skissert hele området og du har kommet deg tilbake til begynnelsen. Når du klikker igjen på det første punktet, oppretter Photoshop valget.
Det er enkelt å velge tv-skjerm med Polygonal Lasso Tool. Alt jeg trenger å gjøre er å klikke i hvert av de fire hjørnene. Jeg begynner med det øverste venstre hjørnet, så tar jeg meg ned til nederste venstre hjørne, deretter over til nederste høyre hjørne og opp til øverste høyre hjørne. Vi kan se de tre linjene som er opprettet så langt:
Klikk i hvert hjørne av tv-skjermen med Polygonal Lasso Tool for å tegne et utvalg rundt det.
For å fullføre utvalget, klikker jeg igjen på det samme stedet jeg startet med øverst til venstre på tv-skjermen, og Photoshop oppretter valget mitt for meg:
Klikk igjen på startpunktet for å fullføre valget.
Trinn 2: Kopier det andre bildet til utklippstavlen
Åpne det andre bildet ditt i Photoshop og trykk Ctrl + A (Win) / Command + A (Mac) for å plassere et utvalg rundt hele bildet:
Trykk "Ctrl + A" (Win) / "Command + A" (Mac) for å plassere et utvalg rundt hele bildet.
Trykk deretter Ctrl + C (Win) / Command + C (Mac) for å kopiere bildet til utklippstavlen.
Trinn 3: Lim inn det andre bildet i utvalget
Bytt tilbake til originalbildet i Photoshop. Du bør fremdeles se utvalget du opprettet for et øyeblikk siden. Vi kommer til å lime inn det andre bildet direkte i dette utvalget. For å gjøre det, gå opp til Rediger-menyen øverst på skjermen og velg Lim inn:
Velge "Lim inn" fra "Rediger" -menyen.
Tre ting vil skje med det originale bildet når du velger "Lim inn". Photoshop vil legge til et nytt lag over bakgrunnsjiktet i lagpaletten, det vil plassere det andre bildet på det nye laget, og det vil bruke valget vi har laget for å lage en lagmaske, som vil skjule alle områdene i det andre bildet som faller utenfor valget, og lar bare området inne i utvalget være synlig. Med andre ord, den eneste delen av fotballbildet mitt som vil være synlig, er området som passer inne i utvalget jeg gjorde rundt tv-skjermen.
La oss først se på lagpaletten for det originale bildet for å se hva som har skjedd. Vi kan se at jeg nå har to lag - det originale bakgrunnslaget på bunnen som inneholder tv-bildet mitt, og det nye laget, "Lag 1", over det som inneholder fotballfoto. Vi kan også se lagmasken miniatyrbilde (sirklet i rødt) som viser oss lagmasken som ble opprettet. Det hvite, rektangulære formet i midten av miniatyrbildet er området som ble valgt (tv-skjermen), og alt det svarte området rundt det er området som ikke ble valgt:
Photoshop legger til et nytt lag til det originale bildet, plasserer det andre bildet på det nye laget og lager en lagmaske basert på valget vi gjorde i trinn 1.
Og hvis vi ser på selve bildet, kan vi nå se fotballbildet vises på tv-skjermen:
Det andre bildet vises nå i utvalget vi gjorde i det originale bildet.
Trinn 4: Endre størrelse på det andre bildet med gratis transformasjon
Det eneste problemet for øyeblikket er at tv-en er i vinkel og bildet jeg har limt inn er ikke, så perspektivet mellom de to bildene stemmer ikke overens. For å fikse det, trykker jeg Ctrl + T (Win) / Command + T (Mac) for å få frem Photoshops gratis transformeringsboks og håndterer rundt det andre bildet. Det første jeg skal gjøre er å prøve å få plass til så mye fotballfoto i tv-skjermen jeg kan, så jeg holder nede Shift + Alt (Win) / Shift + Option (Mac) og drar en av de fire hjørnene håndteres inn mot midten for å gjøre bildet mindre. Når du holder "Shift", begrenser du proporsjonene til bildet mens jeg drar, slik at jeg ikke forvrenger utseendet til bildet ved et uhell, og holder "Alt / Option" nede til Photoshop om å endre størrelse på bildet fra midten, noe som gjør ting lettere
Endre størrelse på bildet etter behov med Photoshop's "Free Transform" -kommando.
Nå som jeg er fornøyd med størrelsen på det andre bildet mitt, skal jeg fikse perspektivproblemet. Med Free Transform fortsatt aktiv, skal jeg holde nede Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), som midlertidig gjør Free Transform til transformasjonsmodus av perspektiv. Du kan også gå opp til Rediger-menyen, velge Transform og deretter velge Perspektiv, men tastatursnarveien er enklere hvis du allerede har Free Transform-håndtakene aktive.
I transformasjonsmodus for perspektiv, skal jeg klikke igjen på håndtaket i øverste venstre hjørne og dra det litt ned. Når jeg drar det øverste venstre hjørnehåndtaket nedover, vil håndtaket i nedre venstre hjørne bevege seg opp samtidig. Dette vil tillate meg å redusere høyden på venstre side av fotballbildet uten å påvirke høyden på høyre side av bildet, og skape illusjonen om at bildet er i samme vinkel som tv:
Bruk transformasjonsmodus "Perspektiv" for å korrigere eventuelle perspektivproblemer mellom de to bildene.
Nå som jeg er fornøyd med størrelsen og vinkelen til det andre bildet, trykker jeg på Enter (Win) / Return (Mac) for å godta endringene og gå ut av Free Transform-kommandoen.
Trinn 5: Legg til en indre skyggelagsstil
For å avslutte effekten, vil jeg legge til en svak skygge i kantene på fotballbildet, slik at det ser mer ut som det faktisk vises på tv-skjermen og mindre som om noen bare har limt den inn der (selv om det er akkurat det vi gjorde). Når "Lag 1" er valgt, klikker jeg på ikonet Lagstiler nederst på lagpaletten, og jeg velger Innerskygge fra listen over lagstiler:
Klikk på "Lagstiler" -ikonet nederst i lagpaletten og velg "Indre skygge" fra listen.
Dette bringer opp Photoshops Layer Style-dialogboks satt til alternativene for indre skygge i den midterste kolonnen. Senk opaciteten til den indre skyggen til rundt 60%, så den er ikke fullt så intens, og senk deretter størrelsen og avstanden ned til 1 px. Det kan også hende du må justere skyggens vinkel avhengig av bildet ditt. Jeg har min satt til 120 °:
Endre alternativene for stilen med indre skygge lag rundt.
Klikk OK for å avslutte dialogboksen Lagstil og bruke skyggen, så er du ferdig! Her, etter å ha lagt min skyggeeffekt rundt kantene av fotballbildet slik at det ser mer naturlig ut på tv-skjermen, er mitt endelige resultat:
Det endelige resultatet.