U ovom Vodiču za Photoshop efekte naučit ćemo kako smjestiti sliku unutar druge slike pomoću naredbe "Zalijepi u" u Photoshopu.
Pojavom ovogodišnjeg Super Bowla (u vrijeme kada ovo pišem) sve velike elektroničke trgovine pune svoje web stranice i tjedne letke slikama najnovije televizije visoke rezolucije koja prikazuje veliku igru. Ako se ne radi o velikom sportskom događaju koji se prikazuje na ekranima, to je obično najnovije izdanje DVD-a za filmove ili velika proračunska video igra.
Naravno, nijedna od ovih slika se stvarno ne prikazuje na zaslonu, jer je gotovo nemoguće napraviti visokokvalitetnu fotografiju nečega što se pojavljuje na televiziji. Sve je napravljeno u Photoshopu. Slika onoga što se želi prikazati na televiziji jednostavno je zalijepljeno u sliku samog televizora. U ovom Photoshop udžbeniku vidjet ćemo kako se to radi, tako da možete koristiti istu tehniku sa svojim slikama!
Imajte na umu da je ova verzija udžbenika namijenjena Photoshopu CS4 i starijim verzijama. Za korisnike Photoshopa CS5, CS6 i CC ili za još jedan primjer kako se ova tehnika može koristiti, pogledajte našu potpuno ažuriranu verziju.
Ovdje imam sliku vrste televizora koju biste vjerojatno pronašli u leci prodavaonice elektronike:
Slika televizora slična onoj koju ćete pronaći na web mjestu prodavaonice elektronike ili u njihovom tjednom letku.
A evo slike za koju želim da se pojavi na televiziji:
Fotografija nogometne utakmice.
Evo kako će izgledati kada završimo:
Čini se da se igra sada prikazuje na TV ekranu.
Kako smjestiti jednu sliku unutar druge
Korak 1: Odaberite područje na koje želite zalijepiti drugu sliku
Prvo otvorite sliku u koju želite smjestiti drugu sliku i nacrtajte odabir oko područja na kojem će se druga slika pojaviti. Alat za odabir koji ćete koristiti ovisit će o obliku područja koje trebate odabrati. Želim da se moja druga slika pojavi unutar TV ekrana, što je jednostavnog četverostranog oblika, tako da ću koristiti Photoshop-ov Polygonal Lasso Tool, koji se prema zadanom skriva iza standardnog Lasso Tool-a u paleti Tools. Krenut ću na ikonu Lasso Tool, zatim ću pritisnuti tipku miša sekundu ili dvije dok se ne pojavi izbornik fly-out, a zatim ću s popisa odabrati Polygonal Lasso Tool:
Odabir poligonalnog alata Lasso iz palete Alati u Photoshopu.
Poligonalni alat Lasso omogućuje crtanje odabira jednostavnim klikom na različite točke u kojima se smjer odabira mora mijenjati. Svaki put kada kliknete na novu točku, Photoshop će dodati ravnu liniju između nove točke i posljednje točke na koju ste kliknuli, slično načinu na koji djeluje alat Pen pri crtanju segmenata ravnih putanja. Jednostavno nastavljate klikajući po području koje treba odabrati dok ne istaknete čitavo područje i vratite se na početak. Kada ponovo kliknete na tu prvu točku, Photoshop će stvoriti izbor.
Odabir tv ekrana pomoću alata Polygonal Lasso je jednostavan. Trebam samo kliknuti u svaki od četiri ugla. Započet ću s gornjim lijevim kutom, pa ću se kretati dolje donjem lijevom kutu, zatim preko donjeg desnog ugla, pa prema gornjem desnom kutu. Vidimo tri dosad stvorene linije:
Klikom na svaki ugao tv ekrana pomoću poligonalnog alata Lasso da biste nacrtali izbor oko njega.
Za dovršetak izbora još jednom ću kliknuti na istom mjestu s kojim sam započeo u gornjem lijevom kutu TV ekrana, a Photoshop će stvoriti moj izbor za mene:
Kliknite ponovo na početnu točku da biste dovršili odabir.
Korak 2: Kopirajte drugu sliku u međuspremnik
Otvorite svoju drugu sliku u Photoshopu i pritisnite Ctrl + A (Win) / Command + A (Mac) da biste postavili odabir oko cijele slike:
Pritisnite "Ctrl + A" (Win) / "Command + A" (Mac) da biste postavili odabir oko cijele slike.
Zatim pritisnite Ctrl + C (Win) / Command + C (Mac) za kopiranje slike u međuspremnik.
Korak 3: Lijepljenje druge slike u izbor
Vratite se na izvornu sliku u Photoshopu. Trebali biste vidjeti odabir koji ste kreirali prije trenutak. Drugu ćemo sliku zalijepiti izravno u ovaj izbor. Da biste to učinili, idite na izbornik Uredi na vrhu zaslona i odaberite Zalijepi u:
Odabir "lijepljenja u" iz izbornika "Uredi".
Tri stvari će se dogoditi originalnoj slici kada odaberete "Zalijepi u". Photoshop će dodati novi sloj iznad pozadinskog sloja u paleti Slojevi, na novu sloj će staviti drugu sliku, a koristit će odabir koji smo napravili za kreiranje maske sloja, koja će sakriti sva područja druge slike koje padaju izvan odabira, ostavljajući vidljivo samo područje unutar odabira. Drugim riječima, jedini dio moje nogometne slike koji će biti vidljiv je područje koje se uklapa u izbor koji sam napravio oko TV ekrana.
Prvo pogledajmo paletu slojeva za originalnu sliku da vidimo što se dogodilo. Vidimo da sada imam dva sloja - izvorni pozadinski sloj na dnu koji sadrži moju tv sliku i novi sloj "Sloj 1", iznad kojeg sadrži nogometnu fotografiju. Također možemo vidjeti sličicu maske sloja (zaokruženu crvenom bojom) koja nam pokazuje masku sloja koja je stvorena. Bijelo, pravokutnog oblika u sredini sličice je odabrano područje (tv ekran), a sve crno područje oko njega je područje koje nije odabrano:
Photoshop dodaje novi sloj izvornoj slici, stavlja drugu sliku na novi sloj i stvara masku sloja na temelju odabira koji smo napravili u 1. koraku.
A ako pogledamo samu sliku, sada možemo vidjeti nogometnu sliku koja se pojavljuje na TV ekranu:
Druga se slika sada pojavljuje unutar izbora koji smo napravili na originalnoj slici.
Korak 4: Promijenite veličinu druge slike sa slobodnom transformacijom
Trenutno je jedini problem to što je televizor u kutu, a fotografija koju sam zalijepila nije, tako da se perspektiva između dviju slika ne podudara. Da biste to riješili, pritisnut ću Ctrl + T (Win) / Command + T (Mac) kako bih prikazao Photoshopov besplatni okvir Transform i rukovao oko druge slike. Prvo što ću učiniti je pokušati uklopiti što više nogometnih fotografija na TV ekran koliko mogu, tako da ću pritisnuti Shift + Alt (Win) / Shift + Option (Mac) i povući jednu od četiri ugla ručke su usmjerena prema sredini kako bi slika bila manja. Držanjem gumba "Shift" ograničava se proporcija slike dok povlačim kako ne bih slučajno iskrivila izgled slike, a držanjem "Alt / Option" nalaže Photoshopu da promijeni veličinu slike iz njenog središta, što olakšava stvari:
Promijenite veličinu slike prema potrebi pomoću Photoshopove naredbe "Besplatna transformacija".
Sad kad sam zadovoljan veličinom svoje druge slike, popravit ću problem perspektive. Ako je besplatna transformacija još uvijek aktivna, držat ću tipku Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), koja privremeno pretvara slobodnu transformaciju u perspektivni način transformacije. Možete i pristupiti izborniku Uredi, odabrati Transformirati, a zatim odaberite Perspektivu, ali prečac na tipkovnici je lakši ako su aktivne ručke besplatne transformacije još aktivnije.
U perspektivnom načinu transformacije ponovo ću kliknuti na ručicu u gornjem lijevom kutu i povući je malo dolje. Dok povlačim ručicu gornjeg lijevog kuta prema dolje, ručica u donjem lijevom uglu će se pomaknuti istovremeno. Ovo će mi omogućiti smanjiti visinu lijeve strane nogometne slike bez utjecaja na visinu desne strane slike, stvarajući iluziju da je slika pod istim kutom kao i na televizoru:
Upotrijebite način transformacije "Perspektiva" za ispravljanje bilo kakvih problema s perspektivom između dviju slika.
Sad kad sam zadovoljan veličinom i kutom druge slike, pritisnut ću Enter (Win) / Return (Mac) da prihvatim promjene i izađem iz naredbe Free Transform.
5. korak: Dodajte unutarnji stil sloja sjene
Kako bih završio učinak, dodati ću laganu sjenu na rubove nogometne slike, tako da izgleda više kao da se zapravo prikazuje na TV ekranu i manje kao da ga je netko upravo zalijepio tamo (iako je upravo to ono što mi učinio). Kad je odabran "Layer 1", kliknut ću na ikonu Layer Styles na dnu palete slojeva i na popisu stilova slojeva ću odabrati Inner Shadow:
Kliknite na ikonu "Slojevi slojeva" pri dnu palete slojeva i na popisu odaberite "Unutarnja sjena".
Ovo prikazuje Photoshop-ov dijaloški okvir Stil sloja postavljen na opcije unutarnje sjene u srednjem stupcu. Smanjite neprozirnost unutarnje sjene na oko 60% tako da nije baš toliko intenzivna, a zatim smanjite veličinu i udaljenost na 1 px. Možda ćete trebati podesiti i Kut sjene, ovisno o vašoj slici. Imam postavljen minu na 120 °:
Promijenite opcije za stil unutarnjeg sjena kruga iznad.
Kliknite U redu da biste izašli iz dijaloškog okvira Stil sloja i primijenili sjenu, i gotovi ste! Evo, nakon dodavanja efekta sjene oko rubova nogometne slike, tako da izgleda prirodnije na TV ekranu, moj je konačni rezultat:
Konačni rezultat.