Postavljanje jedne slike unutar druge uz Photoshop CS6

Napisao Steve Patterson.

U ovom vodiču naučit ćemo kako postaviti jednu sliku unutar druge kako bismo stvorili zanimljive kompozitne efekte koristeći Photoshopov jednostavan, ali moćan Zalijepi u naredba. Pomoću Zalijepi u možemo odabrati područje na jednoj slici, zatim kopirati i zalijepiti drugu sliku izravno u naš odabir. U ovom tutorijalu koristit ću Zalijepi u za postavljanje fotografije unutar okvira slike, ali kao i kod svih naših tutorijala za Photoshop, cilj ovdje nije samo kako stvoriti ovaj određeni efekt. Nakon što naučite kako funkcionira naredba Zalijepi u, nesumnjivo ćete sami otkriti mnoštvo drugih kreativnih upotreba za nju.



Ja ću koristiti Photoshop CS6 ovdje, ali ovaj vodič je također potpuno kompatibilan s oba Photoshop CS5 i Photoshop CC (Kreativni oblak). Za CS4 i starije verzije, ili za još jedan primjer kako se Paste Into može koristiti, provjerite naš original Postavljanje jedne slike unutar druge tutorial.



Da biste stvorili ovaj efekt, trebat će vam dvije slike. Evo moje prve (slika koja sadrži okvir slike) ( jesenski okvir za fotografiju sa Shutterstocka):

  Slika 85250287 licencirana od Shutterstocka Prva slika.

Evo moje druge slike (fotografije koju ću staviti u okvir) ( fotografija para u jesenskom parku sa Shutterstocka):

  Slika 159680129 licencirana od Shutterstocka Druga slika.

A evo kako će konačni kompozit izgledati:



  Stavljanje fotografije u okvir u Photoshopu. Konačni učinak.

Kako postaviti sliku unutar druge

Korak 1: Odaberite područje na kojem želite da se pojavi druga slika

Započnite sa slikom na koju ćete staviti drugu sliku i nacrtajte odabir oko područja gdje bi se trebala pojaviti druga slika. Stvarni alat za odabir koje trebate ovisit će o obliku područja. U mom slučaju, počinjem sa slikom okvira slike i želim staviti svoju drugu sliku u okvir. Okvir je jednostavnog pravokutnog oblika pa biste mogli pomisliti da bi alat Rectangular Marquee mogao funkcionirati. No, okvir je također nagnut pod kutem, pa bi ovdje bolji izbor bio Photoshop Alat za poligonalni laso .

Prema zadanim postavkama, alat Poligonalni laso ugniježđen je iza standarda Alat za laso na ploči Alati. Da bih mu pristupio, ja ću kliknite i držite na ikoni alata Lasso dok se ne pojavi padajući izbornik koji mi prikazuje druge alate koji se kriju iza njega. Onda ću izabrati Alat za poligonalni laso iz izbornika:

  Odabir alata Polygonal Lasso u Photoshopu. Kliknite i držite alat Lasso, a zatim odaberite Polygonal Lasso Tool.

Pogledajte sve naše upute za Photoshop Selection Tool



The Alat za poligonalni laso omogućuje nam crtanje ravnih poligonalnih odabira jednostavnim klikom na točke gdje se smjer obrisa odabira treba promijeniti. Svaki put kada kliknemo na novu točku, Photoshop dodaje ravnu liniju između nove točke i prethodne točke, a mi nastavljamo klikati oko područja koje smo odabrali, dodajući novi segment linije sa svakim klikom, sve dok ne napravimo svoj put nazad na početak. Da bismo dovršili odabir, samo trebamo još jednom kliknuti na početnu točku.

Odabir područja unutar okvira slike alatom Polygonal Lasso je jednostavan. Sve što trebam učiniti je kliknuti u svaki od četiri kuta. Počet ću klikom u gornjem lijevom kutu, zatim ću se pomaknuti u gornji desni kut i kliknuti, dolje u donji desni kut i kliknuti, a zatim natrag u donji lijevi kut i kliknuti. Nećete vidjeti tradicionalni obris odabira 'mravi koji marširaju' dok odabirate alatom Polygonal Lasso. Umjesto toga, vidjet ćete tanki obris puta koji spaja točke:

  Odabir područja fotografije u okviru s alatom Polygonal Lasso Tool. Klikom na kutove odaberite područje fotografije u okviru.

Za dovršetak odabira, kliknut ću još jednom na početnu točku u gornjem lijevom kutu, a sada je područje unutar okvira odabrano, sa standardnim obrisom odabira 'marširajućih mrava' koji je sada vidljiv:



  Sada je odabrana unutrašnjost okvira slike. Ponovno kliknite na početnu točku za dovršetak odabira.

Korak 2: Odaberite i kopirajte drugu sliku

Prebacite se na svoju drugu sliku (onu koju ćete staviti unutar odabira) tako što ćete je otvoriti ako već nije otvorena ili klikom na njezinu tab na vrhu dokumenta:

  Prebacivanje između slika u Photoshopu klikom na kartice dokumenta. Prelazak na drugu sliku klikom na njenu karticu dokumenta.

Rad s karticama i plutajućim dokumentima u Photoshopu



Moramo kopirati ovu sliku u međuspremnik kako bismo je zatim mogli zalijepiti u odabir koji smo napravili na prethodnoj slici. Da bismo ga kopirali, prvo ga moramo odabrati, pa idite do Odaberi izbornik u traci izbornika na vrhu zaslona i odaberite svi . Ili pritisnite Ctrl+A (pobjeda) / Command+A (Mac) na vašoj tipkovnici:

  Odabirom naredbe Select All iz trake izbornika. Idete na Odaberi > Sve.

Obris odabira pojavit će se oko rubova slike, dajući vam do znanja da je sada odabrana:

  Odabrana je druga slika. Odabrana je druga slika.

S odabranom slikom idite gore do Uredi izbornik na vrhu zaslona i odaberite Kopirati , ili pritisnite Ctrl+C (pobjeda) / Command+C (Mac) na vašoj tipkovnici:



  Odabirom naredbe Kopiraj iz izbornika Uredi. Odlazak na Uredi > Kopiraj.

Korak 3: Zalijepite drugu sliku u odabir

Vratite se na prvu sliku klikom na nju tab na vrhu dokumenta:

  Klikom na karticu ponovno pogledajte prvu sliku. Klikom na karticu ponovno pogledajte prvu sliku.

Odabir koji smo napravili maloprije i dalje će biti vidljiv. Da biste zalijepili drugu sliku u odabir, idite gore do Uredi izbornik na vrhu zaslona, ​​odaberite Posebno zalijepi , zatim odaberite Zalijepi u :



  Odabir Zalijepi u iz podizbornika Posebno lijepljenje u izborniku Uređivanje. Odlazak na Uredi > Posebno lijepljenje > Zalijepi u.

I upravo tako, slika se pojavljuje unutar odabira. U mom slučaju, slika je očito prevelika za okvir, ali vidjet ćemo kako to popraviti za koji trenutak:

  Učinak nakon lijepljenja druge slike u odabir. Učinak nakon lijepljenja druge slike u odabir.

No, prije nego što nastavimo, pogledajmo na brzinu Ploča slojeva pa možemo vidjeti što se dogodilo. Primijetite da sada imamo dva sloja. Izvorna slika nalazi se na Pozadinski sloj na dnu, a čim smo odabrali naredbu Zalijepi u, Photoshop je dodao potpuno novi sloj iznad njega i postavio drugu sliku na ovaj novi sloj:

  Ploča Slojevi prikazuje drugu sliku na vlastitom sloju. Ploča Slojevi prikazuje drugu sliku na vlastitom sloju.

Zašto je druga slika vidljiva samo unutar područja koje smo odabrali? To je zato što je Photoshop upotrijebio naš odabir za stvaranje maska ​​sloja za drugu sliku. Možemo vidjeti masku u sličica maske sloja . Bijelo područje predstavlja područje gdje je slika vidljiva u dokumentu, dok je crno područje koje ga okružuje mjesto gdje je slika skrivena od pogleda:

  Sličica maske sloja na ploči Slojevi. Photoshop je naš odabir pretvorio u masku sloja za kontrolu vidljivosti druge slike.

Razumijevanje maski slojeva u Photoshopu

Korak 4: Promijenite veličinu i položaj druge slike uz slobodnu transformaciju

Ako je vaša slika prevelika za odabrano područje i trebate joj promijeniti veličinu (kao što ja radim), idite gore na Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija . Ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) na tipkovnici da biste odabrali Free Transform pomoću prečaca:

  Odabirom Free Transform iz izbornika Edit. Idite na Edit > Free Transform.

Ovo postavlja okvir Free Transform i ručke (kvadratiće) oko slike. Imajte na umu da se okvir Slobodna transformacija pojavljuje oko stvarnih dimenzija slike, a ne samo oko dijela koji je vidljiv. Ako ne možete vidjeti cijeli okvir Free Transform jer je vaša slika toliko velika da se proteže izvan zaslona, ​​idite do Pogled izbornik na vrhu zaslona i odaberite Prilagodi zaslonu :

  Odabir Prilagodi zaslonu iz izbornika Pogled. Odlazak na Pogled > Prilagodi zaslonu.

Ovo će odmah smanjiti sliku tako da sve, uključujući okvir Free Transform, stane na vaš zaslon:

  Cijeli okvir Free Transform sada je vidljiv na zaslonu. Okvir za slobodnu transformaciju okružuje stvarnu sliku, a ne samo malo vidljivo područje.

Za promjenu veličine slike pritisnite i držite Shift tipku na tipkovnici, zatim kliknite i povucite bilo koji od četiri ugla okvira Slobodna transformacija. Držanje tipke Shift dok povlačite zaključava izvorni omjer slike dok joj mijenjate veličinu kako ne biste slučajno iskrivili njezin oblik. Ovdje povlačim donji desni kut prema unutra, ali bilo koji od kutova će raditi. Provjerite (vrlo važno!) da kada završite s povlačenjem ugla, vi prvo otpustite tipku miša, zatim otpustite tipku Shift . Ako otpustite tipku Shift prije otpuštanja tipke miša, izgubit ćete izvorni omjer slike:

  Cijeli okvir Free Transform sada je vidljiv na zaslonu. Povlačenje jedne od kutnih ručica prema unutra dok pritisnete i držite tipku Shift.

Da biste pomaknuli i promijenili položaj slike unutar odabranog područja, jednostavno kliknite i povucite bilo gdje unutar okvira Slobodna transformacija. Ovaj put ne morate držati tipku Shift. Samo nemojte kliknuti na taj mali simbol mete u sredini, inače ćete pomaknuti metu, a ne sliku:

  Promjena položaja slike unutar okvira pomoću Free Transform. Klikom i povlačenjem unutar okvira Slobodna transformacija promijenite položaj slike unutar okvira.

Ako trebate rotirati i svoju sliku, pomaknite pokazivač miša izvan okvira Slobodna transformacija. Kada vidite da se kursor mijenja u a zakrivljena dvostrana strelica , kliknite i povucite mišem. Ovdje rotiram sliku u smjeru suprotnom od kazaljke na satu kako bi bolje odgovarala kutu okvira:

  Pritisnite i povucite izvan okvira Free Transform da biste zakrenuli sliku. Klikom i povlačenjem izvan okvira Free Transform za rotiranje slike.

Kada ste zadovoljni kako slika izgleda, pritisnite Unesi (pobjeda) / Povratak (Mac) na tipkovnici da biste ga prihvatili i izašli iz načina rada Free Transform:

  Druga slika je pomaknuta, promijenjena joj je veličina i rotirana unutar okvira. Druga slika je pomaknuta, promijenjena joj je veličina i rotirana unutar okvira.

Korak 5: Dodajte efekt unutarnjeg sloja sjene

Za kraj efekta, dodat ću unutarnju sjenu na rubove fotografije tako da više izgleda kao da je zapravo unutar okvira, a ne da izgleda kao da ju je netko upravo zalijepio tamo (što je, naravno, upravo ono što sam napravio ). Za dodavanje unutarnje sjene, kliknut ću na Stilovi slojeva ikona na dnu ploče slojeva:

  Klikom na ikonu stilova slojeva. Klikom na ikonu stilova slojeva.

Onda ću izabrati Unutarnja sjena s popisa koji se pojavi:

  Odabir stila sloja Inner Shadow. Odabir unutarnje sjene s popisa.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Inner Shadow u srednjem stupcu. Snizit ću Neprozirnost sjene od zadane vrijednosti od 75% dolje 40% pa se čini manje intenzivnim. Ja ću postaviti Kut do 135° pa se čini da svjetlo svijetli iz gornjeg lijevog kuta, iako biste možda željeli drugačiji kut za svoju sliku. Na kraju ću postaviti oba Veličina i Udaljenost vrijednosti za 10 px . Opcija Veličina kontrolira koliko daleko se sjena proteže od ruba, dok vrijednost Udaljenost kontrolira mekoću ruba ili pero. Vrijednosti koje trebate uvelike će ovisiti o veličini vaše slike pa biste mogli malo eksperimentirati s ove dvije opcije:

  Opcije unutarnje sjene u dijaloškom okviru Stil sloja. Opcije unutarnje sjene.

Pritisnite OK da biste zatvorili dijaloški okvir Stil sloja. I s tim smo gotovi! Evo, nakon dodavanja efekta sloja Inner Shadow, moj je konačni rezultat:

  Stavljanje fotografije u okvir u Photoshopu. Konačni učinak.

Kamo dalje...