V tomto tutoriálu Photoshop Effects se naučíme, jak vytvořit jednoduché rozvržení fotorámečku ve stylu galerie doplněné o textový popisek pod ním, jako by byla fotografie zobrazena v umělecké galerii. Může to být velmi elegantní a elegantní způsob prezentace vaší práce a vytvoření rozvržení je snadné.
Zde bude vypadat konečný výsledek (samozřejmě, vaše fotografie a textové titulky se budou lišit):
Konečné rozvržení foto rámečku ve stylu galerie.
Jak vytvořit foto rámeček ve stylu galerie
Krok 1: Vytvoření nového dokumentu
Začněme vytvořením nového dokumentu. Přejděte nahoru na nabídku Soubor na panelu nabídek v horní části obrazovky a zvolte Nový :
Přejděte na Soubor> Nový.
Tím se otevře dialogové okno Nový dokument Photoshopu. Budu chtít, aby se moje konečné rozvržení tisklo jako orientace na šířku 8x10 na šířku, takže zadám hodnotu 10 palců pro šířku a 8 palců pro výšku (ujistěte se, že jste nastavili typ měření na palce, nikoli na pixely) ). Rozměry, které potřebujete pro rozvržení, se mohou lišit. Protože chci, aby se tiskl ve vysoké kvalitě, zadám hodnotu rozlišení 240 pixelů / palec . Nakonec nastavte obsah pozadí na bílou, který zaplní pozadí nového dokumentu bílou, i když ji za chvíli změníme (to nás jen udrží na stejné stránce):
V dialogovém okně Nový dokument nastavte šířku, výšku, rozlišení a barvu pozadí.
Klepnutím na tlačítko OK zavřete dialogové okno. Na obrazovce se objeví nový dokument naplněný bílou.
Krok 2: Vyplňte nový dokument černou barvou
S vytvořeným novým dokumentem jej vyplňte černou barvou, která se stane barvou pozadí rozvržení. V horní části obrazovky přejděte do nabídky Úpravy a vyberte Výplň :
Přejděte na Úpravy> Vyplnit.
Otevře se dialogové okno Výplň. V horní části dialogového okna nastavte možnost Použít na černou :
Nastavte možnost Použít na černou.
Klepnutím na tlačítko OK ukončíte dialogové okno a aplikace Photoshop vyplní dokument černou barvou:
Černá je nyní barva pozadí pro rozvržení.
Krok 3: Přidejte novou prázdnou vrstvu a pojmenujte ji „oblast Photo“
Přidáme novou prázdnou vrstvu do našeho dokumentu kliknutím na ikonu Nová vrstva ve spodní části panelu Vrstvy:
Klikněte na ikonu Nová vrstva.
Tím se přidá nová prázdná vrstva, kterou Photoshop automaticky pojmenuje „Vrstva 1“, nad vrstvu Pozadí v panelu Vrstvy. Poklepejte přímo na název „Vrstva 1“ a změňte název na oblast fotografií . Po dokončení stiskněte Enter (Win) / Return (Mac):
Poklepejte na název nové vrstvy a změňte ji na „oblast fotografie“.
Krok 4: Přetáhněte výběr kolem hlavní oblasti fotografie
Musíme nakreslit výběr kolem oblasti, ve které se bude fotografie zobrazovat. Vyberte nástroj Obdélníkový rámeček z panelu Nástroje:
Vyberte nástroj Obdélníkové ohraničení.
Je-li vybrán nástroj Obdélníkové ohraničení, panel Možnosti v horní části obrazovky se změní a zobrazí možnosti specificky pro tento nástroj. Navrhnu své rozvržení tak, abych zobrazil fotografii se standardním poměrem stran 4x6 v orientaci na šířku. Za tímto účelem nejprve změníme možnost Styl na panelu Možnosti na Fixed Ratio, pak zadám 6 pro šířku a 4 pro výšku (poměr stran, který chcete pro vaši fotografii, se může lišit) :
Změňte možnost Styl na Pevný poměr a poté zadejte 6 pro šířku a 4 pro výšku.
Poté kliknu asi na palec asi tak od levého horního rohu dokumentu a přetáhnu výběr, který se stane oblastí, kde se zobrazí fotografie. Při tažení Photoshop uzamkne výběr poměru stran, který jsem nastavil na panelu Možnosti:
Přetáhněte výběr kolem oblasti, kde se bude fotografie zobrazovat.
Krok 5: Vyplňte výběr šedou barvou
Když je výběr na místě, přejděte do nabídky Úpravy a znovu vyberte Vyplnit . Tentokrát, když se objeví dialogové okno Výplň, nastavte možnost Použít na 50% Šedá :
Nastavte Použít na 50% Šedá.
Klikněte na OK a Photoshop vyplní oblast fotografie šedou barvou. Stisknutím kláves Ctrl + D (Win) / Command + D (Mac) odstraníte obrys výběru:
Oblast fotografie je nyní vyplněna šedou barvou.
Krok 6: Zarovnejte vodorovně oblast fotografie s dokumentem
Než budeme pokračovat, ujistěte se, že naše fotografie je zarovnána vodorovně s dokumentem. Stiskněte Ctrl + A (Win) / Command + A (Mac) na klávesnici, čímž okamžitě vyberete celý dokument (kolem okrajů okna dokumentu se objeví obrys výběru). Stisknutím písmene V na klávesnici rychle vyberte Photoshop's Move Tool . Poté, když je vybrán nástroj pro přesun, klikněte na možnost Zarovnat vodorovné středy na panelu Možnosti:
Pomocí možnosti Zarovnat vodorovné středy zarovnejte oblast fotografie s dokumentem.
Pokud byla vaše oblast fotografie vodorovně trochu mimo střed, Photoshop ji zachytí do dokonalého zarovnání s dokumentem. Až budete hotovi, stiskněte Ctrl + D (Win) / Command + D (Mac) a zrušte výběr dokumentu.
Krok 7: Přidejte tenký bílý okraj
Přidáme tenký bílý rámeček kolem oblasti fotografie. K tomu použijeme jeden ze stylů vrstvy Photoshopu. Klikněte na ikonu Styly vrstev ve spodní části panelu Vrstvy:
Klikněte na ikonu Styly vrstev.
Poté vyberte zdvih ze spodní části seznamu:
Ze seznamu vyberte Tah.
Tím se otevře dialogové okno Styl vrstvy Photoshopu nastavené na možnosti Zdvih ve středním sloupci. Nejprve klikněte na vzorek barvy vpravo od slova Barva, čímž se otevře Výběr barvy, a vyberte barvu bílé pro barvu tahu. Po dokončení klepnutím na tlačítko OK ukončíte výběr barvy. Poté změňte polohu tahu na Inside . Nakonec upravte velikost tahu přetažením posuvníku Velikost doprava. Při přetahování jezdce můžete v okně dokumentu vidět živý náhled velikosti tahu. Protože chceme tenké ohraničení, nastavím velikost tahu na 4 px :
Změňte barvu tahu na bílou a pozici na dovnitř a potom upravte velikost tahu posuvníkem.
Klepnutím na tlačítko OK ukončíte dialogové okno Styl vrstvy. Kolem oblasti fotografie v okně dokumentu se nyní objevuje tenká bílá čára (důvod, proč jsme oblast fotografií vyplnili šedou a nikoli bílou dříve, bylo vidět bílé okraje kolem ní):
Objeví se první ze dvou bílých okrajů. Za chvíli přidáme další.
Krok 8: Vytvořte kopii vrstvy fotografie
Když je v oblasti Vrstvy vybrána vrstva fotografie (vybrané vrstvy jsou zvýrazněny modrou barvou), stisknutím kláves Ctrl + J (Win) / Command + J (Mac) na klávesnici vytvořte kopii vrstvy, kterou Photoshop umístí nad originál. Všimněte si, že je také zkopírován styl vrstvy tahu:
Photoshop automaticky pojmenuje novou vrstvu „kopie oblasti fotografie“.
Krok 9: Přejmenujte vrstvu a přetáhněte ji mezi původní dvě vrstvy
Poklepejte přímo na název „Photo area copy“ a změňte název vrstvy na hranici, protože ji za okamžik použijeme k přidání vnějšího ohraničení k fotografii. Stisknutím Enter (Win) / Return (Mac) přijměte změnu názvu. Poté klikněte na hraniční vrstvu na panelu Vrstvy a přitom ji držte stisknutou a přetáhněte ji mezi vrstvu pozadí a vrstvu fotografie. Uvolněte tlačítko myši a umístěte jej na místo, když se mezi dvěma vrstvami objeví zvýrazňovací pruh:
Přetáhněte novou vrstvu mezi původní dvě.
Krok 10: Snižte výplň hraniční vrstvy na 0%
Budeme používat šedou oblast na hraniční vrstvě k přidání druhého, silnějšího tahu kolem fotografie. Problém je, že ve skutečnosti nechceme, aby byla šedá oblast na této vrstvě viditelná. Chceme jen vidět bílou mrtvici kolem ní. Pro skrytí šedé a udržení viditelného pouze tahu jednoduše spusťte výplň pro hraniční vrstvu na 0% . Výplň skryje obsah vrstvy, ale zachovává viditelnost všech stylů vrstvy. Možnost Výplň najdete přímo pod možností Průhlednost v horní části panelu Vrstvy. Zdá se, že se v okně dokumentu zatím nic nezměnilo, protože vrstva oblasti fotografie blokuje hraniční vrstvu z pohledu:
Nastavte výplň na 0%, abyste skryli šedou, aniž byste skryli tah kolem ní.
Krok 11: Pomocí volné transformace přidejte prostor kolem oblasti fotografie
Když je výplň nastavena na 0%, stisknutím kláves Ctrl + T (Win) / Command + T (Mac) vyvolejte rámeček Free Transform ve Photoshopu a úchyty kolem šedé oblasti na hraniční vrstvě. Podržte stisknutou klávesu Alt (Win) / Option (Mac), poté klikněte na levou nebo pravou rukojeť (malý čtverec) a zatímco stále držíte tlačítko myši, přetáhněte ji směrem ven a přidejte malé místo na obou stranách mezi druhý tah a šedou fotografii. Všimněte si, že je viditelný pouze bílý tah. Šedá na hraniční vrstvě je před pohledem skryta, takže mezi touto druhou bílou mrtvicí a originálem je oblast černé (která se zobrazuje skrz vrstvu pozadí).
Chcete-li přidat stejné množství prostoru mezi druhým tahem a horním a dolním okrajem šedé fotografie, držte stisknutou klávesu Alt / Option a přetáhněte horní nebo dolní úchyt směrem ven:
Pomocí Free Transform můžete přidat mezeru mezi druhým tahem a oblastí fotografie.
Až budete hotovi, přijměte transformaci stisknutím klávesy Enter (Win) / Return (Mac).
Krok 12: Zvýšení tloušťky vnějšího okraje
Poklepejte na slovo Tah pod vrstvou okraje v panelu Vrstvy:
Všechny styly vrstev použité ve vrstvě jsou uvedeny přímo pod ní.
Tím se znovu otevře dialogové okno Styl vrstvy, opět nastavené na možnosti Zdvih ve středním sloupci. Udělejme vnější ohraničení o něco silnější než původní a přetáhněte jezdec Velikost dále doprava. Při přetahování posuvníku můžete opět zobrazit živý náhled tahu v okně dokumentu. Zvětším velikost vnějšího tahu na 12 px . Všechny ostatní možnosti ponechte stejné:
Zvětšete velikost druhého tahu pro silnější vnější okraj.
Klepnutím na tlačítko OK opusťte dialogové okno Styl vrstvy. Nyní máme tenký rámeček přímo kolem oblasti fotografie a silnější okraje kolem něj, čímž dokončujeme základní rámeček:
Oblast fotografií a jednoduchý rámeček s dvojitým rámečkem jsou nyní na svém místě.
Krok 13: Otevřete fotografii, kterou chcete zobrazit
Je čas přidat naši fotografii do oblasti fotografií! Otevřete fotografii, kterou chcete zobrazit, která se zobrazí v samostatném okně dokumentu. Zde je obrázek, který budu používat:
Otevřete obrázek, který se zobrazí v oblasti fotografie.
Krok 14: Vyberte a zkopírujte obrázek
Stisknutím Ctrl + A (Win) / Command + A (Mac) rychle vyberete celou fotografii. Poté stiskněte Ctrl + C (Win) / Command + C (Mac) a zkopírujte do schránky.
Krok 15: Vyberte vrstvu Photo Area Layer
Když je fotografie zkopírována do schránky, přepněte se zpět do okna původního dokumentu (rozvržení rámečku fotorámečku galerie) a kliknutím na vrstvu oblasti fotografie v panelu Vrstvy ji vyberte:
Vyberte vrstvu oblasti fotografií.
Krok 16: Vložte fotografii do dokumentu
Stisknutím Ctrl + V (Win) / Command + V (Mac) vložte fotografii, kterou jsme před chvílí zkopírovali do schránky. Photoshop automaticky umístí fotografii do vlastní vrstvy přímo nad jakoukoli vrstvu, která byla vybrána v daném okamžiku (proto jsme jako první vybrali vrstvu s fotografickou oblastí), jak můžeme vidět na panelu Vrstvy. Photoshop pojmenoval vrstvu fotografií „Vrstva 1“, což je v pořádku. Není třeba přejmenovat:
Fotografie se objeví na vlastní vrstvě přímo nad vrstvou fotografie.
Podíváme-li se však do okna dokumentu, vidíme, že obrázek je v současné době příliš velký na to, aby se vešel do oblasti fotografie a blokuje jej z pohledu:
Fotografie je v současné době příliš velká, aby se vešla do oblasti, ve které bude zobrazena.
Krok 17: Vytvořte ořezovou masku
Potřebujeme způsob, jak přizpůsobit obrázek do oblasti fotografie, a můžeme to udělat pomocí ořezové masky . Nejprve klikněte na vrstvu, která obsahuje fotografii („Vrstva 1“) na panelu Vrstvy a vyberte ji. Poté přejděte nahoru do nabídky Vrstva v horní části obrazovky a vyberte Vytvořit ořezovou masku :
Vyberte vrstvu fotografií na panelu Vrstvy a poté přejděte na Vrstva> Vytvořit ořezovou masku.
Vrstva fotografií bude odsazena doprava na panelu Vrstvy a dá nám vědět, že je nyní „připnutá“ k vrstvě pod ní:
Vrstva oblasti fotografie se nyní používá jako maska pro obrázek.
Díky ořezové masce je nyní v okně dokumentu viditelná pouze oblast obrázku, která leží přímo nad šedou fotografickou oblastí pod ní. Oblasti mimo hranice oblasti fotografie jsou před pohledem skryty:
Viditelná je pouze oblast fotografie přímo nad oblastí fotografie pod ní.
Krok 18: Změna velikosti a přemístění fotografie pomocí transformace zdarma
Doposud dobrý, ale můj obraz je stále příliš velký na to, aby se vešel úplně do menších ohraničení oblasti fotografie, a musí být také přemístěn. S Free Transform můžeme dělat obě tyto věci. Opět stiskněte Ctrl + T (Win) / Command + T (Mac), čímž se zobrazí pole Free Transform a úchyty, tentokrát kolem fotografie. Podržte stisknutou klávesu Shift a přetažením kterékoli z rohových úchytů upravte velikost fotografie podle potřeby, dokud nezapadne do oblasti fotografie. Chcete-li fotografii přesunout, klikněte kdekoli uvnitř pole Free Transform a přetáhněte obrázek na místo. Pokud váš obrázek používá stejný poměr stran jako fotografie (jako ten můj), měli byste být schopni do něj vložit celý obrázek. Pokud ne, jednoduše změňte velikost obrázku, dokud nebude vidět co nejvíce z něj. Po dokončení stiskněte klávesu Enter (Win) / Return (Mac):
Pomocí Free Transform můžete fotografii přesunout a změnit její velikost, dokud se nevejde do oblasti fotografie.
Krok 19: Přidejte svůj text pod obrázek
V tuto chvíli stačí pod obrázek přidat textový popisek. Na panelu Nástroje vyberte nástroj Horizontální typ :
Vyberte nástroj pro psaní.
Je-li vybrán Nástroj pro psaní textu, vyberte na panelu Možnosti své písmo a velikost písma. Trajan Pro budu používat za 24 pt:
Na panelu Možnosti vyberte písmo a velikost písma.
Klikněte na vzorek barvy v pruhu voleb a z bílé barvy vyberte barvu textu. Nakonec klikněte na možnost Středový text vlevo od vzorníku barev, což usnadní psaní našeho textu v dokumentu při psaní:
Jako barvu textu vyberte bílou a vyberte možnost Zarovnání středového textu.
Poté jednoduše klikněte do černé oblasti pod středem fotografie pomocí nástroje pro psaní a přidejte text. Budu psát "Steve Patterson Photography". Pravděpodobně budete chtít přidat něco jiného, ledaže byste mi samozřejmě chtěli za svou práci ocenit. Všimněte si, že místo, na které jste klikli s Nástrojem pro psaní, se stane středem textu při psaní díky možnosti Středový text, kterou jsme vybrali na panelu Možnosti:
Je-li vybrána možnost Středový text, text se roztahuje v obou směrech od místa, kam jste klikli.
Po dokončení klikněte na zaškrtávací políčko na panelu Možnosti a přijměte text:
Kliknutím na zaškrtávací políčko ukončíte režim úpravy textu.
Krok 20: V případě potřeby vyrovnejte text vodorovně
Chcete-li zajistit, aby byl text vodorovně zarovnán s dokumentem, postupujte stejným způsobem, jaký jsme použili v kroku 6. S textovou vrstvou vybranou v panelu Vrstvy stiskněte Ctrl + A (Win) / Command + A (Mac) a vyberte celý dokument. Stisknutím písmene V rychle vyberte nástroj pro přesun a poté klikněte na možnost Zarovnat vodorovné středy na panelu Možnosti. Photoshop dokonale zarovná text v horizontálním středu dokumentu. Až budete hotovi, zrušte výběr dokumentu stisknutím kláves Ctrl + D (Win) / Command + D (Mac). Jakmile zrušíte výběr, můžete stisknout klávesy se šipkami nahoru a dolů na klávesnici, pokud potřebujete text posunout o něco výše nebo níže:
Použijte znovu možnost Zarovnat vodorovné středy, tentokrát zarovnat text s dokumentem.
A s tím jsme hotovi! Tady je moje poslední "fotogalerie ve stylu foto rámečku":
Konečný výsledek.