U ovom tutorijalu pokazaću vam kako da postavite sliku u oblik u Photoshopu. Lako je umetnuti fotografiju u bilo koji oblik, bilo da je to pravilan pravougaonik, krug ili fensi prilagođeni oblik. U ovom vodiču ćemo koristiti prilagođeni oblik. Takođe ću vam pokazati kako da preuzmete nove oblike koji dolaze sa Adobe Photoshop-om.

Evo primjera kako će izgledati konačni efekat nakon lijepljenja fotografije u oblik. Uz postavljanje slike na obrazac, također ćemo pogledati kako promijeniti boju pozadine ili je ukloniti tako da možete premjestiti obrazac na bilo koju pozadinu koju želite.

Konačna slika zalijepljena u oblik

U ovom tutorijalu koristiću Photoshop 2022 da ubacim sliku u obrazac.

Video lekcija na mom kanalu:

Kreiraj novi dokument

Počnite kreiranjem novog Photoshop dokumenta. Ako ste na glavnom ekranu, pritisnite dugmeNovi fajl.

Klikom na dugme Nova datoteka na glavnom ekranu Photoshopa

Ili možete otići do menijaFilena panelu i odabratiNovo.

Idi na Kreiranje fajla

U svakom slučaju, otvoriće se dijalogNovi dokument, gde možete uneti tražene parametre u kolonu sa desne strane. Napravit ću dokument kvadratnog oblika postavljanjem širine i visine na 2000px.

Pošto ćemo staviti sliku u obrazac, a slike se obično čuvaju u višoj rezoluciji, promijenit ćuRezolucijuu300ppi. A za parametarSadržaj pozadineostavit ću vrijednostWhite.

Nove postavke dokumenta

Zatim pritisnite dugmeKreiraj.

Kliknite Kreiraj

Photoshop će kreirati novi dokument.

Novi dokument

Otvoreni panelOblici

Najbrži način da nacrtate prilagođene oblike u Photoshopu je da ih dodate saOblicipanela. Da otvoriteShapes, idite na meniWindowi odaberiteOblici.

Idi na prozor oblika

PanelOblici otvara se u koloni sekundarnih panela (lijevo od glavnih). Panel možete prikazati ili sakriti klikom na njegovu ikonu.

Oblici se otvara u panelu uske kolone

Na početku su vidljivi samo zadani oblici, podijeljeni u grupe.

Zadane grupe prilagođenih oblika

Otvorite bilo koju grupu da vidite oblike unutar nje klikom na strelicu pored ikone foldera.

Pogledajte oblike unutar grupe

Možete prevući donji deo panelaOblici dole da ga proširite i vidite više oblika u isto vreme.

Proširi traku oblika

Učitavanje nedostajućih figura

Da učitate sve nedostajuće oblike uključene u Photoshop, kliknite na ikonu menija panelaOblici.

Kliknite na ikonu menija

Zatim odaberiteLegacy Shapes and More.

Učitavanje grupe Legacy Shapes and More

Nova grupaLegacy Shapes and More će se pojaviti ispod zadanih grupa.

Novi bend Legacy Shapes and More

Postoje još dvije grupe unutar grupe.2019 Shapessadrži stotine novih oblika koji su dodati u Photoshop 2020. ASvi zastarjeli zadani oblici grupa sadrži klasične oblike iz starijih verzija Photoshopa .

Grupe 2019 Oblici i svi stari zadani oblici

Odaberi oblik

Za ovaj tutorijal koristićemo jednu od klasičnih figura. Otvorite grupuSvi stari zadani oblici.

Otvori sve naslijeđene obrasce prema zadanim postavkama

Zatim skrolujte doPriroda i proširite je.

Otvaranje grupe Priroda

U setuPrirodaodaberite oblikLeptir.

Odabir oblika leptira

Prevucite oblik na platno

Da dodate oblik, samo kliknite i prevucite sličicu sa panelaOblici na platno.

Prevucite oblik sa ploče Oblici na platno

Photoshop crta oblik kada pustite dugme miša.

Photoshop crta oblik

Promena veličine i centriranje oblika

Pre promene veličine oblika, idite na traku sa opcijama i uverite se da je između poljaWidthiHeight ikona veze na popravi omjer je odabran.

Uvjerite se da su širina i visina međusobno povezane

Zatim promijenite veličinu oblika tako što ćete kliknuti i povući bilo koju od ručki za transformaciju. Ako držite pritisnut tasterAlt(Pobeda) /Opcija (Mac) dok prevlačite, oblik će promeniti veličinu od centra.

Prevucite tačku da promenite veličinu oblika

Kliknite i prevucite oblik do centra platna. Kako se približavate centru, trebalo bi da se zaključa.

Povucite oblik do centra

Zatim kliknite na kvačicu na traci sa opcijama da prihvatite promjene.

Klikni na kvačicu

Na panelu sa slojevima, oblik se pojavljuje na sopstvenom sloju oblika. Znamo da je to sloj oblika po ikoni u donjem desnom uglu sličice.

Novi sloj oblika u panelu Slojevi

Provjerite postavke ispune i poteza na panelu sa svojstvima

Kada se odabere sloj oblika, panel sa svojstvima nam daje pristup svim opcijama oblika, uključujući ispunu i potez.

Opcije popunjavanja i crtanja na panelu Svojstva

Podrazumevano, Photoshop koristi crnu za ispunu, što je u redu jer i dalje nećemo videti boju kada ispunimo oblik slikom.

Ali Photoshop takođe dodaje crni potez od 1px oko oblika.

Zadano popunjavanje i crtanje

Možemo dodati potez kasnije ako nam zatreba. Ali za sada isključite potez klikom na boju ivice:

Kliknite na uzorak boje poteza

Kliknite naBez bojeikonu u gornjem levom uglu panela. Zatim kliknite izvan panela da ga zatvorite ili pritisniteEnter(Pobjeda) /Return (Mac) na vašoj tastaturi.

Postavi crticu na Bez boje

Postavite sliku u dokument

Pošto želimo da se slika pojavljuje u istom dokumentu kao i naš oblik, koristićemo Photoshop komanduPostavi u dokument.

Idite na meniFilei izaberite komanduPostavite u dokument.

Idi na File Place inline

Idite na lokaciju za čuvanje slike na vašem računaru. U mom slučaju, nalazi se u folderu na radnoj površini. Kliknite na sliku da je odaberete, a zatim kliknite na dugmePlace. dugme

Odaberite sliku i pritisnite Place

Photoshop dodaje sliku na vrh oblika. Ako je slika veća od veličine dokumenta, Photoshop će joj promijeniti veličinu.

Slika se postavlja ispred oblika

Promijenit ćemo veličinu slike nakon što je umetnuta u obrazac. U međuvremenu, kliknite na kvačicu na traci sa opcijama.

Klikni na kvačicu

Na panelu slojeva, slika se pojavljuje na novom sloju iznad sloja oblika. Imajte na umu da je Photoshop konvertovao sliku u pametni objekat, kao što pokazuje ikona pametnog objekta u donjem desnom uglu sličice.To znači da bez obzira koliko puta promijenimo veličinu slike, ona neće izgubiti kvalitet.

Photoshop postavlja sliku kao pametni objekat

Kreiraj masku za odsecanje

Trenutno je fotografija ispred figure. Da postavite fotografiju u oblik, kliknite na ikonu menija na panelu slojeva.

Kliknite na ikonu menija panela slojeva

Zatim izaberiteKreiraj masku za odsecanje.

Odaberite komandu Kreiraj masku za odsecanje

Maska za odsecanje pritiska sliku na oblik ispod nje, što znači da jedini deo slike koji ostaje vidljiv je područje neposredno iznad ili ispred oblika. Bilo koji dio fotografije izvan oblika je skriven, dajući iluziju da je slika unutar oblika.

Rezultat nakon izrezivanja slike kako bi se uklopila

Nazad na panelu sa slojevima, imajte na umu da je sloj slike sada pomaknut udesno, sa malom strelicom koja pokazuje dolje na sloj oblika ispod njega. Ovako nam Photoshop govori da smo kreirali masku za izrezivanje.

Slojevi panel sa maskom za odsecanje

Promijenite veličinu i pozicionirajte sliku koristećiBesplatnu transformaciju

Da promijenite veličinu i poziciju slike unutar oblika, otvorite meniEditi odaberiteFree Transform..

Besplatna transformacija

U traci sa opcijama, proverite da li je ikona veze izabrana izmeđuWidthiHeight. okvira

Provjerite da li je ikona veze odabrana

Promijenite veličinu slike povlačenjem bilo koje od tačaka transformacije. Dok prevlačite tačku, možete držati pritisnutu tipkuAlt(Pobjeda) /Opcija (Mac) na tastaturi da promijenite veličinu slike od njenog centra .

Promena veličine slike unutar oblika

Prevucite fotografiju da pozicionirate subjekt unutar oblika. Možda ćete morati mijenjati veličinu i pozicionirati sliku iznova i iznova dok ne dobijete željeni rezultat.

Pozicioniranje slike u formi

Kada završite, kliknite na kvačicu na traci sa opcijama.

Klikni na kvačicu

Kako promijeniti boju pozadine

U ovom trenutku smo postavili sliku u formu i glavni efekat je postignut. Postoji nekoliko stvari koje možete učiniti sljedeće:

  • dodaj potez oko oblika
  • promeni boju pozadine iza oblika
  • potpuno uklonite pozadinu.

Prvo, pokazaću vam kako da promenite boju pozadine. A najlakši način da to uradite je da koristite sloj za popunjavanjeSolid Color.

Dodajte sloj za popunjavanjeČvrsta boja

Želimo da sloj punjenjaSolid Colorbude direktno iznad slojaPozadina. Dakle, u panelu sa slojevima kliknite na slojPozadina da biste ga odabrali.

Odaberi sloj pozadine

Zatim kliknite naNew Fill LayeriliAdjustment Layer ikonu na dnu panela Layers:

Kliknite na ikonu New Fill or Adjustment Layer

IzaberiteČvrsta boja sa vrha liste.

Dodavanje sloja pune pune boje

Odaberite novu boju pozadine

Photoshop se otvaraBirač boja tako da možemo izabrati novu boju za pozadinu. Zadana boja je crna, što definitivno ističe detalje oblika. U našem slučaju, crna je pretamna za leptira.

Efekat sa crnom bojom pozadine

Možete odabrati drugu boju uBrači boja. Ali također možete odabrati boju direktno sa slike unutar obrasca. Samo pređite mišem preko slike i kursor će se pretvoriti u kapaljku. Zatim kliknite na boju koju želite odabrati.

Odabrat ću svijetli ton kože na čelu djevojke i on će odmah postati nova boja pozadine.

Odabir nove boje pozadine sa slike unutar oblika

Kada pronađete boju koja vam se sviđa, pritisnite OK da zatvoriteBirač boja. Nazad u panelu slojeva, možemo vidjeti da je sloj za popunjavanjeSolid Color dodat između sloja pozadine i sloja oblika iznad njega.

Slojevi panel sa novim slojem pune pune boje

Kako dodati potez oko oblika

Drugi način da poboljšate efekat je dodavanje poteza oko oblika.

Odaberi sloj oblika

Prvo, u panelu sa slojevima, kliknite na sloj oblika da ga odaberete.

Odaberi sloj oblika

Dodavanje efekta sloja sa potezom

Iako se potezi mogu dodati sa panela sa svojstvima, ja i dalje preferiram stari način dodavanja poteza pomoću efekata sloja. Dakle, sa odabranim slojem Shape, kliknite na ikonufx na dnu panela slojeva:

Kliknite na ikonu efekata sloja

I izaberiteStroke.

Dodavanje efekta Stroke sloja

Photoshop otvara dijaloški okvirLayer Stylesa opcijamaStroke u srednjoj koloni. Da promijenite boju poteza, kliknite uzorak boje.

Kliknite na uzorak boje u dijaloškom okviru Layer Style

Zatim odaberite novu boju uBrači boja. Odabrat ću bijelo postavljanjemR,GiBna255 . PritisniteOKkada završite da zatvoriteBirač boja(Birač boja).

Odabir bijele boje poteza iz palete boja

Nazad u dijaloškom okviruStil sloja, postavitePozicijunaSpoljana a pojavio oko vanjske strane oblika.Zatim povećajteSizevrijednost da biste podesili debljinu poteza. Veličina oko18 px dobro radi za moju sliku

Postavite položaj i veličinu poteza

Kliknite OK da zatvoriteLayer Style okvir za dijalog. A evo i mog rezultata sa potezom oko oblika.

Rezultat sa dodanim potezom oko oblika

Ako vam se ne sviđa potez, možete ga isključiti na panelu slojeva klikom na ikonu vidljivosti pored riječiStroke.

Uključite ili isključite potez klikom na ikonu vidljivosti

Kako ukloniti pozadinu iza oblika

Na kraju, pogledajmo kako ukloniti pozadinu iza oblika tako da možemo postaviti oblik i sliku unutar njega na drugu pozadinu. Takođe ću vam pokazati kako da sačuvate rezultat i koji tip fajla vam je potreban da bi pozadina bila transparentna.

Isključite pozadinski sloj i popunite slojSolid Color

Prvo, da biste uklonili pozadinu iza oblika, isključite slojPozadina klikom na njegovu ikonu vidljivosti u panelu slojeva.

Onemogući sloj pozadine

I ako je sloj za popunjavanjeSolid Color dodan u prethodnom odeljku, kliknite na ikonu vidljivosti da ga isključite.

Onemogući sloj pune pune boje

Ovo nam ostavlja transparentnost iza oblika, koji Photoshop predstavlja kao karirani uzorak.

Pozadina je sada transparentna

Izreži transparentne piksele

Ne treba nam sav dodatni prostor oko oblika. Da ga izrežete, otvorite meniImagei izaberiteCrop.

Idi na izrezivanje slike

UCropdijalog, uverite se da jeTransparent Pixelsizabrano na vrhu iTop je izabrano na vrhu dole,Donje,LevoiDesno. Zatim pritisnite dugmeOK.

Postavke isecanja

Photoshop će izrezati područja oko oblika.

Okružni pikseli su izrezani

Sačuvajte rezultat u fajluPNG

Konačno, da sačuvate rezultat, idite na meniFilei umjesto da odabereteSaveiliSave KaoodaberiteSačuvaj kopiju.

Idi na fajl Sačuvaj kopiju

Možete ga sačuvati na računaru ili u oblaku.

Odabir opcije Save to your computer

Da bi oblik bio transparentan, ne možemo ga sačuvati kao datotekuJPEG.webpjerJPEG.webpne podržava transparentnost. Umjesto toga, moramo ga sačuvati kao datotekuPNGKliknite na okvirSave as type boxna Windows računaru iliFormat okvirna Macbook-u i odaberitePNG

Postavite tip datoteke na PNG

Zatim daj datoteci ime. Nazvat ću gaimage-in-shape.png.webp.

Ime datoteke

Idite na lokaciju na kojoj je datoteka sačuvana na vašem računaru. Sačuvaću ga u istom folderu na radnoj površini gde je sačuvana moja slika. Zatim pritisnite dugmeSačuvaj.

Kliknite na Sačuvaj

Konačno, u dijaloškom okviruOpcije PNG formataodaberite opciju ispodNajmanja veličina datotekei pritisniteOK.

Odaberi najmanju veličinu fajla

To je to! Pogledajte odjeljak Photoshop Photo Effects za još više tutorijala za Photoshop efekte!

Kategorija: