U ovom Vodiču za foto efekte Photoshopa naučit ćemo kako stvoriti jednostavan okvir za fotografije s tri slike, a kad završimo, vidjet ćemo kako lako pretvoriti konačni rezultat u predložak za višekratnu upotrebu pomoću Photoshopovih pametnih objekata ! Pametni objekti prvi su put predstavljeni u Photoshopu CS2, što znači da će vam trebati Photoshop CS2 ili noviji za posljednje korake u udžbeniku. Sam ću koristiti Photoshop CS4. Međutim, ako koristite stariju verziju Photoshopa, ipak možete sami stvoriti stvarni fotookvir. Jedino što nećete moći učiniti je pretvoriti slike u pametne objekte na kraju udžbenika.
Evo okvira s tri fotografije koje ćemo stvoriti:
Konačni rezultat.
Kako stvoriti okvir za fotografije s tri slike
Korak 1: Stvorite novi dokument
Započnimo stvaranjem novog dokumenta Photoshopa. Otvorite izbornik Datoteka na traci izbornika na vrhu zaslona i odaberite Novo . Ili za brži način stvaranja novog dokumenta jednostavno pritisnite tipkovni prečac Ctrl + N (Win) / Command + N (Mac) :
Idite na Datoteka> Novo ili pritisnite Ctrl + N (Win) / Command + N (Mac).
Bilo koji način odaberete, otvara se Photoshop-ov dijaloški okvir Novi dokument, gdje smo postavili mogućnosti za naš novi dokument. Budući da ću postavljati tri slike u portretnom obliku jedna pored druge, za redom će mi trebati prilično širok dokument, tako da ću za širinu i 6 inča za visinu unijeti 12 inča provjerite je li vrsta mjerenja postavljena na inči, a ne piksele. Možda ćete trebati unijeti različite vrijednosti za širinu i visinu ako želite određenu veličinu dokumenta koju želite stvoriti. Budući da želim ispisati efekt okvira kad završim, unesite 300 piksela / inča za Rezoluciju :
Napravite novi dokument od 12 inča x 6 inča pri 300 piksela / inču.
Kliknite U redu kad završite kako biste prihvatili postavke i izašli iz dijaloškog okvira. Na vašem se zaslonu pojavljuje novi dokument:
Pojavi se novi dokument.
2. korak: Novi dokument ispunite crnom bojom
Želim koristiti crnu boju za pozadinsku boju, pa ću se prebaciti na izbornik Uredi na vrhu zaslona i odabrati Photoshopovu naredbu Fill koja nam omogućava da sloj ili odabir ispunimo bojom:
Idite na Uredi> Ispunite.
Kad se pojavi dijaloški okvir Ispunjivanje, postavit ću opciju Upotreba u odjeljku Sadržaj na vrhu dijaloškog okvira na Crno :
Postavite opciju Use na Crno.
Kliknite U redu da biste izašli iz dijaloškog okvira, a Photoshop ispunjava dokument čvrstom crnom bojom:
Dokument je sada ispunjen crnom bojom.
Korak 3: Dodajte novi prazni sloj
Moramo dodati novi prazni sloj. Na ovom novom sloju dodaćemo rezervirano mjesto za prvu sliku. Držite tipku Alt (Win) / Option (Mac) i kliknite ikonu New Layer na dnu ploče Slojevi:
Držite Alt (Win) / Option (Mac) i kliknite ikonu New Layer.
Pridržavajući tipku Alt / Option dok kliknemo ikonu New Layer, kažemo Photoshopu da otvori dijaloški okvir New Layer prije dodavanja novog sloja, a dijaloškim okvirom možemo dati naziv novom sloju. Promijenite naziv novog sloja sa zadanog "Sloja 1" u rezervirano lijevo :
Promijenite naziv novog sloja u "rezervirano mjesto lijevo".
Kliknite U redu da biste prihvatili promjenu imena i izašli iz dijaloškog okvira. Ako pogledamo ploču Slojevi, možemo vidjeti da sada imamo novi prazni sloj nazvan "lijevo mjesto rezervi" koji sjedi iznad pozadinskog sloja. Uzorak šarke u sličici za pregled sloja s lijeve strane imena sloja govori nam da je sloj trenutno prazan:
Dodan je novi sloj pod nazivom „rezervirano mjesto lijevo“.
Korak 4: Odaberite alat Pravokutni ovjes
Odaberite Photoshop pravokutni alat za označavanje s vrha ploče s alatima ili pritisnite slovo M na tipkovnici da biste ga brzo odabrali pomoću prečaca:
Odaberite alat Pravokutni okvir.
Kad je odabran Pravokutni alat za crtanje, traka s opcijama na vrhu zaslona mijenja se kako bi se prikazale mogućnosti za Alat za pravokutni ovjes. Jedna od opcija je Stil . Promijenite je iz zadane postavke Normal u Fiksni omjer, a zatim unesite 4 za širinu i 6 za visinu . To će natjerati oblik odabira koji ćemo privući u omjer 4 x 6, što će nam olakšati dodavanje nekih fotografija 4x6 u dokument kasnije:
Promijenite stil u "Fiksni omjer", a zatim unesite "4" za širinu i "6" za visinu.
Korak 5: Nacrtajte pravokutni odabir na lijevoj strani dokumenta
Izvucite pravokutni odabir na lijevoj strani dokumenta. Ovdje će se pojaviti fotografija s lijeve strane. Primijetit ćete da kako povlačite odabir, oblik je ograničen na omjer 4 x 6 koji smo postavili u traci s mogućnostima u prethodnom koraku. Ako želite da premjestite odabir dok ga povlačite, jednostavno držite razmaknicu, povucite miša za pomicanje odabira na mjesto, a zatim otpustite razmaknicu i nastavite povlačenjem. Obavezno ostavite dovoljno prostora za smještaj još dvije fotografije unutar dokumenta:
Kliknite i povucite odabir oko područja na kojem će se pojaviti fotografija s lijeve strane.
Korak 6: Ispunite izbor sivem
Nakon što nacrtate izbor, vratite se na izbornik Uredi i ponovno odaberite naredbu Ispunite :
Idite na Uredi> Ispunite.
Ovaj put, kad se pojavi dijaloški okvir Ispunite, promijenite opciju Upotreba u odjeljku Sadržaj na vrhu dijaloškog okvira na 50% siva :
Ovaj put promijenite opciju Use u "50% Grey".
Kliknite OK (U redu) kad završite kako biste izašli iz dijaloškog okvira. Photoshop odabir ispunjava sivom bojom. Nema posebnog razloga zašto smo odabrali sivo ovdje. Jednostavno smo morali ispuniti izbor bojom, a budući da ga koristimo samo kao rezervirajući slikom, siva je izgledala kao prirodan izbor. Pritisnite Ctrl + D (Win) / Command + D (Mac) da biste uklonili konturu odabira iz oblika:
Pritisnite Ctrl + D (Win) / Command + D (Mac) da biste uklonili konturu odabira nakon što ste ispunili sivu.
Korak 7: Dodajte tanki bijeli potez oko oblika
Dodajmo tanku bijelu obrub oko oblika. Kliknite na ikonu Slojevi slojeva na dnu ploče Slojevi i odaberite Dalje s dna popisa popisa slojeva slojeva:
Kliknite ikonu Slojevi slojeva i s popisa odaberite Stroke.
Ovo prikazuje Photoshop-ov dijaloški okvir Stil sloja postavljen na opcije Stroke u srednjem stupcu. Prvo promijenite boju poteza klikom na mali uzorak boje s desne strane riječi Colour i odabirom bijele boje u Biraču boja kad se pojavi. Kliknite OK da biste zatvorili program za odabir boja kad završite. Povećajte veličinu takta na oko 10 px (piksela), a zatim promijenite položaj u unutrašnjost :
Promijenite boju poteza u bijelu, a zatim povećajte veličinu na oko 10 px i promijenite položaj u "Unutra".
Nakon što postavite boju, veličinu i položaj poteza, kliknite U redu za izlaz da biste izašli iz dijaloškog okvira. Evo moje slike s tankim bijelim obrubom koji je sada primijenjen na oblik:
Slojevi slojeva jednostavan su način dodavanja jednostavnih efekata poput obruba na sliku.
Korak 8: Odaberite Alat Move
Odaberite Photoshop's Move Tool na ploči s alatima ili pritisnite slovo V na tipkovnici da biste ga brzo odabrali pomoću prečaca:
Odaberite Alat Move.
9. korak: povucite kopiju oblika u središte dokumenta
Pritisnite Shift + Alt (Win) / Shift + Option (Mac) i, držeći obje tipke dolje, kliknite svoj sivi oblik unutar dokumenta i povucite ga udesno. Tipka Alt / Option govori Photoshopu da želimo stvoriti kopiju oblika dok povlačimo umjesto pomicanja izvornog oblika, dok tipka Shift ograničava smjer u koji možemo povući, što olakšava povlačenje u ravnoj liniji prema desno.
Povucite kopiju u sredinu slike, što stvara rezervirano mjesto za srednju fotografiju koju ćemo dodati. Primijetite da je i bijeli ispis kopiran zajedno s oblikom:
Držite Shift + Alt (Win) / Shift + Option (Mac) i povucite kopiju oblika u sredinu dokumenta.
Korak 10: Preimenovanje novog sloja "Sredinom rezerviranog mjesta"
Ako pogledamo ploču Slojevi, možemo vidjeti da se drugi oblik pojavio na vlastitom sloju iznad izvornog oblika. Photoshop je novi sloj imenovao "lijeva kopija rezerviranog mjesta". Dvaput kliknite naziv novog sloja i promijenite ga u sredinu rezerviranog mjesta . Pritisnite tipku Enter (Win) / Return (Mac) kada završite kako biste prihvatili promjenu:
Novi se oblik pojavljuje na vlastitom sloju iznad originala. Preimenujte novi sloj u "sredinu rezerviranja mjesta".
11. korak: Povucite još jednu kopiju oblika u desnu stranu dokumenta
Još jednom držite Shift + Alt (Win) / Shift + Option (Mac), kliknite na srednji oblik i povucite njegovu kopiju u desnu stranu dokumenta. Ovo će postati rezervirano mjesto za sliku koja se prikazuje s desne strane. Opet, bijeli potez kopiran je zajedno s oblikom. Pokušajte ostaviti jednaku količinu prostora između novog oblika i desnog ruba dokumenta kao i između lijevog oblika i lijevog ruba dokumenta. Za sada ne brinite ako sami oblici nisu ravnomjerno raspoređeni, kao što moji očito nisu:
Pokušajte ostaviti jednaku količinu prostora između trećeg oblika i desnog ruba dokumenta jer postoji između izvornog oblika i lijevog ruba.
12. korak: Preimenujte novi sloj u "Pravo rezerviranog mjesta"
Ako ponovo pogledamo ploču Slojevi, možemo vidjeti da se treći oblik pojavljuje na vlastitom sloju iznad ostala dva oblika, a Photoshop je novi sloj automatski nazvao "sredinom kopije rezerviranog mjesta". Dvaput kliknite naziv sloja i promijenite ga u pravo mjesto . Pritisnite Enter (Win) / Return (Mac) da biste prihvatili promjenu po završetku:
Preimenujte novi sloj u "pravo rezerviranog mjesta".
Korak 13: Odjednom odaberite sve tri slojeve rezerviranog mjesta
Poravnajmo tri oblika tako da budu ravnomjerno raspoređeni. Kad je gornji sloj ("rezervirano mjesto desno") već odabran, držite tipku Shift i kliknite na sloj izvornog oblika ("rezervirano mjesto lijevo") na ploči Slojevi. Ovo će odabrati odjednom sva tri sloja rezervi (vidjet ćete ih sve plavo, što nam govori da su odabrani):
Pridržite Shift i kliknite na "rezervirano mjesto lijevo" da biste odabrali sva tri sloja rezervi.
14. korak: Kliknite ikonu "Distribuiranje vodoravnih centara"
Kad su odabrana sva tri sloja i još uvijek je odabran Alat za pomicanje, na traci s opcijama na vrhu zaslona vidjet ćete niz ikona koje nam pružaju različite načine poravnanja i raspodjele slojeva. Kliknite na ikonu Distribuiranje vodoravnih centara, koja će obrise rasporediti vodoravno:
Kliknite ikonu "Distribuiranje vodoravnih centara" na traci s mogućnostima.
Sva tri oblika rezerviranog mjesta u dokumentu trebaju biti ravnomjerno raspoređena u dokumentu:
Držači mjesta sada su ravnomjerno raspoređeni.
Spremni smo dodati neke fotografije u dokument. To ćemo učiniti sljedeće!
Korak 15: Otvorite prvu fotografiju koju želite dodati u okvir
Otvorite prvu sliku koju želite dodati dokumentu okvira. Evo fotografije koju ću koristiti:
Prva fotografija koju ću dodati dokumentu.
Korak 16: Kopirajte fotografiju u međuspremnik
Pritisnite Ctrl + A (Win) / Command + A (Mac) za brzi odabir cijele fotografije. Vidjet ćete konturu odabira oko slike. Zatim pritisnite Ctrl + C (Win) / Command + C (Mac) za kopiranje slike u međuspremnik. Nakon što kopirate sliku u međuspremnik, možete se zatvoriti iz prozora dokumenta fotografije.
Korak 17: Odaberite sloj "Lijevo rezerviranog mjesta"
Vratite se na okvirni dokument klikom bilo gdje unutar prozora dokumenta, a zatim kliknite lijevi sloj rezervi rezervi na ploči Slojevi da biste ga odabrali:
Odaberite sloj "rezerviranog mjesta lijevo" u dokumentu okvira.
Korak 18: Zalijepite fotografiju u okvir dokumenta
Pritisnite Ctrl + V (Win) / Command + V (Mac) da biste zalijepili fotografiju u okvirni dokument. Photoshop će fotografiju postaviti na vlastiti sloj neposredno iznad odabranog sloja, a ako pogledamo na ploči Slojevi, možemo vidjeti da je dovoljno sigurno, fotografija će se pojaviti u njenom vlastitom sloju, neposredno iznad sloja "rezervirano mjesto lijevo" koji smo odabrano u prethodnom koraku:
Lijepljenje slike u drugi dokument stavlja sliku u njezin vlastiti sloj iznad odabranog sloja.
Jedini problem je što želim da se ova fotografija pojavljuje kao lijeva slika u kadru, ali trenutno, ne samo da se pojavljuje u sredini, već je skrivena iza srednjeg oblika zbog toga što je sloj "rezerviranog sredine" iznad gornjeg fotografija na ploči Slojevi. Sve što mogu vidjeti na slici su vanjski rubovi koji se protežu izvan oblika:
Fotografiju smo uspješno dodali u dokument, ali nalazi se na pogrešnom mjestu i skrivena je iza oblika srednjeg rezerviranog mjesta.
19. korak: Povucite fotografiju preko obrasca "Rezervirani lijevi"
Kad je Alat za pomicanje i dalje odabran, kliknite unutar dokumenta i povucite fotografiju prema lijevoj strani dok se ne pojavi iznad vrha "rezerviranog mjesta lijevo":
Kliknite i povucite fotografiju preko oblika "lijevo rezerviranog mjesta".
20. korak: Stvorite reznu masku
Nakon što je fotografija iznad oblika "lijevo rezerviranog mjesta", idite na izbornik Sloj na vrhu zaslona i odaberite Stvorite klip za masku :
Idite na Layer> Create Clipping Mask.
Photoshop će "prirezati" fotografiju na oblik rezerviranog mjesta ispod nje, ostavljajući tako samo vidljivo područje fotografije koje spada u granice oblika. Ostatak fotografije koja se proteže izvan oblika postaje skriven od pogleda. Bijeli potez oko oblika sada je još jednom vidljiv:
Fotografija je sada "prikovana" za oblik rezerviranog mjesta ispod nje.
Korak 21: Promijenite veličinu fotografije pomoću naredbe Slobodna transformacija
Promijenimo veličinu fotografije kako bismo vidjeli cijelu sliku, a ne samo bilo koji dio koji se nalazi iznad oblika rezerviranog mjesta. Pritisnite Ctrl + T (Win) / Command + T (Mac) da biste brzo prikazali Photoshop-ov okvir za besplatnu transformaciju i rukuje oko slike. Iako možemo vidjeti samo područje fotografije koje je izravno preko oblika, ručke Free Transform pojavljuju se oko stvarnih dimenzija slike. Ako ne možete vidjeti ručke za besplatnu transformaciju jer je slika toliko velika da se rubovi pružaju izvan vidljivog područja prozora dokumenta, pritisnite Ctrl + 0 (Win) / Command + 0 (Mac) da biste Photoshop uvećali sve dok sve se uklapa u prozor dokumenta (poznat kao prikaz Fit on Screen ). Ponovno ga pritisnite kada završite veličinu slike.
Povucite kutne ručke slobodne transformacije (mali kvadratići) prema unutra dok se ne poravnaju s uglovima oblika držača mjesta tako da i oblik i fotografija budu iste veličine. Naravno, ovo pretpostavlja da koristite fotografiju s istim omjerom 4x6 kao oblik rezerviranog mjesta kao i ja ovdje. Ako vaša fotografija koristi drugačiji omjer slike, jednostavno promijenite veličinu slike sve dok se ona što više ne uklapa u oblik. Držite pritisnutu tipku Shift dok povlačite ručke da biste ograničili omjer slike fotografije kako ne biste slučajno iskrivili njen izgled dok mijenjate veličinu. Fotografiju možete po potrebi promijeniti ako kliknete bilo gdje unutar okvira Slobodna transformacija i povučete je mišem:
Povucite kutne ručke Free Transform prema unutra dok fotografija ne bude iste veličine kao oblik rezerviranog mjesta.
Kada završite s promjenom veličine slike, pritisnite Enter (Win) / Return (Mac) da biste prihvatili transformaciju i izlaz iz naredbe Free Transform:
Fotografija je sada iste veličine kao oblik rezerviranog mjesta ispod nje.
Korak 22: U okvir dodajte još dvije fotografije
Slijedite iste korake kako biste dodali još dvije fotografije okvirnom dokumentu, jednu za srednji prostor i jednu za desno. Prvo otvorite fotografiju koju želite koristiti. Pritisnite Ctrl + A (Win) / Command + A (Mac) za odabir, a zatim Ctrl + C (Win) / Command + C (Mac) da biste je kopirali u međuspremnik. Kad kopirate sliku u međuspremnik, zatvorite iz prozora dokumenta s fotografijom. Vratite se na dokument okvira i kliknite bilo koji srednji ili rezervirani sloj rezervi na ploči Slojevi da biste ga odabrali (ovisno o tome kojem dodavate fotografiju).
Pritisnite Ctrl + V (Win) / Command + V (Mac) da biste zalijepili fotografiju u dokument. Photoshop će fotografiju postaviti na vlastiti sloj izravno iznad sloja rezerviranog mjesta koji ste odabrali. Pomoću alata Move prevucite fotografiju prema obliku rezerviranog mjesta ako je potrebno, a zatim idite na izbornik Layer na vrhu zaslona i odaberite Create Mask za rezanje . Konačno, pritisnite Ctrl + T (Win) / Command + T (Mac) kako biste prikazali okvir Free Transform i rukuje oko slike. Držite tipku Shift i povucite kutne ručke da biste promijenili veličinu fotografije. Pritisnite Enter (Win) / Return (Mac) kada završite kako biste izašli iz Besplatne transformacije.
Evo mog okvira dokumenta nakon dodavanja fotografija u srednji i desni odjeljak:
Konačni rezultat s tri fotografije.
23. korak: Pretvaranje tri fotografije u pametne objekte
Za ovih preostalih nekoliko koraka trebat ćete Photoshop CS2 ili noviji da biste slijedili. Vidjet ćemo kako je jednostavno koristiti naš konačni rezultat kao predložak, zamjenjujući druge fotografije unutar i izvan okvira prema potrebi koristeći pametne objekte koji su prvi put predstavljeni u Photoshopu CS2.
Na ploči Slojevi kliknite na sloj koji sadrži prvu fotografiju koju smo dodali (onu neposredno iznad sloja "lijevo rezerviranog mjesta") da biste je odabrali. Trebao bi biti na sloju pod nazivom "Sloj 1":
Kliknite na "Sloj 1", koji sadrži prvu fotografiju koju smo dodali.
Kad je odabrani sloj, kliknite na desnu tipku miša (Win) / Control (Mac) na imenu sloja i na izborniku koji se pojavi pretvori u Pretvori u pametni objekt :
Na izborniku odaberite "Pretvori u pametni objekt".
Čini se da se ništa nije dogodilo u prozoru dokumenta, ali ako pogledamo u donji desni kut sličice za pregled sloja, možemo vidjeti kako se pojavila mala ikona Smart Object, koja nam daje do znanja da je fotografija sada Smart Object:
U sličici za pregled sloja pojavljuje se mala ikona pametnog objekta.
Učinite isto za preostale dvije slike (koje ćete pronaći na "Layer 2" i "Layer 3"), prvo kliknite sloj na ploči Slojevi, a zatim desni klik (Win) / Control-klik (Mac ) na ime sloja i na izborniku odaberete Pretvori u pametni objekt . Kada završite, sve tri fotografije trebale bi imati ikonu Smart Object u donjem desnom kutu sličice za pregled sloja.
24. korak: Zamijenite sadržaj svakog pametnog objekta za dodavanje različitih fotografija
Sa sva tri sloja fotografije pretvorena u pametne objekte ponovno kliknite na "Sloj 1" na ploči Slojevi da biste odabrali fotografiju s lijeve strane, a zatim još jednom desnom tipkom miša kliknite (Win) / Control-kliknite (Mac) na imenu Slojevi. da se otvori isti izbornik koji smo vidjeli prije trenutak. Ovaj put na izborniku odaberite Zamijeni sadržaj :
Ponovno odaberite "Layer 1", zatim desnom tipkom miša (Win) / Control pritisnite (Mac) i na izborniku odaberite "Replace Contents".
Ovo otvara Photoshop's Place dijaloški okvir. Otvorite mapu na tvrdom disku koja sadrži fotografiju s kojom želite zamijeniti prvu sliku. Imam tri nove fotografije spremljene u mapu na radnoj površini. Kliknite naziv fotografije koju želite koristiti, a zatim kliknite gumb Mjesto :
Kliknite naziv fotografije, a zatim kliknite Mjesto.
Čim kliknete gumb Place, Photoshop zamijeni originalnu fotografiju s novom fotografijom u dokumentu! Ako trebate promijeniti veličinu nove slike, pritisnite Ctrl + T (Win) / Command + T (Mac) da biste otvorili kvake za slobodnu transformaciju, a zatim povucite kutne ručke da biste promijenili veličinu kao što smo to radili s izvornom fotografijom, držeći pritisnuto vašu tipku Shift dok povlačite kako biste ograničili omjer slike. Ako opet ne možete vidjeti ručke jer je slika prevelika da bi se mogla smjestiti u prozor dokumenta, pritisnite Ctrl + 0 (Win) / Command + 0 (Mac) da biste se prebacili u način prikaza Fit on Screen . Ponovno ga pritisnite kada završite veličinu slike:
Ako se nova slika čini prevelika, promijenite veličinu naredbe Free Transform.
Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili transformaciju i izašli iz Free Transform:
Lijeva fotografija je zamijenjena.
Učinite isto s druge dvije fotografije da biste ih zamijenili s drugim slikama. Prvo odaberite sloj fotografije na ploči Slojevi ("Sloj 2" ili "Sloj 3"), zatim desnom tipkom miša kliknite (Win) / Control-pritisnite (Mac) na imenu sloja i odaberite Zamijeni sadržaj na izborniku koji se pojavi. Kad se pojavi dijaloški okvir Place, odaberite novu fotografiju koju želite koristiti, a zatim kliknite gumb Place . Ako trebate promijeniti veličinu nove slike, pritisnite Ctrl + T (Win) / Command + T (Mac) i povucite ručke Free Transform kutova, držeći tipku Shift dok povlačite. Pritisnite Enter (Win) / Return (Mac) kada završite kako biste izašli iz Besplatne transformacije.
Evo mog rezultata nakon zamjene srednje i lijeve fotografije novim slikama:
Zamjena izvornih slika novim je bila jednostavna zahvaljujući pametnim objektima!
Obavezno spremite dokument kao Photoshop .PSD datoteku kada završite kako biste slojeve i pametne objekte zadržali netaknuti, spremni za sljedeći put kad ponovno trebate otvoriti datoteku i dodati nove fotografije!