V tomto tutoriále s photoshop efektmi sa naučíme, ako vytvoriť jednoduché rozloženie rámčekov fotografií v štýle galérie, spolu s textovým popisom pod ním, akoby bola fotografia zobrazená v galérii umenia. Môže to byť veľmi elegantný a elegantný spôsob prezentácie vašej práce a vytvorenie rozloženia je jednoduché.
Takto bude vyzerať konečný výsledok (samozrejme, vaša fotografia a text sa budú líšiť):
Konečné rozloženie foto rámček v štýle galérie.
Ako vytvoriť galériu štýlu foto rámček
Krok 1: Vytvorte nový dokument
Začnime vytvorením nového dokumentu. Prejdite hore na ponuku Súbor na paneli s ponukou pozdĺž hornej časti obrazovky a vyberte položku Nový :
Prejdite na Súbor> Nový.
Otvorí sa dialógové okno Nový dokument vo Photoshope. Chcem, aby sa moje konečné rozloženie tlačilo ako orientácia na šírku 8 x 10 na šírku, takže zadám hodnotu 10 palcov pre šírku a 8 palcov pre výšku (uistite sa, že ste nastavili typ merania na palce, nie na pixely) ). Rozmery, ktoré potrebujete pre svoje rozloženie, sa môžu líšiť. Pretože chcem, aby sa tlačila vo vysokej kvalite, zadám hodnotu rozlíšenia 240 pixelov / palec . Nakoniec nastavte Obsah pozadia na Biely, ktorý vyplní pozadie nového dokumentu bielou farbou, aj keď ho za chvíľu zmeníme (to nás len udrží na tej istej stránke):
V dialógovom okne Nový dokument nastavte šírku, výšku, rozlíšenie a farbu pozadia.
Kliknutím na tlačidlo OK zatvorte dialógové okno. Na obrazovke sa objaví nový dokument plný bielej farby.
Krok 2: Naplňte nový dokument čiernou farbou
Po vytvorení nového dokumentu ho vyplňte čiernou farbou, ktorá sa stane farbou pozadia rozloženia. Prejdite hore do ponuky Upraviť v hornej časti obrazovky a vyberte položku Vyplniť :
Prejdite na možnosť Úpravy> Vyplniť.
Zobrazí sa dialógové okno Výplň. V hornej časti dialógového okna nastavte možnosť Použiť na čiernu :
Nastavte možnosť Použiť na čiernu.
Kliknutím na tlačidlo OK zatvorte dialógové okno a program Photoshop vyplní dokument čiernou farbou:
Čierna je teraz farba pozadia pre rozloženie.
Krok 3: Pridajte novú prázdnu vrstvu a pomenujte ju „oblasť Photo“
Pridáme novú prázdnu vrstvu do nášho dokumentu kliknutím na ikonu Nová vrstva v dolnej časti panelu Vrstvy:
Kliknite na ikonu Nová vrstva.
Pridá novú prázdnu vrstvu, ktorú Photoshop automaticky pomenuje „Vrstva 1“, nad vrstvu Pozadie na paneli Vrstvy. Dvakrát kliknite priamo na názov „Vrstva 1“ a zmeňte názov na oblasť fotografií . Po dokončení stlačte Enter (Win) / Return (Mac), aby ste akceptovali zmenu názvu:
Dvakrát kliknite na názov novej vrstvy a zmeňte ju na „oblasť fotografie“.
Krok 4: Potiahnite výber okolo hlavnej oblasti fotografie
Potrebujeme nakresliť výber okolo oblasti, v ktorej sa bude fotografia zobrazovať. Na paneli Nástroje vyberte nástroj Obdĺžnikové orámovanie :
Vyberte nástroj Obdĺžnikové orámovanie.
Ak je vybratý nástroj Obdĺžnikové orámovanie, panel Možnosti v hornej časti obrazovky sa zmení tak, aby zobrazoval možnosti konkrétne pre tento nástroj. Navrhnem svoje rozloženie tak, aby sa zobrazila fotografia so štandardným pomerom strán 4x6 v orientácii na šírku. Najprv zmeníte možnosť Štýl na paneli Možnosti na pevný pomer, potom zadám 6 pre šírku a 4 pre výšku (pomer strán, ktorý chcete pre svoju fotografiu, sa môže líšiť) :
Zmeňte možnosť Štýl na Pevný pomer a potom zadajte 6 pre šírku a 4 pre výšku.
Potom kliknem asi na palec asi tak ďaleko od ľavého horného rohu dokumentu a vytiahnem výber, ktorý sa stane oblasťou, kde sa fotografia zobrazuje. Keď pretiahnem, Photoshop uzamkne výber na pomer strán, ktorý som nastavil na paneli Možnosti:
Potiahnite výber okolo oblasti, kde sa bude fotografia zobrazovať.
Krok 5: Vyplňte výber sivou farbou
Keď je výber na mieste, prejdite do ponuky Upraviť a znova vyberte položku Vyplniť . Keď sa objaví dialógové okno Výplň, nastavte možnosť Použiť na 50% sivá :
Nastavte Použiť na 50% šedú.
Kliknite na tlačidlo OK a Photoshop vyplní oblasť fotografií sivou farbou. Stlačením klávesov Ctrl + D (Win) / Command + D (Mac) odstráňte osnovu výberu:
Oblasť fotografie je teraz vyplnená sivou farbou.
Krok 6: Zarovnajte oblasť fotografie vodorovne s dokumentom
Skôr ako budeme pokračovať, skontrolujte, či je naša fotografická oblasť zarovnaná vodorovne s dokumentom. Na klávesnici stlačte kombináciu klávesov Ctrl + A (Win) / Command + A (Mac), čím sa okamžite vyberie celý dokument (okolo okrajov okna dokumentu sa objaví obrys výberu). Stlačením písmena V na klávesnici rýchlo vyberte Photoshop's Move Tool . Potom, keď je vybratý nástroj na presun, kliknite na možnosť Zarovnať vodorovné stredy na paneli Možnosti:
Na zarovnanie oblasti fotografie s dokumentom použite možnosť Zarovnať vodorovné stredy.
Ak bola vaša oblasť fotografie horizontálne trochu mimo stred, Photoshop ju zachytí do dokonalého zarovnania s dokumentom. Keď skončíte, stlačte Ctrl + D (Win) / Command + D (Mac) a zrušte výber dokumentu.
Krok 7: Pridajte tenký biely okraj
Pridajme tenký biely okraj okolo oblasti fotografie. Na tento účel použijeme jeden zo štýlov vrstiev Photoshopu. Kliknite na ikonu Štýly vrstiev v dolnej časti panelu Vrstvy:
Kliknite na ikonu Štýly vrstiev.
Potom vyberte zdvih v dolnej časti zoznamu:
V zozname vyberte položku Zdvih.
Týmto sa otvorí dialógové okno Štýl vrstvy vo Photoshope nastavené na možnosti Zdvih v strednom stĺpci. Najprv kliknite na vzorník farieb napravo od slova Farba, čím sa otvorí nástroj na výber farieb, a ako farbu ťahu vyberte bielu farbu. Po dokončení kliknite na OK. Potom zmeňte polohu zdvihu na vnútornú . Nakoniec upravte veľkosť ťahu potiahnutím posúvača Veľkosť doprava. Pri ťahaní posúvača môžete v okne dokumentu vidieť živý náhľad veľkosti ťahu. Pretože chceme tenký okraj, nastavím veľkosť môjho ťahu na 4 px :
Zmeňte farbu zdvihu na bielu a pozíciu na vnútornú, potom nastavte veľkosť zdvihu pomocou posúvača.
Kliknutím na tlačidlo OK opustíte dialógové okno Štýl vrstvy. Okolo oblasti fotografie v okne dokumentu sa teraz objaví tenká biela mŕtvica (dôvod, prečo sme oblasť fotografií vyplnili sivou a nie bielou farbou skôr, bolo možné vidieť okolo nej biely okraj):
Objaví sa prvý z dvoch bielych okrajov. O chvíľu pridáme ďalšiu.
Krok 8: Vytvorte kópiu vrstvy fotografie
Keď je na paneli Vrstvy vybraná vrstva s fotografickými oblasťami (vybraté vrstvy sú zvýraznené modrou farbou), stlačte Ctrl + J (Win) / Command + J (Mac) na klávesnici a vytvorte kópiu vrstvy, ktorú Photoshop umiestni nad originál. Všimnite si, že sa skopíruje aj štýl vrstvy tahu:
Photoshop automaticky pomenuje novú vrstvu „kópia oblasti fotografie“.
Krok 9: Premenujte vrstvu a presuňte ju medzi pôvodné dve vrstvy
Dvakrát kliknite priamo na názov „kópia oblasti fotografie“ a zmeňte názov vrstvy na orámovanie, pretože pomocou tejto chvíle použijeme na pridanie vonkajšej hranice oblasti fotografie. Stlačením Enter (Win) / Return (Mac) potvrďte zmenu názvu. Potom kliknite na hraničnú vrstvu na paneli Vrstvy a podržte stlačené tlačidlo myši a pretiahnite ju medzi vrstvu Pozadie a vrstvu fotografickej oblasti. Keď sa medzi dvoma vrstvami objaví svetlý pruh, uvoľnite ho a umiestnite ho na miesto.
Presuňte novú vrstvu medzi pôvodné dve.
Krok 10: Znížte výplň hraničnej vrstvy na 0%
Budeme používať sivou oblasťou na okrajovej vrstve, aby sme pridali druhý, hrubší ťah okolo fotografie. Problém je, že v skutočnosti nechceme, aby bola šedá oblasť na tejto vrstve viditeľná. Chceme len vidieť bielu mŕtvicu okolo nej. Ak chcete skryť sivú farbu a zachovať viditeľný iba zdvih, jednoducho znížte výplň pre hraničnú vrstvu na 0% . Výplň skryje obsah vrstvy, ale zachováva viditeľnosť všetkých štýlov vrstvy. Možnosť Výplň nájdete priamo pod možnosťou Nepriehľadnosť v hornej časti panela Vrstvy. Zdá sa, že sa v okienku dokumentu zatiaľ nič nezmenilo, pretože vrstva oblasti fotografie blokuje zobrazenie okrajovej vrstvy:
Nastavením výplne na 0% skryjete šedú farbu bez toho, aby ste skryli jej zdvih.
Krok 11: Použite bezplatnú transformáciu na pridanie priestoru okolo oblasti s fotografiami
Ak je výplň nastavená na 0%, stlačte kombináciu klávesov Ctrl + T (Win) / Command + T (Mac), čím sa objaví rámik Free Transform vo Photoshope a rukoväte okolo šedej oblasti na hraničnej vrstve. Podržte stlačenú klávesu Alt (Win) / Option (Mac), potom kliknite na ľavú alebo pravú rukoväť (malý štvorec) a zároveň držte stlačené tlačidlo myši, potiahnite ho smerom von a pridajte malé miesto na oboch stranách medzi druhý zdvih a sivú fotografiu. Všimnite si, že je viditeľná iba biela mŕtvica. Šedá na hraničnej vrstve je skryta z pohľadu, takže medzi touto druhou bielou čiarou a originálom je oblasť čiernej (ktorá sa ukazuje cez vrstvu pozadia).
Držte Alt / Option podržané a potiahnite hornú alebo dolnú rukoväť smerom von, aby ste pridali rovnaké množstvo miesta medzi druhým ťahom a hornou a dolnou časťou sivej fotografie:
Pomocou bezplatnej transformácie môžete pridať medzeru medzi druhou čiarou a oblasťou fotografie.
Po dokončení stlačte Enter (Win) / Return (Mac).
Krok 12: Zvýšte hrúbku vonkajšieho okraja
Dvakrát kliknite na slovo Zdvih pod hraničnou vrstvou na paneli Vrstvy:
Všetky štýly vrstvy použité vo vrstve sú uvedené priamo pod ňou.
Týmto sa znova otvorí dialógové okno Štýl vrstvy, opäť nastavené na možnosti Zdvih v strednom stĺpci. Urobme vonkajší okraj trochu hrubší ako pôvodný potiahnutím posúvača Veľkosť ďalej smerom doprava. Pri ťahaní posúvača môžete opäť vidieť živé zobrazenie ťahu v okne dokumentu. Zväčším svoju vonkajšiu veľkosť zdvihu na 12 px . Všetky ostatné možnosti nechajte rovnaké:
Zväčšite veľkosť druhého zdvihu pre hrubší vonkajší okraj.
Kliknutím na tlačidlo OK opäť opustíte dialógové okno Štýl vrstvy. Priamo okolo oblasti fotografie máme teraz tenkú hranicu a okolo nej silnejšiu hranicu, čím dokončujeme náš základný rám:
Teraz je na mieste fotografia a jednoduchý rám s dvojitým orámovaním.
Krok 13: Otvorte fotografiu, ktorú chcete zobraziť
Je čas pridať našu fotografiu do oblasti s fotografiami! Otvorte fotografiu, ktorú chcete zobraziť, ktorá sa zobrazí v samostatnom okne dokumentu. Tu je obrázok, ktorý budem používať:
Otvorte obrázok, ktorý sa zobrazí v oblasti fotografie.
Krok 14: Vyberte a skopírujte obrázok
Stlačením Ctrl + A (Win) / Command + A (Mac) rýchlo vyberiete celú fotografiu. Potom stlačte Ctrl + C (Win) / Command + C (Mac) a skopírujte ho do schránky.
Krok 15: Vyberte vrstvu Photo Area Layer
Keď sa fotografia skopíruje do schránky, prepnite sa späť do okna pôvodného dokumentu (rozloženie rámčeka fotogalérie v galérii) a kliknutím na vrstvu oblasti fotografie na paneli Vrstvy ju vyberte:
Vyberte vrstvu oblasti fotografií.
Krok 16: Vložte fotografiu do dokumentu
Stlačením Ctrl + V (Win) / Command + V (Mac) vložte fotografiu, ktorú sme pred chvíľou skopírovali do schránky. Photoshop automaticky umiestni fotografiu na svoju vlastnú vrstvu priamo nad vrstvou, ktorá bola vybratá v tom čase (čo je dôvod, prečo sme najprv vybrali vrstvu s fotografickou oblasťou), ako to vidíme na paneli Vrstvy. Photoshop nazval vrstvu fotografií „Vrstva 1“, čo je v poriadku. Nie je potrebné ho premenovať:
Fotografia sa objaví na svojej vlastnej vrstve priamo nad vrstvou fotografie.
Ak sa však pozrieme do okna dokumentu, vidíme, že obrázok je momentálne príliš veľký na to, aby sa zmestil do oblasti fotografie a blokuje ho z pohľadu:
Fotografia je momentálne príliš veľká na to, aby sa vošla do oblasti, v ktorej bude zobrazená.
Krok 17: Vytvorte orezovú masku
Potrebujeme spôsob, ako zaistiť, aby sa obraz zmestil do oblasti fotografie, a môžeme to urobiť pomocou orezovej masky . Najprv kliknite na vrstvu, ktorá obsahuje fotografiu („Vrstva 1“) na paneli Vrstvy a vyberte ju. Potom prejdite do ponuky Vrstva v hornej časti obrazovky a vyberte položku Vytvoriť orezovú masku :
Vyberte vrstvu fotografií na paneli Vrstvy a potom prejdite na Vrstva> Vytvoriť orezovú masku.
Vrstva s fotografiami odsadí na paneli Vrstvy doprava a oznámi nám, že je teraz „pripnutá“ k vrstve pod ňou:
Vrstva oblasti fotografie sa teraz používa ako maska pre obrázok.
Vďaka orezovej maske je teraz v okne dokumentu viditeľná iba oblasť obrázka, ktorá spadá priamo nad sivú fotografiu pod ňou. Oblasti za hranicami oblasti fotografie sú pred zobrazením skryté:
Viditeľná je iba oblasť fotografie priamo nad fotografickou oblasťou pod ňou.
Krok 18: Zmena veľkosti a premiestnenie fotografie pomocou bezplatnej transformácie
Zatiaľ dobrý, ale môj obraz je stále príliš veľký, aby sa zmestil úplne do menších hraníc oblasti fotografie, a tiež je potrebné ho premiestniť. S Free Transform môžeme robiť obe tieto veci. Opäť stlačte Ctrl + T (Win) / Command + T (Mac), čím sa zobrazí pole Free Transform a úchytky, tentokrát okolo fotografie. Podržte stlačený kláves Shift a potiahnite ktorúkoľvek z rohových úchytiek, aby ste veľkosť fotografie upravili podľa potreby, kým nezapadne do oblasti fotografie. Ak chcete fotografiu presunúť, kliknite kamkoľvek do poľa Free Transform a presuňte obrázok na svoje miesto. Ak váš obrázok používa rovnaký pomer strán ako fotografia (ako môj), mali by ste byť schopní do neho vložiť celý obrázok. Ak nie, jednoducho zmeňte veľkosť obrázka, až kým nebude vidno čo najviac z neho. Po dokončení akceptovania transformácie stlačte kláves Enter (Win) / Return (Mac):
Pomocou Free Transform môžete fotografiu premiestňovať a meniť jej veľkosť, kým nezapadne do oblasti fotografie.
Krok 19: Pridajte svoj text pod obrázok
V tejto chvíli stačí pod obrázok pridať textový popis. Na paneli Nástroje vyberte nástroj Horizontálny typ :
Vyberte nástroj na písanie textu.
Ak je vybratý Nástroj na písanie textu, na paneli Možnosti vyberte svoje písmo a veľkosť písma. Použijem Trajan Pro pri 24 pt:
Na paneli Možnosti vyberte svoje písmo a veľkosť písma.
Na paneli s možnosťami kliknite na vzorník farieb a v dialógovom okne Výber farieb vyberte bielu farbu textu. Nakoniec kliknite na možnosť Stredový text naľavo od vzorkovníka farieb, čo uľahčí centrovanie nášho textu v dokumente pri písaní:
Ako farbu textu vyberte bielu a vyberte možnosť Zarovnať na stredný text.
Potom jednoducho jednoducho kliknite do čiernej oblasti pod stredom fotografie pomocou nástroja na písanie textu a pridajte text. Idem napísať „Steve Patterson Photography“. Pravdepodobne budete chcieť pridať niečo iné, pokiaľ mi, samozrejme, nedáte zásluhu na svojej práci. Všimnite si, že miesto, na ktoré ste klikli pomocou nástroja na písanie textu, sa pri písaní stane stredovým bodom textu vďaka možnosti Stredný text, ktorú sme vybrali na paneli Možnosti:
Ak je vybratá možnosť Stredný text, text sa rozprestiera oboma smermi z miesta, na ktoré ste klikli.
Po dokončení kliknite na začiarknutie na paneli Možnosti, aby ste prijali text:
Kliknutím na začiarknutie ukončíte režim úpravy textu.
Krok 20: Ak je to potrebné, zarovnajte text vodorovne
Aby ste sa uistili, že text je zarovnaný vodorovne s dokumentom, použite rovnakú metódu, akú sme použili v kroku 6. Keď je na paneli Vrstvy vybratá textová vrstva, stlačením klávesov Ctrl + A (Win) / Command + A (Mac) vyberte celý dokument. Stlačením písmena V rýchlo vyberiete nástroj Premiestniť a potom na paneli Možnosti kliknite na možnosť Zarovnať vodorovné stredy . Photoshop dokonale zarovná text v horizontálnom strede dokumentu. Keď skončíte, stlačte Ctrl + D (Win) / Command + D (Mac) a zrušte výber dokumentu. Keď zrušíte výber, môžete na klávesnici stlačiť tlačidlá so šípkami nahor a nadol, ak potrebujete text trochu posunúť vyššie alebo nižšie:
Znovu použite možnosť Zarovnať vodorovné stredy, tentoraz na zarovnanie textu s dokumentom.
A s tým sme hotoví! Tu je moje posledné usporiadanie „foto rámček v štýle galérie“:
Konečný výsledok.