Saznajte kako opcije Poravnavanje i distribucija u programu Photoshop omogućuju nam da lako i automatski postrojimo i stavimo sadržaj naših slojeva. I naučite kako nam grupe slojeva mogu pomoći da centriramo više slojeva odjednom sa samim dokumentom!
Evo dokumenta na otvorenom zaslonu koji prikazuje neke drvene blokove:

Trenutno su blokovi rasuti na sve strane, ali ono što bih želio učiniti je organizirati ih u više 3x3 uzorka rešetke. Ako pogledamo moju ploču Slojevi, vidjet ćemo da svaki blok sjedi na svom sloju iznad sloja pozadine. Nastavio sam i preimenovao svaki sloj na osnovu mjesta gdje se želi pojaviti svaki blok u mreži ("Gore lijevo", "Gore desno", "Dno desno", itd.):

Pa kako mogu preurediti blokove unutar dokumenta i uskladiti ih jedan s drugim? Pa, mogao bih ih pokušati ručno povući na svoje mjesto pomoću alata Move, ali za to bi bilo potrebno vrijeme i sumnjam da bih ih mogao savršeno obložiti samo tako da ga "okačim". Bolji način i puno lakši način bi bio dopustiti da Photoshop automatski izvrši posao umjesto mene koristeći svoje opcije Poravnaj i distribuiraj !
Za pristup opcijama Poravnanje i distribucija moramo imati Alat za premještanje, pa ću ga odabrati s vrha ploče s alatima:

Kad je odabran Alat za pomicanje, opcije Poravnavanje i distribucija pojavljuju se kao niz ikona na traci s opcijama na vrhu zaslona. Trenutno su ikone zasivljene i nedostupne jer imam samo jedan sloj na mojoj ploči Slojevi i nema puno smisla pokušavati poravnati ili distribuirati sloj sa sobom:

Pogledajmo što će se dogoditi ako odaberem više slojeva. Na vrhu snopa sloja već je odabran gornji lijevi sloj:

Odabrat ću i Top Center i Top Right slojeve držanjem tipke Shift i klikom na gornji desni sloj. To drži gornji lijevi sloj odabranim, dodaje gornji desni sloj izboru, a također bira gornji gornji sloj između njih, tako da su sada sva tri sloja odabrana odjednom:

S sada odabranim više slojeva, postaju dostupne opcije Poravnaj i distribuiraj. Pogledajmo ih bliže.
Opcije poravnanja
Prvih šest ikona u nizu su opcije Poravnaj. S lijeva na desno imamo poravnanje gornjih ivica, poravnavanje vertikalnih centara, poravnanje donjih ivica, poravnavanje lijevih ivica, poravnavanje vodoravnih centara i poravnanje desnih ivica . Ove će opcije postrojiti sadržaj dva ili više slojeva na temelju rubova sadržaja ili središta sadržaja:

Opcije distribucije
Slijedi šest opcija raspodjele, koje će sadržavati više slojeva i jednako ih rasporediti. S lijeva na desno, raspoređujemo gornje rubove, distribuiramo okomite centre, distribuiramo donje rubove, distribuiramo lijeve ivice, distribuiramo vodoravne centre i, na kraju, distribuiramo desne rubove . Imajte na umu da ćete morati imati tri ili više slojeva odjednom odabranih na ploči Slojevi da bi opcije distribucije postale dostupne:

Pogledajmo kako mogu upotrijebiti ove opcije Poravnati i distribuirati da lako preuredim blokove u svom dokumentu. Kao što smo vidjeli prije trenutak, na ploči Slojevi odabrao sam gornji lijevi, gornji centar i gornji desni sloj. Privremeno ću isključiti ostale blokove u dokumentu klikom na ikonu vidljivosti svakog sloja. Ne morate isključiti druge slojeve da biste koristili opcije Poravnaj i distribuirajte. Radim to samo da bismo lakše vidjeli što se događa u dokumentu:

Kad su ostali blokovi isključeni, vidljivi su samo blokovi na tri odabrana sloja. Opet sam skrenuo ostale blokove ovdje samo da bismo lakše vidjeli što se događa. Nema potrebe za uključivanjem i isključivanjem slojeva da biste koristili ove opcije:

Prvo što želim učiniti je usmjeriti ta tri bloka vodoravno prema gornjim rubovima blokova. Da biste to učinili, s tri sloja odabrana na ploči Slojevi, sve što trebam učiniti je kliknuti na opciju Poravnanje gornjih ivica na traci mogućnosti:

Photoshop pregledava tri bloka i utvrdi koji je najbliži vrhu dokumenta, a zatim pomiče preostala dva bloka prema gore da bi poravnao gornje rubove sva tri i sve je gotovo odmah:

Također želim distribuirati tri bloka vodoravno, tako da su ravnomjerno raspoređeni jedan od drugog, tako da ću ovaj put (opet s tri sloja odabrana na ploči Slojevi) kliknuti na opciju Distribuiranje vodoravnih centara u Mogućnosti :

Photoshop ponovo pregledava tri bloka, gleda gdje se nalazi blok s lijeve strane i gdje je blok s desne strane, a zatim pomiče središnji blok u položaj kako bi stvorio jednaku količinu prostora između njih. Blokovi s obje strane se ne miču. Premješten je samo blok između njih:

Kad su sada postavljena prva tri sloja, uključit ću slojeve Srednji lijevi i Donji lijevi klikom na njihove ikone vidljivosti na ploči Slojevi:

Ovo uključuje dva nova bloka u dokumentu. Plavi blok "T" nalazi se na srednjem lijevom sloju, a narančasti "H" na donjem lijevom sloju:

Želim poravnati lijeve rubove ova dva nova bloka s lijevim rubom bloka "P" u gornjem lijevom kutu, tako da prvo što moram učiniti je odabrati ta tri sloja na ploči Slojevi. Započet ću klikom na gornji lijevi sloj da ga odaberem, a zatim ću pritisnuti tipku Ctrl (Win) / Command (Mac) dok kliknem na srednji lijevi i donji lijevi sloj. Ovo će odabrati sva tri sloja odjednom:

S odabranim tri sloja, na traci s opcijama kliknite opciju Poravnaj lijeve ivice :

Photoshop pregledava tri bloka i utvrdi koji je najbliži lijevoj strani dokumenta, a zatim pomiče druga dva bloka ulijevo da bi crtali lijeve rubove sva tri:

Još moram ispraviti razmak između tri bloka, ali vratit ću im se u trenu. Uključit ću slojeve Donji centar i Donji desni klikom na njihove ikone vidljivosti:

Uključuje se plavi "O" (Donji centar) i crveni "P" (Donja desna) blokova uz dno:

Odabrati ću sva tri sloja odjednom tako što ću prvo kliknuti donji lijevi sloj na ploči Slojevi, zatim držite moju tipku Shift i klikni na donji desni sloj. Sva tri sloja, uključujući sloj Donji centar između, sada su odabrani:

Želim poravnati donje rubove ovih slojeva, pa ću kliknuti na opciju Poravnaj donje rubove na traci s mogućnostima:

Photoshop utvrdi koji je od tri bloka najbliži dnu dokumenta, a zatim pomiče druga dva bloka prema dolje da bi se poredao donjim rubovima sva tri:

Sada kada je blok "H" u donjem lijevom kutu postavljen, vratit ću se natrag i popraviti razmak između blokova duž lijeve strane. Opet ću odabrati gornji lijevi, srednji lijevi i donji lijevi sloj na ploči Slojevi:

S odabranim tri sloja, na traci s opcijama kliknite opciju Distribuiranje vertikalnih centara :

Photoshop gleda položaj gornjeg i donjeg bloka, a zatim pomiče srednji blok da stvori jednaku količinu prostora okomito između njih:

Dodatak za kratke kodove, akcije i filtre: Pogreška u kratkom kodu (osnove oglasa-sredina)
Zasada je dobro. Uključit ću srednji desni sloj u dokumentu klikom na ikonu vidljivosti:

Ovo uključuje zeleni blok "S" uz desnu stranu:

Za poravnavanje desnih rubova triju blokova s desne strane (blokovi "O", "S" i "P") prvo ću odabrati gornji desni, srednji desni i donji desni sloj na ploči Slojevi:

Zatim ću kliknuti na opciju Poravnaj desne ivice na traci s mogućnostima:

Photoshop utvrđuje koji je od tri bloka najbliži desnoj strani dokumenta, a zatim pomiče druga dva bloka udesno da bi usmjerio desne rubove sva tri:

Tri bloka također moram ravnomjerno smjestiti jedan od drugog, pa ću kliknuti na opciju Distribuiranje vertikalnih centara u traci s opcijama, baš kao što sam to učinio kad sam prilagodio razmak između triju blokova lijevo:

I sada su tri bloka s desne strane jednako raspoređeni:

Na kraju, uključit ću srednji sloj klikom na ikonu vidljivosti na ploči Slojevi:

Uključuje se crveni blok "O" u sredini:

Središnji blok treba uskladiti s blokovima s obje strane pa ću na ploči Slojevi odabrati slojeve Srednji lijevi, Srednji i Srednji desni:

Zatim ću kliknuti na opciju Poravnanje gornjih ivica na traci s mogućnostima:

Photoshop pomiče srednji blok prema gore da poravna svoj gornji rub s gornjim rubovima blokova "T" i "S" pored njega, a s tim je i uzorak "rešetke" dovršen, a sve zahvaljujući Photoshopovim opcijama Poravnavanje i distribucija:

Naravno, preostaje još jedan problem. Blokovi se mogu poravnati i raspodijeliti među sobom, ali cjelokupni dizajn i dalje mora biti u središtu dokumenta. Da bismo to učinili, potreban nam je način da se blokovi pomiču i poravnaju kao jedna cjelina, a najlakši način da to učinimo je da ih sve smjestimo unutar grupe slojeva, što smo pogledali u prethodnom vodiču.
Za postavljanje blokova unutar grupe prvo moram odabrati sve potrebne slojeve, pa ću početi klikom na gornji lijevi sloj na vrhu snopa slojeva, a zatim ću pritisnuti tipku Shift i kliknuti na donjem desnom sloju neposredno iznad sloja pozadine. Odabire se gornji lijevi sloj, Donji desni sloj i svaki sloj između:

Kad su odabrani svi slojevi blokova, krenut ću na ikonu izbornika u gornjem desnom kutu ploče Slojevi (ikona izbornika izgledat će kao mala strelica u starijim verzijama Photoshopa)

Na izborniku koji će se prikazati odabrat ću novu grupu iz slojeva :

Photoshop će otvoriti dijaloški okvir tražeći naziv nove grupe slojeva. Nazvat ću je imenom "Blokovi", a zatim kliknite U redu da biste zatvorili dijaloški okvir:

Ako pogledamo ploču Slojevi, vidjet ćemo da su svi slojevi blokova sada ugniježđeni unutar grupe slojeva pod nazivom "Blokovi":

Jedna od lijepih stvari o skupinama slojeva, osim što je odličan način da vaš panel slojeva izgleda čisto i organizirano, je taj što nam omogućuju pomicanje svih slojeva unutar njih kao da su jedan sloj. Grupa Blocks već je odabrana na ploči Slojevi, tako da ću pritisnuti tipku Shift dok kliknem na pozadinski sloj ispod nje. Ovo odabire i slojeve i sloj pozadine odjednom:

Kako smo naučili u vodiču za pozadinski sloj, pozadinski slojevi su zaključani, što znači da se ne mogu kretati unutar dokumenta. Jedino što sam odabrao koje se može kretati je skupina slojeva. U traci sa mogućnostima kliknite opciju Poravnavanje vertikalnih centara :

Photoshop poravnava slojeve blokova unutar grupe slojeva okomito sa pozadinskim slojem:

I na kraju, na traci s opcijama kliknite na opciju Poravnavanje vodoravnih centara :

Ovo poravnava blokove vodoravno sa pozadinskim slojem, centrirajući dizajn u dokumentu:

Kamo otići odavde …
I tu ga imamo! U sljedećem vodiču vodiča za učenje slojeva naučit ćemo kako kontrolirati prozirnost sloja pomoću opcija Opacity and Fill na ploči Slojevi! Ili pogledajte naš Photoshop odjeljak Osnove za više vodiča!