Naučte se, jak nám možnosti Zarovnat a distribuovat ve Photoshopu umožňují snadno a automaticky zarovnat a rozložit obsah našich vrstev. Naučte se, jak nám skupiny vrstev mohou pomoci soustředit více vrstev najednou s dokumentem samotným!
Zde je dokument, který mám na obrazovce a zobrazuje některé dřevěné kostky:

V tuto chvíli jsou bloky rozptýleny po celém místě, ale to, co bych chtěl udělat, je uspořádat je do více mřížky 3x3. Když se podíváme na můj panel Vrstvy, vidíme, že každý blok sedí na své vlastní vrstvě nad vrstvou pozadí. Šel jsem dopředu a přejmenoval jsem každou vrstvu podle toho, kde chci, aby se každý blok objevil v mřížce („Vlevo nahoře“, „Vpravo nahoře“, „Vpravo dole“ atd.):

Jak tedy mohu znovu uspořádat bloky uvnitř dokumentu a vzájemně je zarovnat? No, mohl bych se pokusit je přetáhnout na místo ručně pomocí nástroje Move Tool, ale to by vyžadovalo čas a pochybuji, že bych je mohl všechny řádně vyrovnat pouhým „očima“. Lepším a mnohem snadnějším způsobem by bylo nechat Photoshop, aby mi práci automaticky dělal pomocí svých možností Zarovnat a Distribuovat !
Abychom získali přístup k možnostem Zarovnat a Distribuovat, musíme mít vybrán Nástroj pro přesun, takže ho vyberu v horní části panelu Nástroje:

Když je vybrán nástroj pro přesun, možnosti Zarovnat a rozdělit se zobrazí jako řada ikon na panelu Možnosti v horní části obrazovky. V současné době jsou ikony šedé a nedostupné, protože v panelu Vrstvy mám vybránu pouze jednu vrstvu a není příliš důležité pokoušet se zarovnat nebo distribuovat vrstvu se sebou:

Uvidíme, co se stane, když vyberu více vrstev. Už mám horní levou vrstvu vybranou v horní části zásobníku vrstev:

Rovněž vyberu horní a horní pravou vrstvu podržením klávesy Shift a kliknutím na pravou horní vrstvu. Tím zůstane vybraná horní levá vrstva, přidá se k výběru horní pravá vrstva a mezi nimi se také vybere horní horní vrstva, takže nyní jsou vybrány všechny tři vrstvy najednou:

Když je nyní vybrána více než jedna vrstva, budou k dispozici možnosti Zarovnat a Distribuovat. Pojďme se na ně blíže podívat.
Možnosti zarovnání
Prvních šest ikon v řádku jsou možnosti Zarovnat. Zleva doprava máme Zarovnat horní hrany, Zarovnat svislé středy, Zarovnat spodní hrany, Zarovnat levé hrany, Zarovnat vodorovné středy a Zarovnat pravé hrany . Tyto možnosti zarovná obsah dvou nebo více vrstev podle okrajů obsahu nebo středů obsahu:

Možnosti distribuce
Následuje šest možností Distribute, které vezmou obsah více vrstev a rovnoměrně je rozdělí. Zleva doprava máme distribuovat horní hrany, distribuovat vertikální středy, distribuovat spodní hrany, distribuovat levé hrany, distribuovat horizontální centra a nakonec distribuovat pravé hrany . Aby byly možnosti Distribuce dostupné, musíte mít na panelu Vrstvy vybrány tři nebo více vrstev najednou.

Podívejme se, jak mohu pomocí těchto možností Zarovnat a Distribuovat snadno znovu uspořádat bloky v mém dokumentu. Jak jsme viděli před chvílí, na panelu Vrstvy jsem vybral vrstvy Horní levá, Horní střed a Pravá horní. Budu dočasně vypínat ostatní bloky v dokumentu kliknutím na ikonu viditelnosti každé vrstvy. Chcete-li použít možnosti Zarovnat a distribuovat, nemusíte vypínat další vrstvy. Dělám to jen proto, abychom usnadnili sledování toho, co se v dokumentu děje:

Když jsou ostatní bloky vypnuté, zůstanou viditelné pouze bloky na třech vybraných vrstvách. Opět jsem tu ostatní bloky vypnul, jen aby nám usnadnil sledování toho, co se děje. Chcete-li použít tyto možnosti, není třeba vrstvy zapínat a vypínat:

První věc, kterou chci udělat, je zarovnat tyto tři bloky vodorovně nahoru podle horních okrajů bloků. Chcete-li to provést, stačí se třemi vrstvami vybranými na panelu Vrstvy kliknout na možnost Zarovnat horní hrany na panelu Možnosti:

Photoshop se podívá na tři bloky, zjistí, který z nich je nejblíže k horní části dokumentu, poté posune další dva bloky nahoru, aby zarovnal horní okraje všech tří, a to vše okamžitě:

Chci také distribuovat tři bloky vodorovně, aby byly rozloženy rovnoměrně od sebe, takže tentokrát (opět se třemi vrstvami vybranými v panelu Vrstvy) kliknu na možnost Distribuovat vodorovné středy na panelu Možnosti :

Photoshop se znovu podívá na tři bloky, podívá se, kde je blok vlevo a kde je blok vpravo, pak přesune středový blok do polohy a vytvoří mezi nimi stejné množství prostoru. Bloky na obou stranách se nepohybují. Přesune se pouze blok mezi nimi:

Když jsou nyní umístěny první tři vrstvy, zapnu vrstvy Střední a Dolní Levá kliknutím na jejich ikony viditelnosti v panelu Vrstvy:

Tím se tyto dva nové bloky v dokumentu zapnou. Modrý blok „T“ je ve střední levé vrstvě a oranžový „H“ je ve spodní levé vrstvě:

Chci zarovnat levé okraje těchto dvou nových bloků s levým okrajem bloku „P“ v levém horním rohu, takže první věcí, kterou musím udělat, je vybrat tyto tři vrstvy v panelu Vrstvy. Začnu kliknutím na horní levou vrstvu, kterou vyberu, poté podržím klávesu Ctrl (Win) / Command (Mac), když kliknu na střední levou a dolní levou vrstvu. Tím vyberete všechny tři vrstvy najednou:

Po výběru tří vrstev kliknu na možnost Zarovnat levý okraj na liště Možnosti:

Photoshop se podívá na tři bloky, zjistí, který z nich je nejblíže k levé straně dokumentu, a pak přesune další dva bloky doleva, aby zarovnal levý okraj všech tří:

Stále potřebuji opravit mezery mezi třemi bloky, ale za chvíli se k nim vrátím. Kliknutím na jejich ikony viditelnosti zapnu vrstvy Spodní centrum a Dolní Spodní právo:

Tím se rozsvítí modré bloky „O“ (dolní střed) a červené „P“ (vpravo dole):

Nejprve vyberu všechny tři vrstvy tak, že nejprve kliknu na spodní levou vrstvu na panelu Vrstvy, pak podržím klávesu Shift a kliknu na pravou spodní vrstvu. Nyní jsou vybrány všechny tři vrstvy, včetně vrstvy Spodní střed mezi nimi:

Chci zarovnat spodní hrany těchto vrstev, takže na liště Možnosti kliknu na možnost Zarovnat spodní hrany :

Photoshop zjistí, který ze tří bloků je nejblíže ke spodní části dokumentu, a poté přesune ostatní dva bloky dolů, aby zarovnal spodní okraje všech tří:

Nyní, když je blok „H“ v levém dolním rohu na místě, vrátím se a upravím mezery mezi bloky podél vlevo. Opět vyberu vrstvy Horní levá, Střední levá a Dolní Levá na panelu Vrstvy:

Po výběru tří vrstev kliknu na možnost Distribuovat svislá středa na liště Možnosti:

Photoshop se dívá na polohu horního a dolního bloku a potom pohybuje středním blokem tak, aby mezi nimi vytvořil stejné množství místa:

Plugin pro krátké kódy, akce a filtry: Chyba v krátkém kódu (ads-basics-middle)
Zatím je vše dobré. Zapnu vrstvu Middle Right v dokumentu kliknutím na jeho ikonu viditelnosti:

Tím se na pravé straně rozsvítí zelený blok „S“:

Chcete-li zarovnat pravé okraje tří bloků podél pravé strany (bloky „O“, „S“ a „P“), nejprve vyberte na panelu Vrstvy vrstvy Horní pravá, Střední Pravá a Dolní Pravá:

Pak kliknu na možnost Zarovnat pravé hrany na liště Možnosti:

Photoshop určí, který ze tří bloků je nejblíže k pravé straně dokumentu, poté přesune další dva bloky doprava, aby zarovnal pravé okraje všech tří:

Také musím umístit všechny tři bloky stejně od sebe, takže na panelu Možnosti kliknu na možnost Distribuovat svislá středa, stejně jako když jsem upravil rozestupy tří bloků vlevo:

A nyní jsou tři bloky napravo rozmístěny:

Nakonec zapnu vrstvu Middle Center kliknutím na ikonu viditelnosti na panelu Vrstvy:

Tím se zapne červený blok „O“ uprostřed:

Středový blok musí být zarovnán s bloky na obou jeho stranách, takže v panelu Vrstvy vyberu vrstvy Střední levá, Střední střed a Střední pravá:

Poté na panelu Možnosti kliknu na možnost Zarovnat horní hrany :

Photoshop posune prostřední blok nahoru a zarovná jeho horní okraj s horními okraji bloků „T“ a „S“ vedle něj, a tím je vzor „mřížky“ kompletní, a to vše díky možnostem Zarovnat a distribuovat Photoshopu:

Samozřejmě zbývá ještě jeden problém. Bloky mohou být uspořádány a rozmístěny mezi sebou, ale celkový design musí být v dokumentu stále vystředěn. K tomu potřebujeme způsob, jak posunout a zarovnat bloky jako jednu jednotku, a nejjednodušší způsob, jak toho dosáhnout, je jejich umístění uvnitř skupiny vrstev, na kterou jsme se dívali v předchozím tutoriálu.
Chcete-li umístit bloky do skupiny, musím nejprve vybrat všechny vrstvy, které potřebuji, takže začnu kliknutím na horní levou vrstvu v horní části zásobníku vrstev, poté podržíte klávesu Shift a kliknu v pravé dolní části přímo nad vrstvou pozadí. Tím vyberete horní levou vrstvu, spodní spodní vrstvu plus každou vrstvu mezi:

Po výběru všech vrstev bloku kliknu na ikonu nabídky v pravém horním rohu panelu Vrstvy (ikona nabídky bude vypadat jako malá šipka ve starších verzích Photoshopu)

Z nabídky, kterou se objeví, vyberu novou skupinu z Vrstvy :

Photoshop otevře dialogové okno s dotazem na název nové skupiny vrstev. Pojmenuji jej „Bloky“ a poté kliknutím na OK zavřete dialogové okno:

Podíváme-li se na panel Vrstvy, vidíme, že všechny vrstvy bloku jsou nyní vnořeny do skupiny vrstev s názvem „Bloky“:

Jedna z pěkných věcí o skupinách vrstev, kromě toho, že skvělý způsob, jak udržet panel Vrstvy v čistotě a organizaci, je to, že nám umožňují pohybovat všemi vrstvami uvnitř nich, jako by šlo o jednu vrstvu. Skupina Bloky je již vybrána na panelu Vrstvy, takže podržím klávesu Shift, když kliknu na vrstvu Pozadí pod ní. Tím vyberete současně skupinu vrstev i vrstvu pozadí:

Jak jsme se dozvěděli v tutoriálu Vrstva pozadí, Vrstvy pozadí jsou zamčené na místě, což znamená, že se nemohou uvnitř dokumentu pohybovat. Jedinou věcí, kterou jsem si vybral, je pohybovat se ve skupině vrstev. Na panelu Možnosti kliknu na možnost Zarovnat svislá středa :

Photoshop zarovná vrstvy bloku uvnitř skupiny vrstev svisle s vrstvou pozadí:

Nakonec kliknu na možnost Zarovnat vodorovná centra na panelu Možnosti:

Tím se bloky vodorovně zarovná s vrstvou pozadí a vystředí design v dokumentu:

Kam dál?
A tady to máme! V dalším tutoriálu v Průvodci učením vrstev se naučíme, jak ovládat průhlednost vrstvy pomocí voleb Průhlednost a Výplň na panelu Vrstvy! Nebo si přečtěte naši sekci Photoshop Basics, kde najdete další návody!