Izgled foto okvira u stilu galerije u Photoshopu

Napisao Steve Patterson.

U ovom Vodič za Photoshop efekte , naučit ćemo kako stvoriti jednostavan izgled okvira za fotografije u stilu galerije, zajedno s tekstualnim naslovom ispod njega, kao da je fotografija izložena u umjetničkoj galeriji. Ovo može biti vrlo otmjen i elegantan način predstavljanja vašeg rada, a stvaranje izgleda je jednostavno.



Evo kako će izgledati konačni rezultat (naravno, vaša fotografija i tekst će biti drugačiji):



  Efekt fotookvira za ispis Photoshop galerije. Slika © 2010 Steve Patterson, Photoshop Essentials.com Konačni izgled okvira za fotografije u stilu galerije.

Kako stvoriti okvir za fotografije u galerijskom stilu

Korak 1: Izradite novi dokument

Započnimo stvaranjem novog dokumenta. Idi gore do Datoteka izbornik u traci izbornika na vrhu zaslona i odaberite Novi :

  Idite na File > New. Idite na File > New.

Ovo otvara Photoshopov dijaloški okvir New Document. Htjet ću da se moj konačni izgled ispiše kao 8x10 u pejzažnoj orijentaciji, pa ću unijeti vrijednost od 10 inča za Širina i 8 inča za Visina (provjerite jeste li postavili vrstu mjerenja na inče, a ne na piksele). Dimenzije koje će vam trebati za vaš izgled mogu biti različite. Budući da želim da se ispisuje u visokoj kvaliteti, unijet ću a Rezolucija vrijednost 240 piksela/inču . Na kraju postavite Pozadinski sadržaj do Bijela , koji će pozadinu novog dokumenta ispuniti bijelom bojom, iako ćemo je promijeniti za koji trenutak (ovo nas samo drži na istoj stranici):

  Dijaloški okvir Novi dokument u Photoshopu. Postavite širinu, visinu, razlučivost i boju pozadine u dijaloškom okviru Novi dokument.

Pritisnite OK da biste zatvorili dijaloški okvir. Na zaslonu će se pojaviti novi dokument ispunjen bijelom bojom.



Korak 2: Ispunite novi dokument crnom bojom

Nakon što je naš novi dokument stvoren, ispunimo ga crnom bojom, koja će postati boja pozadine izgleda. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :

  Odabir naredbe Fill iz izbornika Edit. Idite na Uredi > Ispuni.

Ovo dovodi do dijaloškog okvira Fill. Postavi Koristiti opciju na vrhu dijaloškog okvira za Crno :

  Postavljanje opcije Use u dijaloškom okviru Fill na Black. Postavite opciju Koristi na Crno.

Kliknite U redu za izlaz iz dijaloškog okvira, a Photoshop ispunjava dokument čvrstom crnom bojom:



  Novi Photoshop dokument sada je ispunjen crnom bojom. Crna je sada boja pozadine za izgled.

Korak 3: Dodajte novi prazan sloj i nazovite ga 'Photo Area'

Dodajmo novi prazan sloj našem dokumentu klikom na Novi sloj ikona na dnu ploče slojeva:

  Kliknite ikonu Novi sloj na ploči Slojevi. Pritisnite ikonu New Layer.

Ovo dodaje novi prazan sloj, koji Photoshop automatski naziva 'Sloj 1', iznad sloja Pozadine na ploči Slojevi. Dvaput kliknite izravno na naziv 'Layer 1' i promijenite naziv u foto područje . Pritisnite Unesi (pobjeda) / Povratak (Mac) kada ste gotovi s prihvaćanjem promjene imena:

  Novi sloj je preimenovan'photo area'. Dvaput kliknite na naziv novog sloja i promijenite ga u 'fotografsko područje'.

Korak 4: Povucite odabir oko glavnog područja fotografije

Trebamo nacrtati odabir oko područja u kojem će fotografija biti prikazana. Odaberite Alat za pravokutni okvir s ploče Alati:



  Odabir alata Rectangular Marquee Tool na ploči Tools. Odaberite Rectangular Marquee Tool.

S odabranim alatom Rectangular Marquee Tool, traka s opcijama na vrhu zaslona promijenit će se kako bi prikazala opcije posebno za ovaj alat. Dizajnirat ću svoj izgled za prikaz fotografije sa standardnim omjerom 4x6, u pejzažnoj orijentaciji. Da bih to učinio, prvo ću promijeniti Stil opciju na traci s opcijama za Fiksni omjer , onda ću ja ući 6 za Širina i 4 za Visina (omjer slike koji želite za svoje područje fotografije može biti drugačiji):

  Postavljanje stila, širine i visine za alat Rectangular Marquee. Promijenite opciju Style na Fixed Ratio, zatim unesite 6 za Width i 4 za Height.

Zatim ću kliknuti otprilike jedan inč od gornjeg lijevog kuta dokumenta i povući odabir koji će postati područje na kojem se prikazuje fotografija. Dok povlačim, Photoshop zaključava odabir na omjer slike koji sam postavio na traci s opcijama:



  Povlačenje obrisa odabira 4x6 za područje fotografije. Povucite odabir oko područja gdje će se fotografija prikazati.

Korak 5: Ispunite odabir sivom bojom

S odabranim mjestom idite gore do Uredi izbornik i odaberite Ispunite ponovno. Ovaj put, kada se pojavi dijaloški okvir Ispuni, postavite Koristiti opcija za 50% siva :

  Postavljanje opcije Use u dijaloškom okviru Fill na 50% Gray. Postavite Use na 50% Gray.

Pritisnite OK i Photoshop će ispuniti područje fotografije sivom bojom. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za uklanjanje konture odabira:

  Područje fotografije sada je ispunjeno sivom bojom. Područje fotografije sada je ispunjeno sivom bojom.

Korak 6: Poravnajte područje fotografije vodoravno s dokumentom

Prije nego što nastavimo, provjerimo je li naše područje fotografije vodoravno poravnato s dokumentom. Pritisnite Ctrl+A (pobjeda) / Command+A (Mac) na vašoj tipkovnici, čime ćete odmah odabrati cijeli dokument (okvir odabira pojavit će se oko rubova prozora dokumenta). Pritisnite slovo U na tipkovnici za brzi odabir Photoshopa Alat za pomicanje . Zatim, uz odabrani Move Tool, kliknite na Poravnajte vodoravne centre opcija na traci s opcijama:



  Opcija Poravnaj vodoravne centre na traci s opcijama. Upotrijebite opciju Align Horizontal Centers za poravnavanje područja fotografije s dokumentom.

Ako je vaše područje fotografije bilo vodoravno malo izvan središta, Photoshop će ga savršeno poravnati s dokumentom. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) kada završite poništite odabir dokumenta.

Korak 7: Dodajte tanki bijeli obrub

Dodajmo tanki bijeli rub oko područja fotografije. Za to ćemo koristiti jedan od Photoshopovih stilova slojeva. Klikni na Stilovi slojeva ikona na dnu ploče slojeva:



  Klikom na ikonu stilova slojeva na dnu ploče slojeva. Kliknite na ikonu Layer Styles.

Zatim odaberite Moždani udar s dna liste:

  Odabir stila sloja Stoke. Odaberite Stroke s popisa.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Stroke u srednjem stupcu. Najprije kliknite na uzorak boje desno od riječi Boja , koji će otvoriti Birač boja , i odaberite bijela kao boja za potez. Kliknite OK da biste zatvorili alat za odabir boja kada završite. Zatim promijenite Položaj moždanog udara do Unutra . Na kraju prilagodite Veličina poteza povlačenjem klizača Veličina prema desno. Možete vidjeti uživo pregled veličine poteza u prozoru dokumenta dok povlačite klizač. Budući da želimo tanku granicu, postavit ću veličinu poteza na 4 px :

  Opcije za Potez u dijaloškom okviru Stil sloja. Promijenite boju poteza u bijelu i položaj u Unutra, zatim prilagodite veličinu poteza pomoću klizača.

Kliknite OK za izlaz iz dijaloškog okvira Stil sloja. Tanak bijeli potez sada se pojavljuje oko područja fotografije u prozoru dokumenta (razlog zašto smo ranije područje fotografije ispunili sivom bojom, a ne bijelom bojom bio je da bismo mogli vidjeti bijeli obrub oko njega):

  Tanka bijela crta sada se pojavljuje oko područja fotografije. Pojavljuje se prvi od dva bijela ruba. Za koji trenutak ćemo dodati drugu.

Korak 8: Napravite kopiju sloja Photo Area

S odabranim slojem područja fotografije na ploči Slojevi (odabrani slojevi označeni su plavom bojom), pritisnite Ctrl+J (pobjeda) / Command+J (Mac) na tipkovnici da napravite kopiju sloja koju će Photoshop postaviti iznad originala. Primijetite da je stil sloja poteza također kopiran:

  Kopija sloja područja fotografije pojavljuje se na ploči Slojevi. Photoshop automatski imenuje novi sloj 'kopija područja fotografije'.

Korak 9: Preimenujte sloj i povucite ga između izvorna dva sloja

Dvaput kliknite izravno na naziv 'kopija područja fotografije' i promijenite naziv sloja u granica , budući da ćemo ga uskoro koristiti za dodavanje vanjskog obruba području fotografije. Pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje promjene imena. Zatim kliknite na granični sloj na ploči Slojevi i, dok i dalje držite pritisnutu tipku miša, povucite ga između sloja Pozadine i sloja područja fotografije. Otpustite tipku miša da je ispustite na svoje mjesto kada se između dva sloja pojavi istaknuta traka:

  Promjena naziva sloja i njegovo povlačenje između izvorna dva sloja. Povucite novi sloj između izvorna dva.

Korak 10: Spustite ispunu rubnog sloja na 0%

Koristit ćemo sivo područje na rubnom sloju da dodamo drugi, deblji potez oko fotografije. Problem je što zapravo ne želimo da sivo područje bude vidljivo na ovom sloju. Sve što želimo vidjeti je bijela linija oko njega. Kako biste sakrili sivilo i zadržali vidljiv samo potez, jednostavno spustite Ispunite za rubni sloj dolje do 0% . Ispuna skriva sadržaj sloja, ali ostavlja sve stilove sloja vidljivima. Naći ćete opciju Ispuna neposredno ispod opcije Opacity na vrhu ploče Slojevi. Čini se da se još ništa nije promijenilo u prozoru dokumenta, budući da sloj područja fotografije blokira pogled sloju obruba:

  Spuštanje Ispune rubnog sloja na 0%. Postavite Ispunu na 0% kako biste sakrili sivu boju bez skrivanja poteza oko nje.

Korak 11: Upotrijebite slobodnu transformaciju za dodavanje prostora oko područja fotografije

Uz Fill postavljen na 0%, pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija okvir i ručke oko sive površine na rubnom sloju. Držite svoje Sve (pobjeda) / Opcija (Mac), zatim kliknite na lijevu ili desnu ručku (kvadratić) i, dok i dalje držite pritisnutu tipku miša, povucite je prema van kako biste dodali malo prostora s obje strane između drugog poteza i sive površine fotografije. Primijetite da je vidljiv samo sam bijeli potez. Siva na rubnom sloju je skrivena od pogleda, ostavljajući nam područje crne (koje se vidi kroz sloj Pozadine) između ovog drugog bijelog poteza i originala.

Držite pritisnut Alt / Option i povucite gornju ili donju ručku prema van kako biste dodali jednaku količinu prostora između drugog poteza te vrha i dna sive površine fotografije:

  Dodavanje razmaka između drugog poteza i područja fotografije pomoću slobodne transformacije. Upotrijebite Slobodnu transformaciju za dodavanje razmaka između drugog poteza i područja fotografije.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada ste gotovi s prihvaćanjem transformacije.

Korak 12: Povećajte debljinu vanjskog ruba

Dupli klik na riječ Moždani udar ispod rubnog sloja na ploči Slojevi:

  Dvaput kliknite na riječ Potez ispod graničnog sloja. Svi stilovi slojeva koji se koriste na sloju navedeni su neposredno ispod njega.

Ovo ponovno otvara dijaloški okvir Stil sloja, ponovno postavljen na opcije Potez u srednjem stupcu. Neka vanjski obrub bude malo deblji od izvornog povlačenjem Veličina klizač dalje prema desno. Opet, možete vidjeti uživo pregled poteza u prozoru dokumenta dok povlačite klizač. Povećat ću svoju vanjsku veličinu na 12 px . Ostale opcije ostavite iste:

  Povećanje veličine vanjskog poteza. Povećajte veličinu drugog poteza za deblji vanjski obrub.

Pritisnite OK za ponovni izlazak iz dijaloškog okvira Stil sloja. Sada imamo tanku granicu izravno oko područja fotografije i deblju granicu oko vanjske strane, dovršavajući naš osnovni okvir:

  Osnovni okvir je sada završen. Područje fotografije i jednostavni dvostruki okvir sada su na svom mjestu.

Korak 13: Otvorite fotografiju koju želite prikazati

Vrijeme je da dodamo našu fotografiju u foto područje! Otvorite fotografiju koju želite prikazati, a koja će se pojaviti u zasebnom prozoru dokumenta. Evo slike koju ću koristiti:

  Fotografija vlaka u tonovima sepije koji kreće u planine. Otvorite sliku koja će se prikazati u području fotografije.

Korak 14: Odaberite i kopirajte sliku

Pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za brzi odabir cijele fotografije. Zatim pritisnite Ctrl+C (pobjeda) / Command+C (Mac) da biste ga kopirali u međuspremnik.

Korak 15: Odaberite sloj područja fotografije

S fotografijom kopiranom u međuspremnik, vratite se na izvorni prozor dokumenta (izgled okvira za fotografije galerije) i kliknite na foto područje sloj na ploči Slojevi da biste ga odabrali:

  Odabir sloja područja fotografije. Odaberite sloj područja fotografije.

Korak 16: Zalijepite fotografiju u dokument

Pritisnite Ctrl+V (pobjeda) / Command+V (Mac) za lijepljenje fotografije koju smo maloprije kopirali u međuspremnik u dokument. Photoshop će automatski postaviti fotografiju na vlastiti sloj izravno iznad bilo kojeg sloja koji je odabran u to vrijeme (zbog čega smo prvi odabrali sloj područja fotografije), kao što možemo vidjeti gledajući u ploču Slojevi. Photoshop je sloj fotografije nazvao 'Layer 1', što je u redu. Nema potrebe za preimenovanjem:

  Fotografija je dodana vlastitom sloju. Fotografija se pojavljuje na vlastitom sloju neposredno iznad sloja područja fotografije.

Međutim, ako pogledamo u prozor dokumenta, vidimo da je slika trenutačno prevelika da bi stala unutar područja fotografije i blokira je iz pogleda:

  Fotografija trenutno blokira područje fotografije od pogleda. Fotografija je trenutačno prevelika da stane unutar područja u kojem će biti prikazana.

Korak 17: Napravite Clipping Mask

Trebamo način da slika stane u područje fotografije, a to možemo učiniti pomoću a maska ​​za rezanje . Najprije kliknite na sloj koji sadrži fotografiju ('Sloj 1') na ploči Slojevi da biste ga odabrali. Zatim idite gore do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask :

  Idite na Layer > Create Clipping Mask. Odaberite sloj fotografije na ploči Slojevi, zatim idite na Sloj > Stvori masku za izrezivanje.

Sloj fotografije će se uvući udesno na ploči Slojevi, dajući nam do znanja da je sada 'izrezan' na sloj ispod njega:

  Ploča slojeva koja prikazuje masku za izrezivanje. Sloj područja fotografije sada se koristi kao maska ​​za sliku.

Zahvaljujući maski za izrezivanje, u prozoru dokumenta sada je vidljivo samo područje slike koje pada izravno iznad sive foto površine ispod nje. Područja izvan granica foto područja skrivena su od pogleda:

  Fotografija je sada isječena na područje fotografije ispod nje. Ostaje vidljivo samo područje fotografije neposredno iznad područja fotografije ispod nje.

Korak 18: Promijenite veličinu i položaj fotografije uz slobodnu transformaciju

Za sada je dobro, ali moja je slika još uvijek prevelika da bi u potpunosti stala unutar manjih granica područja fotografije, a potrebno ju je i premjestiti. Obje te stvari možemo učiniti uz Free Transform. Još jednom pritisnite Ctrl+T (pobjeda) / Command+T (Mac) da se pojavi Slobodna transformacija kutija i ručke, ovaj put oko fotografije. Držite svoje Shift tipku i povucite bilo koju kutnu ručku kako biste promijenili veličinu fotografije prema potrebi dok ne stane unutar područja fotografije. Za pomicanje fotografije kliknite bilo gdje unutar okvira Slobodna transformacija i povucite sliku na mjesto. Ako vaša slika koristi isti omjer širine i visine slike kao i vaša fotografija (kao moja), trebali biste moći smjestiti cijelu sliku u nju. Ako nije, jednostavno promijenite veličinu slike dok ne bude vidljivo što je više moguće. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite s prihvaćanjem transformacije:

  Promjena veličine slike unutar područja fotografije pomoću slobodne transformacije. Upotrijebite slobodnu transformaciju za pomicanje i promjenu veličine fotografije dok ne stane unutar područja fotografije.

Korak 19: Dodajte svoj tekst ispod slike

U ovom trenutku, sve što je preostalo učiniti je dodati tekstualni natpis ispod slike. Odaberite Alat za horizontalni tip s ploče Alati:

  Odabir alata Type Tool u Photoshopu. Odaberite Type Tool.

S odabranim alatom Type odaberite svoj font i veličinu fonta na traci s opcijama. Koristit ću Trajan Pro na 24 pt:

  Opcije fonta za Type Tool u Photoshopu. Odaberite svoj font i veličinu fonta na traci s opcijama.

Klikni na uzorak boje na traci s opcijama i odaberite bijela kao boju teksta iz Birača boja. Na kraju kliknite na Središnji tekst opcija lijevo od uzorka boje, što će malo olakšati centriranje teksta u dokumentu dok tipkamo:

  Boja teksta i mogućnosti poravnanja na traci s opcijama. Odaberite bijelu kao boju teksta i odaberite opciju središnjeg poravnanja teksta.

Zatim jednostavno kliknite na crno područje ispod središta fotografije pomoću alata Type Tool i dodajte svoj tekst. Upisat ću 'Steve Patterson Photography'. Vjerojatno ćete htjeti dodati nešto drugo, osim ako mi naravno ne želite odati priznanje za svoj rad. Primijetite da mjesto na koje ste kliknuli alatom Type postaje središnja točka teksta dok upisujete zahvaljujući opciji Center Text koju smo odabrali na traci opcija:

  Dodavanje tekstualnog natpisa ispod slike. S odabranom opcijom Središnji tekst, tekst se proteže u oba smjera od mjesta koje ste kliknuli.

Kada završite, kliknite Kvačica na traci s opcijama za prihvaćanje teksta:

  Klikom na kvačicu na traci s opcijama prihvaćate tekst. Pritisnite kvačicu za izlaz iz moda za uređivanje teksta.

Korak 20: Poravnajte tekst vodoravno ako je potrebno

Kako biste bili sigurni da je tekst vodoravno poravnat s dokumentom, slijedite istu metodu koju smo koristili u koraku 6. S odabranim slojem teksta na ploči Slojevi pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za odabir cijelog dokumenta. Pritisnite slovo U da biste brzo odabrali Move Tool, zatim kliknite na Poravnajte vodoravne centre opciju na traci s opcijama. Photoshop će savršeno poravnati tekst u horizontalnom središtu dokumenta. Pritisnite Ctrl+D (Win) / Command+D (Mac) kada završite da poništite odabir dokumenta. Kada poništite odabir, možete pritisnuti Tipke sa strelicama gore i dolje na tipkovnici ako trebate pomaknuti tekst malo više ili niže:

  Opcija Poravnaj vodoravne centre na traci s opcijama. Ponovno upotrijebite opciju Align Horizontal Centers, ovaj put za poravnavanje teksta s dokumentom.

I s tim smo gotovi! Evo mog konačnog izgleda 'okvira za fotografije u stilu galerije':

  Efekt fotookvira za ispis Photoshop galerije. Slika © 2010 Steve Patterson, Photoshop Essentials.com Konačni rezultat.