U ovom vodiču za Photoshop efekte naučit ćemo kako stvoriti jednostavan izgled fotookvira u stilu galerije, zajedno s tekstualnim natpisom ispod njega, kao da je fotografija izložena u umjetničkoj galeriji. Ovo može biti vrlo elegantan i elegantan način prezentacije vašeg rada, a stvaranje izgleda je jednostavno.
Evo kako će izgledati konačni rezultat (naravno, fotografije i tekstni opis bit će različiti):
Konačni izgled fotookvira u stilu galerije.
Kako stvoriti okvir za fotografije u stilu galerije
Korak 1: Stvorite novi dokument
Započnimo stvaranjem novog dokumenta. Otvorite izbornik Datoteka na traci izbornika na vrhu zaslona i odaberite Novo :
Idite na Datoteka> Novo.
Ovo otvara Photoshopov dijaloški okvir Novi dokument. Želim da moj konačni izgled ispisuje 8x10 u pejzažnoj orijentaciji, pa ću unijeti vrijednost 10 inča za širinu i 8 inča za visinu (obavezno postavite vrstu mjerenja na inča, 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, uvest ću vrijednost razlučivosti od 240 piksela / inča . Konačno, postavite pozadinu Sadržaj na bijelo, što će pozadinu novog dokumenta ispuniti bijelom bojom, iako ćemo je promijeniti u trenu (to nas ostaje samo na istoj stranici):
U dijaloškom okviru Novi dokument postavite širinu, visinu, razlučivost i boju pozadine.
Kliknite U redu da biste zatvorili dijaloški okvir. Na ekranu će se pojaviti novi dokument ispunjen bijelom bojom.
2. korak: Novi dokument ispunite crnom bojom
Stvaranjem novog dokumenta, ispunimo ga crnom bojom koja će postati boja pozadine izgleda. Idite do izbornika Uredi na vrhu zaslona i odaberite Ispunite :
Idite na Uredi> Ispunite.
To će otvoriti dijaloški okvir za ispunjavanje. Postavite opciju Upotreba 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:
Crna je boja pozadine za izgled.
Korak 3: Dodajte novi prazni sloj i imenovajte ga "Photo Area"
Dodajmo novi prazni sloj našem dokumentu klikom na ikonu Novi sloj na dnu ploče Slojevi:
Kliknite ikonu Novi sloj.
Ovome se dodaje novi prazni sloj, koji Photoshop automatski naziva „Sloj 1“, iznad pozadinskog sloja na ploči Slojevi. Dvaput kliknite na naziv "Layer 1" i promijenite ime u foto područje . Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili promjenu imena:
Dvaput kliknite naziv novog sloja i promijenite ga u "photo area".
Korak 4: Povucite odabir oko glavnog područja fotografije
Moramo izvući odabir oko područja na kojem će se prikazati fotografija. Odaberite Alat Pravokutna markiza na ploči Alati:
Odaberite alat Pravokutni okvir.
Kad je odabran Pravokutni alat za oličenje, traka s opcijama na vrhu zaslona promijenit će se za prikaz opcija posebno za ovaj alat. Dizajnirat ću svoj izgled tako da prikažem fotografiju sa standardnim omjerom 4x6, u pejzažnoj orijentaciji. Da biste to učinili, najprije ću promijeniti opciju Stil u traci s opcijama u Fiksni omjer, a zatim ću unijeti 6 za širinu i 4 za visinu (omjer slike koji želite za vaše područje fotografija može biti različit) :
Promijenite opciju Stil u fiksni omjer, a zatim unesite 6 za širinu i 4 za visinu.
Zatim ću kliknuti otprilike jedan centimetar od gornjeg lijevog ugla dokumenta i izvući odabir koji će postati područje na kojem se prikazuje fotografija. Dok povlačim, Photoshop zaključava izbor u omjeru koji sam postavio u traci s mogućnostima:
Povucite odabir oko područja na kojem će se prikazati fotografija.
Korak 5: Ispunite izbor sivem
Kad je odabir postavljen, idite na izbornik Uredi i još jednom odaberite Ispunite . Ovog puta, kad se pojavi dijaloški okvir Fill, postavite opciju Use na 50% Grey :
Postavite Upotreba na 50% siva.
Kliknite U redu, a Photoshop ispunjava fotografiju područja sivom bojom. Pritisnite Ctrl + D (Win) / Command + D (Mac) za uklanjanje odabranog obrisa:
Područje fotografije sada je ispunjeno sivom bojom.
Korak 6: Područje fotografije poravnajte vodoravno s dokumentom
Prije nego što nastavimo, pobrinimo se da se naše područje fotografija horizontalno poravna s dokumentom. Pritisnite Ctrl + A (Win) / Command + A (Mac) na tipkovnici, koji će odmah odabrati cijeli dokument (oko rubova prozora dokumenta pojavit će se kontura odabira). Pritisnite slovo V na tipkovnici da biste brzo odabrali Photoshop's Move Tool . Zatim s odabranim alatom Premjesti kliknite na opciju Poravnanje vodoravnih centara na traci s mogućnostima:
Upotrijebite opciju Poravnavanje vodoravnih centara za poravnavanje područja fotografije s dokumentom.
Ako se vaše područje fotografija nalazi vodoravno u sredini, Photoshop će ga uskočiti u savršeno usklađivanje s dokumentom. Pritisnite Ctrl + D (Win) / Command + D (Mac) kada završite kako biste poništili odabir dokumenta.
Korak 7: Dodajte tanku bijelu obrub
Dodajmo tanku bijelu obrub oko područja fotografije. Za to ćemo upotrijebiti jedan od Photoshosovih stilova slojeva. Kliknite ikonu Slojevi slojeva na dnu ploče Slojevi:
Kliknite ikonu Slojevi slojeva.
Zatim odaberite Stroke s dna popisa:
S popisa odaberite Stroke.
Ovo otvara Photoshop-ov dijaloški okvir Stil sloja postavljen na opcije Stroke u srednjem stupcu. Prvo kliknite naboj u boji s desne strane riječi Colour, koji će otvoriti alat za odabir boja, i odaberite bijelu kao boju za potez. Kliknite OK da biste zatvorili program za odabir boja kad završite. Zatim promijenite položaj udara u Unutrašnjost . Na kraju, prilagodite veličinu poteza povlačenjem klizača Veličina udesno. Pregledavanje klizača možete vidjeti u prozoru dokumenta dok povlačite klizač. Budući da želimo tanku obrub, postavit ću veličinu svog hoda na 4 px :
Promijenite boju poteza u bijelu i Pozicija prema unutra, a zatim pomičite kliznu veličinu klizača.
Kliknite U redu za izlaz iz dijaloškog okvira Stil sloja. Sada se oko prozora fotografije u prozoru dokumenta pojavljuje tanak bijeli pomak (razlog zbog kojeg smo fotografiju ranije popunili sivom, a ne bijelom tako da bismo mogli vidjeti bijelu obrub oko nje):
Pojavljuje se prva od dvije bijele granice. Trenutak ćemo dodati drugi.
Korak 8: Napravite kopiju sloja područja fotografije
Kad je sloj područja fotografije odabran na ploči Slojevi (odabrani slojevi su označeni plavom bojom), pritisnite Ctrl + J (Win) / Command + J (Mac) na tipkovnici kako biste napravili kopiju sloja, koju će Photoshop staviti iznad izvornik. Primijetite da se stil kopiranja također prepisuje:
Photoshop automatski naziva novi sloj "kopiranje područja fotografije".
9. korak: Preimenujte sloj i prevucite ga između izvornih dva sloja
Dvaput kliknite na naziv "foto foto kopija" i promijenite naziv sloja u obrub, jer ćemo ga koristiti za dodavanje vanjske granice u foto područje. Pritisnite Enter (Win) / Return (Mac) da biste prihvatili promjenu imena. Zatim kliknite sloj obruba na ploči Slojevi i, dok držite pritisnut gumb miša, povucite ga između pozadinskog sloja i sloja područja fotografije. Otpustite gumb miša da biste ga postavili na svoje mjesto kada se traka za osvjetljenje pojavi između dva sloja:
Povucite novi sloj između izvornih dva.
Korak 10: Spustite sloj obruba na 0%
Koristit ćemo sivo područje na graničnom sloju da bismo dodali drugi, deblji pomak oko fotografije. Problem je što zapravo ne želimo da siva površina bude vidljiva na ovom sloju. Sve što želimo je vidjeti bijeli trag oko njega. Da biste sakrili sivu boju i zadržali samo vidljiv sloj, jednostavno spustite sloj obruba na 0% . Fill skriva sadržaj sloja, ali zadržava vidljivost svih stilova sloja. Naći ćete opciju Fill neposredno ispod opcije Neprozirnost pri vrhu ploče Slojevi. Čini se da se ništa još nije promijenilo u prozoru dokumenta, budući da sloj područja fotografije blokira sloj obruba iz pogleda:
Postavite Fill na 0% kako biste sakrili sivu boju bez sakrivanja poteza oko nje.
Korak 11: Upotrijebite besplatnu transformaciju kako biste dodali prostor oko područja fotografije
Kada je Fill podešen na 0%, pritisnite Ctrl + T (Win) / Command + T (Mac) da biste prikazali Photoshop-ov okvir Free Transform i rukuje oko sivog područja na graničnom sloju. Držite tipku Alt (Win) / Option (Mac), zatim pritisnite lijevu ili desnu ručicu (mali kvadrat) i, dok držite tipku miša prema dolje, povucite je prema van kako biste dodali malo prostora s obje strane između drugi potez i sivo područje fotografija. Primijetite da je vidljiv samo sam bijeli hod. Siva na obrubnom sloju skrivena je od pogleda, ostavljajući nam područje crne boje (koje se vidi kroz sloj pozadine) između ovog drugog bijelog hoda i originala.
Držite pritisnutu Alt / Option i povucite gornju ili donju ručicu prema van kako biste dodali jednak prostor između drugog poteza i vrha i dna sive fotografije područja:
Upotrijebite besplatnu transformaciju kako biste dodali prostor između drugog poteza i područja fotografije.
Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili transformaciju.
12. korak: Povećajte debljinu vanjske granice
Dvaput kliknite riječ Stroke ispod graničnog sloja na ploči Slojevi:
Svi stilovi slojeva koji se koriste na sloju navedeni su izravno ispod njega.
Ovo ponovno otvara dijaloški okvir Stil sloja, ponovno postavljen na opcije Stroke u srednjem stupcu. Napravimo vanjsku obrub malo debljom od izvorne tako što ćete povući klizač Veličina dalje udesno. Opet možete vidjeti pregled udaraca uživo u prozoru dokumenta dok povlačite klizač. Povećat ću veličinu vanjskog hoda na 12 px . Sve ostale opcije ostavite iste:
Povećajte veličinu drugog poteza za deblju vanjsku obrub.
Kliknite OK da biste ponovo izašli iz dijaloškog okvira Stil sloja. Sada imamo tanku obrub izravno oko područja fotografije i deblju obrub oko njegove slike, završavajući naš osnovni okvir:
Područje za fotografije i jednostavan okvir s dvostrukom obrubom sada su na mjestu.
Korak 13: Otvorite fotografiju koju želite prikazati
Vrijeme je da našu fotografiju dodamo u foto zonu! Otvorite fotografiju koju želite prikazati i koja će se pojaviti u zasebnom prozoru dokumenta. Evo slike koju ću koristiti:
Otvorite sliku koja će se prikazati u području fotografija.
14. korak: odaberite i kopirajte sliku
Pritisnite Ctrl + A (Win) / Command + A (Mac) za brzi odabir cijele fotografije. Zatim pritisnite Ctrl + C (Win) / Command + C (Mac) da biste je kopirali u međuspremnik.
Korak 15: Odaberite sloj područja fotografije
Kad se fotografija kopira u međuspremnik, vratite se na izvorni prozor dokumenta (izgled fotookvira u galeriji) i kliknite na sloj područja fotografije na ploči Slojevi da biste ga odabrali:
Odaberite sloj područja fotografije.
16. korak: lijepljenje fotografije u dokument
Pritisnite Ctrl + V (Win) / Command + V (Mac) da biste zalijepili fotografiju koju smo prije kopirali u dokument prije trenutak. Photoshop će automatski postaviti fotografiju na svoj vlastiti sloj neposredno iznad bilo kojeg sloja koji je tada odabran (zbog čega smo prvo odabrali sloj područja fotografije), kao što možemo vidjeti ako pogledamo na ploči Slojevi. Photoshop je sloj fotografije nazvao "Sloj 1", što je u redu. Nema potrebe preimenovati ga:
Fotografija se pojavljuje na vlastitom sloju, neposredno iznad sloja područja fotografije.
Međutim, ako pogledamo u prozor dokumenta, vidimo da je slika trenutno prevelika da bi se mogla smjestiti u foto-područje i blokira ga iz prikaza:
Fotografija je trenutno prevelika da bi se mogla uklopiti u područje u kojem će biti prikazana.
Korak 17: Napravite reznu masku
Trebamo način da se slika uklopi u foto-područje, a to možemo učiniti obrezujućom maskom . Prvo kliknite na sloj koji sadrži fotografiju ("Sloj 1") na ploči Slojevi da biste je odabrali. Zatim idite na izbornik Sloja pri vrhu zaslona i odaberite Create Mask za rezanje :
Odaberite sloj fotografije na ploči Slojevi, a zatim idite na Layer> Create Clipping Mask.
Foto sloj će se uvući udesno na ploči Slojevi, obavještavajući nas da je sada "pričvršćen" za sloj ispod njega:
Sloj područja fotografija sada se koristi kao maska za sliku.
Zahvaljujući izrezivanju maske, u prozoru dokumenta sada je vidljivo samo područje slike koje pada izravno iznad područja sive fotografije ispod njega. Područja izvan granica područja fotografije su skrivena od pogleda:
Ostaje vidljivo samo područje fotografije neposredno iznad područja fotografije ispod njega.
Korak 18: Promijenite veličinu i premjestite fotografiju s besplatnom transformacijom
Za sada je dobro, ali moja je slika još uvijek prevelika da bi se u potpunosti uklopila unutar manjih granica područja fotografije, a također je treba preložiti. Obje stvari možemo učiniti i besplatnom transformacijom. Još jednom pritisnite Ctrl + T (Win) / Command + T (Mac) kako biste prikazali okvir Free Transform i ručke, ovaj put oko fotografije. Držite tipku Shift i povucite bilo koju od kutnih ručica da biste promijenili veličinu fotografije prema potrebi dok se ne uklapa u područje fotografije. Da biste premjestili fotografiju, kliknite bilo gdje unutar okvira Free Transform i povucite sliku na svoje mjesto. Ako vaša slika koristi isti omjer slike kao i vaše područje fotografija (kao i moje), trebali biste biti u mogućnosti uklopiti cjelokupnu sliku unutar nje. Ako ne, jednostavno promijenite veličinu slike sve dok se ne vidi što je više moguće. Pritisnite Enter (Win) / Return (Mac) kada završite kako biste prihvatili transformaciju:
Koristite Besplatnu transformaciju za pomicanje i promjenu veličine fotografije dok se ne uklapa u fotookvir.
19. korak: Dodajte tekst ispod slike
U ovom trenutku preostaje samo dodati tekstualni opis ispod slike. Na alatu Alati odaberite alat horizontalnog tipa :
Odaberite Alat za vrstu.
Kad je odabran Type Tool, na traci s opcijama odaberite font i veličinu fonta. Koristit ću Trajan Pro na 24 pt:
Odaberite font i veličinu fonta u traci s mogućnostima.
Kliknite uzorak u boji na traci s mogućnostima i odaberite bijelu boju kao tekst teksta s alata za odabir boja. Na kraju, kliknite na opciju Središnji tekst s lijeve strane uzorka boja, što će olakšati centriranje teksta u dokumentu dok upisujemo:
Odaberite boju kao boju teksta i odaberite opciju poravnanja teksta u središnjem tekstu.
Zatim jednostavno kliknite na crno područje ispod sredine fotografije pomoću alata za unos teksta i dodajte svoj tekst. Utipkat ću "Steve Patterson Photography". Vjerojatno ćete htjeti dodati nešto drugačije, osim ako mi naravno ne želite zahvaliti za vaš rad. Primijetite da mjesto na koje ste kliknuli alatom za tip teksta postaje središnja točka teksta dok kucate zahvaljujući opciji Središnji tekst koji smo odabrali u traci s mogućnostima:
Kad je odabrana opcija Središnji tekst, tekst se proteže u oba smjera s mjesta na koje ste kliknuli.
Kada završite, kliknite potvrdni okvir na traci mogućnosti da biste prihvatili tekst:
Kliknite na kvačicu za izlaz iz načina uređivanja teksta.
20. korak: poravnajte tekst vodoravno ako je potrebno
Da biste bili sigurni da je tekst vodoravno poravnan s dokumentom, slijedite istu metodu koju smo koristili u koraku 6. S tekstualnim slojem odabranim na ploči Slojevi pritisnite Ctrl + A (Win) / Command + A (Mac) za odabir cijelog dokument. Pritisnite slovo V za brzi odabir alata Move, a zatim kliknite na opciju Poravnanje vodoravnih centara na traci s mogućnostima. Photoshop će savršeno poravnati tekst u vodoravnom središtu dokumenta. Pritisnite Ctrl + D (Win) / Command + D (Mac) kada završite kako biste poništili odabir dokumenta. Kad isključite izbor, možete pritisnuti tipke sa strelicama gore i dolje na tipkovnici ako trebate pomaknuti tekst malo više ili niže:
Ponovno upotrijebite opciju Poravnavanje vodoravnih centara, ovaj put da poravnate tekst s dokumentom.
I s tim smo gotovi! Evo mog konačnog izgleda okvira za fotografije u stilu galerije:
Konačni rezultat.