U ovom će tutorialu naučiti kako ispuniti oblik slikom u Photoshopu! Kao što ćete vidjeti, Photoshop olakšava postavljanje fotografije u bilo koju vrstu oblika, od osnovnog pravokutnika ili kruga do maštovito prilagođenog oblika. Za ovaj ćemo udžbenik upotrijebiti jedan od Photoshopovih gotovih prilagođenih oblika. Ali nakon što naučite korake, možete početi postavljati slike u bilo koji oblik koji vam se sviđa!

Evo kako će izgledati konačni efekt "slika u obliku" kada završimo. Naravno, ovo je samo jedan primjer učinka. U Photoshopu možete odabrati mnogo oblika, a možete čak i stvoriti vlastiti. Dakle, nakon što naučite korake, zaista nema ograničenja u onome što možete učiniti:

Konačni efekt "slika u obliku".

Započnimo!

Kako ispuniti oblik fotografijom

Koristim Photoshop CC, ali sve što ćemo raditi je također kompatibilno s Photoshop CS6.

Korak 1: Stvorite novi dokument

Započnimo stvaranjem novog dokumenta. Otvorite izbornik Datoteka na traci izbornika na vrhu zaslona i odaberite Novo :

Idite na File & New.

Time se otvara dijaloški okvir Novi dokument . Ako koristite Photoshop CC, vidjet ćete novoobnovljenu verziju dijaloškog okvira Novi dokument. Ako koristite Photoshop CS6, vidjet ćete stariju, tradicionalnu verziju. Prvo ćemo pogledati Photoshop CC verziju, zatim ćemo pogledati CS6 verziju.

U programu Photoshop CC opcije stvaranja novog prilagođenog dokumenta nalaze se na ploči s unaprijed postavljenim pojedinostima s desne strane dijaloškog okvira. Za ovaj tutorial napravimo dokument u obliku kvadrata. Podesite širinu i visinu na 2000 piksela . Rezoluciju ćemo postaviti na 72 piksela / inča, a pozadinski sadržaj na bijelo . Kliknite Stvori da biste stvorili novi dokument:

Podešavanje detalja u dijaloškom okviru Novi dokument u Photoshopu CC.

U programu Photoshop CS6 ponovo postavite širinu i visinu na 2000 piksela, rezoluciju na 72 piksela / inča i pozadinsku sadržaj na bijelo . Kliknite U redu za izradu novog dokumenta:

Novi dijaloški okvir u programu Photoshop CS6.

Pogledajte video i podijelite svoje komentare na našem YouTube kanalu!

Korak 2: Odaberite Alat za prilagođeni oblik

Kao što sam već spomenuo, za ovaj učinak možete koristiti bilo koju vrstu oblika, od jednostavnog pravokutnika ili kruga do prilagođenog oblika. Za ovaj ću vodič koristiti jedan od Photoshopovih ugrađenih prilagođenih oblika.

Na Alatnoj traci odaberite Alat za prilagođeni oblik . Prema zadanim postavkama, Alat za prilagođeni oblik ugniježđen je iza Alata za pravokutnik. Desnom tipkom miša kliknite (Win) / Control pritisnite (Mac) na Alatu za pravokutnik, a zatim na izborniku odaberite Alat za prilagođeni oblik:

Odabir alata za prilagođeni oblik s alatne trake.

Korak 3: Postavite način alata na "Oblik"

Postoje tri različite vrste oblika koje možemo nacrtati u Photoshopu. Možemo crtati vektorske oblike, staze ili oblike temeljene na pikselima . Za ovaj efekt želimo nacrtati vektorske oblike, što će nam omogućiti da nacrtamo oblik bilo koje veličine koja nam je potrebna, a da rubovi drže lijepe i oštre.

Photoshop se vektorskim oblicima odnosi jednostavno kao "oblici". Kad je odabran Prilagođeni oblik alata, provjerite je li opcija Alatni način rada u traci s opcijama postavljena na Oblik :

Postavljanje načina alata na "Oblik" na traci s mogućnostima.

Korak 4: Boju oblika postavite na crnu

Da bismo vidjeli svoj oblik na bijeloj pozadini, boju popunjavanja oblika postavit ćemo na crnu . Umetanje boja Fill možete pronaći u traci s mogućnostima (neposredno pored opcije Alatni način rada).

Prema zadanim postavkama, boja će već biti crna. Ako nije, pritisnite slovo D na tipkovnici. Ovo će resetirati boje prednjeg i pozadinskog područja na njihove zadane vrijednosti, čime će boja vašeg prednjeg plana (i boja popunjavanja oblika) biti crna:

Swatch u boji u traci s mogućnostima. Provjerite je li postavljen na crno.

5. korak: Učitajte prilagođene oblike

Photoshop uključuje puno gotovih prilagođenih oblika za koje možemo izabrati. Ali prema zadanim postavkama u program se učita samo nekolicina njih. Da bismo pronašli ostatak, moramo ih učitati u sebe.

Sličica oblika u traci s opcijama prikazuje oblik koji je trenutno odabran. Kliknite na sličicu za odabir drugog oblika:

Klikom na sličicu Oblika u traci s mogućnostima.

Ovo otvara Custom Shape Picker s sličicama svih oblika koje možemo izabrati. Kao što sam spomenuo, samo je nekoliko oblika prikazano prema zadanim postavkama. Učitajmo sve oblike da bismo imali više izbora.

Kliknite ikonu izbornika ( ikona zupčanika) u gornjem desnom kutu gumba za odabir oblika:

Klikom na ikonu izbornika Custom Shape Picker.

U donjoj polovici izbornika koji se pojavljuje vidjet ćete popis svih prilagođenih skupova oblika koje možemo izabrati. Umjesto da svaki učitavamo zasebno da bismo vidjeli što smo dobili, samo ih sve učitajmo odjednom. Da biste to učinili, odaberite Sve s vrha popisa:

Učitavanje svih setova prilagođenih oblika u Photoshop.

Photoshop će vas pitati želite li trenutne oblike zamijeniti novim. Budući da su zadani oblici uključeni u različite skupove oblika, njihovom zamjenom nećemo izgubiti ništa, pa kliknite U redu :

Klikom na U redu da biste zamijenili trenutne oblike novim.

Korak 6: Odaberite prilagođeni oblik

Natrag u program za odabir prilagođenih oblika, sada imamo mnogo više oblika za odabir. Pomičite se kroz umanjene sličice dok ne pronađete onu koju želite koristiti. Oblik srca (koji je zapravo dio zadanih oblika) popularan je izbor. Ali za nešto drugačije, odabrat ću oblik leptira .

Da biste odabrali oblik, dvaput kliknite na njegovu sličicu. Ovim se odabire oblik i zatvara iz alata za odabir vlastitih oblika.

Odabir prilagođenog oblika leptira.

7. korak: Nacrtajte oblik

Da biste nacrtali svoj oblik, kliknite u gornjem lijevom dijelu dokumenta da biste postavili početnu točku. S pritiskom tipke miša i dalje držite tipku Shift na tipkovnici i povucite dijagonalno prema dolje prema donjem desnom kutu dokumenta. Držanjem tipke Shift dok povlačite zaključava omjer slike oblika kako ne biste iskrivili njezin izgled.

Dok crtate oblik, vidjet ćete samo obris puta kako će oblik izgledati:

Kliknite u gornjem lijevom kutu, držite Shift i povucite dolje desno.

Da biste dovršili oblik, otpustite tipku miša, a zatim otpustite tipku Shift. Obavezno prvo otpustite tipku miša, potom tipku Shift ili omjer slike oblika. Photoshop crta oblik, ispunjavajući ga crnom bojom:

Photoshop crta oblik kad otpustite tipku miša.

Ako pogledamo ploču Slojevi, vidjet ćemo oblik koji sjedi na vlastitom sloju oblika iznad pozadinskog sloja ispunjenog bijelom bojom:

Ploča slojeva prikazuje sloj oblika iznad pozadinskog sloja.

Korak 8: Pomaknite oblik u središte

Da biste oblik premjestili u sredinu dokumenta, na alatnoj traci odaberite Photoshop's Move Tool :

Odabir alata Move.

Zatim kliknite oblik i povucite ga u sredinu. Trebao bi se uskočiti kad se približite sredini:

Pomicanje oblika u položaj.

Korak 9: Otvorite svoju sliku

Otvorite sliku koju želite smjestiti unutar svog oblika. Evo jedne koju koristim (djevojka sa leptir fotografijama iz Adobe Stocka). Vaša će se slika otvoriti u vlastitom dokumentu s karticama:

Slika koju ću postavljati unutar oblika. Kredit za fotografije: Adobe Stock.

Korak 10: Odaberite i kopirajte sliku

Kopiramo sliku i zalijepimo je u dokument oblika. Idite na izbornik Select u vrhu zaslona i odaberite Sve . Vidjet ćete konturu odabira oko slike.

Idite na Izbor> Sve.

S odabranom slikom idite na izbornik Uredi i odaberite Kopiraj :

Idite na Uređivanje> Kopiraj.

11. korak: lijepljenje slike u oblik dokumenta

Vratite se na dokument oblika klikom na karticu odmah ispod trake mogućnosti. Ako niste imenovali dokument kada ste ga stvorili (što mi nismo), najvjerojatnije se zove "Untitled-1":

Klikom na karticu dokumenta oblika.

Zatim se vratite na izbornik Uredi i ovaj put odaberite Zalijepi :

Idite na Uređivanje> Zalijepi.

Photoshop zalijepi sliku u dokument. Trenutno slika potpuno blokira oblik iz pogleda. Također, moja je slika prevelika da bi se u potpunosti uklopila u oblik dokumenta. Oba ćemo problema riješiti u sljedećih nekoliko koraka:

Slika je zalijepljena u dokument oblika.

12. korak: Stvorite reznu masku

Ako ponovo pogledamo ploču Slojevi, vidjet ćemo da je Photoshop stavio sliku na novi sloj iznad sloja Oblik:

Ploča slojeva koja prikazuje sliku iznad oblika.

Kako bismo sliku postavili unutar oblika, sve što trebamo učiniti je stvoriti reznu masku. Provjerite je li odabran sloj slike ("Sloj 1"). Zatim idite na izbornik Sloja pri vrhu zaslona i odaberite Create Mask za rezanje :

Idite na Layer> Create Maska za rezanje.

Ovo "obrezuje" sliku na "Sloju 1" na sloju Oblika ispod nje, što znači da je jedini dio slike koji ostaje vidljiv u dokumentu područje koje sjedi neposredno iznad (ili ispred) oblika. Ostatak slike je sada skriven, stvarajući iluziju da je slika zapravo unutar oblika:

Obrezivanje maska ​​postavlja sliku unutar oblika.

A ako ponovno pogledamo ploču slojeva, vidjet ćemo da je "Sloj 1" razveden udesno, s malom strelicom koja je usmjerena prema sloju oblika ispod njega. Ovako nam Photoshop daje do znanja da je slika sada prikovana za oblik:

Ploča slojeva koja prikazuje sliku prikovanu za sloj Oblik.

Korak 13: Promjena veličine i smještanja slike besplatnom transformacijom

Da biste promijenili veličinu i ponovo postavili sliku unutar oblika, provjerite je li odabran "Layer 1". Zatim idite na izbornik Uredi i odaberite Besplatno preoblikovanje :

Idite na Edit> Free Transform.

Ovo postavlja okvir za slobodnu transformaciju i ručke (mali kvadrati) oko stvarnih dimenzija vaše slike, uključujući područje izvan vidljivog platna. Ako ne možete vidjeti sve svoje ručke besplatne transformacije jer je slika prevelika da bi se u potpunosti uklopila na zaslon, idite na izbornik View i odaberite Fit on Screen : Fit on Screen :

Idite na View> Fit on Screen.

Photoshop će automatski prilagoditi razinu zumiranja tako da je vidljiv čitav okvir besplatne transformacije. Ovdje vidimo moj okvir Slobodna transformacija koji se proteže s desne strane platna:

Okvir za slobodnu transformaciju pojavljuje se oko cijele slike.

Da biste promijenili veličinu slike unutar oblika, pritisnite i držite tipku Shift i povucite bilo koji kutni rukohvat . Držanjem tipke Shift dok povlačite zaključava izvorni omjer slike dok mijenjate veličinu.

Za pomicanje slike unutar oblika, kliknite bilo gdje unutar okvira Free Transform i povucite sliku na svoje mjesto.

Evo, povlačim ručicu u gornjem desnom kutu prema unutra, a također sam premjestio sliku da bolje uklopim djevojčino lice unutar oblika leptirovog krila:

Pomoću besplatne transformacije promijenite veličinu i premjestite sliku unutar oblika.

Kad ste spremni, pritisnite tipku Enter (Win) / Return (Mac) na tipkovnici kako biste izvršili promjenu i zatvorili iz naredbe Free Transform:

Slika se sada bolje uklapa u oblik.

14. korak: promijenite boju pozadine

U ovom trenutku se vrši glavni efekt "slika u obliku"! Naravno, uvijek možemo više učiniti da je prilagodimo i učinimo da izgleda još bolje. Ono što možemo učiniti je promijeniti boju pozadine.

Najlakši način za promjenu boje pozadine je korištenjem jednog od Photoshop slojeva pune boje. Trebat će nam sloj pune boje u boji da se pojavi između pozadinskog sloja i sloja Oblik, pa prvo kliknite na pozadinski sloj na ploči Slojevi da biste ga odabrali:

Odabir pozadinskog sloja.

Zatim kliknite ikonu New Fill ili Adjustment Layer na dnu ploče Slojevi:

Klikom na ikonu Novo sloj za ispunu ili prilagodbu.

Izaberite Jednobojnu boju s vrha popisa:

Dodavanje sloja pune boje.

Photoshop popovi otvaraju program za odabir boja gdje možemo odabrati novu boju. Crna je popularan izbor kao boja pozadine za ovaj efekt, pa da vidimo kako to izgleda:

Odabir crne boje s alata za odabir boja.

Crna definitivno otkriva detalje oblika, ali kao pozadinska boja leptira nisam sigurna da djeluje:

Rezultat nakon promjene boje pozadine u crnu.

Mogao sam odabrati drugu boju od samog Color Picker-a. Ili bih mogao uzorkovati boju izravno sa slike unutar oblika, koji često djeluje bolje.

Da biste to učinili, pomaknite pokazivač miša preko boje koju želite uzorkovati. Kursor će se privremeno prebaciti na ikonu Eyedropper Tool s obavještavanjem da je spreman za uzorkovanje boje. Volim držati boje pozadine suptilnim, pa umjesto odabira zelene s drveća ili crvene s cvijeća, odabirem svijetli ton kože s djevojčinog čela klikom na nju da je uzoram:

Uzorkovanje boje za pozadinu.

Čim kliknem, uzorkovana boja postaje nova boja pozadine. Sviđa mi se ova nova boja, pa ću kliknuti U redu da biste zatvorili program za odabir boja:

Boja uzorka sada je boja pozadine.

Ako pogledamo ploču Slojevi, vidjet ćemo naš sloj pune boje u boji, nazvan "Boja za popunu 1", koji sjedi između pozadinskog sloja i sloja Oblik, tamo gdje nam je trebao:

Ploča slojeva prikazuje novi sloj za punjenje u punoj boji.

Korak 15: Dodajte potez

Za kraj, završimo efekt dodavanjem poteza oko oblika. Kliknite sloj Oblika na ploči Slojevi da biste ga odabrali:

Odabir sloja oblika.

Zatim kliknite ikonu Slojevi slojeva (ikona " fx ") pri dnu ploče Slojevi:

Klikom na ikonu Slojevi slojeva.

S popisa odaberite Stroke :

Odabir stila sloja Stroke.

Ovo otvara Photoshop-ov dijaloški okvir Stil sloja postavljen na opcije Stroke u srednjem stupcu. Da biste promijenili boju takta, kliknite na raspored boja :

Klikom uzorak boja.

Ovo opet otvara Birač boja. Izabrati ću bijelu boju boje, a zatim kliknite OK (U redu) da se zatvorim iz programa za odabir boja:

Odabir bijele boje s alata za odabir boja.

Povratak u dijaloški okvir Stil sloja postavit ću položaj poteza na van, tako da se pojavi oko vanjske strane oblika. Zatim ću povećati vrijednost Veličina kako bih prilagodio debljinu hoda. Za ovu sliku mislim da veličina od oko 12 px dobro funkcionira:

Postavljanje položaja izvana i veličina na 12 px.

Kliknite U redu da biste zatvorili dijaloški okvir Stil sloja. I s tim smo gotovi! Evo, nakon promjene boje pozadine i dodavanja poteza oko leptira, moj je posljednji efekt "slika u obliku":

Konačni rezultat.

I tu ga imamo! Tako je jednostavno smjestiti sliku unutar oblika pomoću izrezivanja maski u Photoshopu! Pogledajte odjeljak Foto efekti za više udžbenika o efektima Photoshopa! I ne zaboravite, svi naši udžbenici Photoshopa sada su dostupni kao PDF spremni za ispis!

Kategorija: