Poravnajte in porazdelite plasti v Photoshopu

Naučite se, kako nam možnosti Poravnaj in Porazdeli v Photoshopu omogočajo preprosto in samodejno poravnavanje in razmik vsebine naših plasti. In naučite se, kako nam lahko skupine slojev pomagajo centrirati več slojev hkrati s samim dokumentom!

Napisal Steve Patterson.

Tukaj je dokument, ki sem ga odprl na zaslonu in prikazuje nekaj lesenih kock:

Izvirni dokument.

Trenutno so bloki raztreseni povsod, a rad bi jih razporedil bolj v obliki mreže 3x3. Če pogledamo v mojem Plošča s sloji , vidimo, da vsak blok leži na svoji plasti nad Plast ozadja . Vsako plast sem preimenoval glede na to, kje želim, da se vsak blok prikaže v mreži (»zgoraj levo«, »zgoraj desno«, »spodaj desno« itd.):

Vsak blok se prikaže na svoji plasti na plošči Sloji.

Kako lahko torej prerazporedim bloke v dokumentu in jih poravnam drug z drugim? No, lahko bi jih poskusil ročno povleči na svoje mesto z orodjem za premikanje, vendar bi to trajalo nekaj časa in dvomim, da bi jih lahko vse popolnoma poravnal samo tako, da bi jih 'pomeril z očmi'. Boljši način in veliko lažji način bi bil, da Photoshopu dovolim, da samodejno opravi delo namesto mene s svojim Poravnaj in Distribuiraj opcije!

Za dostop do možnosti Poravnaj in Porazdeli moramo imeti Orodje za premikanje izbrano, zato jo bom izbral na vrhu plošče z orodji:

Izberite orodje za premikanje.

Ko je izbrano orodje za premikanje, se možnosti Poravnaj in Porazdeli prikažeta kot niz ikon v Vrstica z možnostmi na vrhu zaslona. Trenutno so ikone zatemnjene in niso na voljo, ker imam na plošči Sloji izbrano samo eno plast in nima smisla poskušati poravnati ali porazdeliti plasti same s seboj:

Ko je izbrano orodje za premikanje, se v vrstici z možnostmi prikažeta možnosti Poravnaj in Porazdeli.

Poglejmo, kaj se zgodi, če izberem več plasti. Zgornjo levo plast že imam izbrano na vrhu nabora plasti:

Zgornji levi sloj je trenutno izbran.

Prav tako bom izbral zgornji srednji in zgornji desni sloj tako, da pridržim mojo Shift in kliknite zgornji desni sloj. S tem ostane izbrana zgornja leva plast, izboru se doda zgornja desna plast in izbere tudi zgornja osrednja plast med njima, tako da so zdaj izbrane vse tri plasti hkrati:

Izbira zgornjih levih, zgornjih srednjih in zgornjih desnih slojev na plošči Sloji.

Ko je izbrana več kot ena plast, postaneta na voljo možnosti Poravnaj in Porazdeli. Oglejmo si jih pobližje.

Možnosti poravnave

Prvih šest ikon v vrstici so možnosti Poravnaj. Od leve proti desni imamo Poravnajte zgornje robove , Poravnajte navpične centre , Poravnajte spodnje robove , Poravnajte leve robove , Poravnajte vodoravna središča , in Poravnajte desne robove . Te možnosti bodo razvrstile vsebino dveh ali več plasti glede na robove vsebine ali središča vsebine:

Šest možnosti poravnave - zgornji robovi, navpična središča, spodnji robovi, levi robovi, vodoravna središča in desni robovi.

Možnosti distribucije

Naslednjih je šest možnosti Distribute, ki vzamejo vsebino več plasti in jih enakomerno razporedijo. Od leve proti desni imamo Razporedite zgornje robove , Porazdelite navpične centre , Porazdelite spodnje robove , Porazdelite leve robove , Porazdelite vodoravna središča , in končno, Porazdelite desne robove . Upoštevajte, da boste morali imeti na plošči Sloji izbrane tri ali več plasti hkrati, da bodo možnosti Distribucije na voljo:

Šest možnosti porazdelitve – zgornji robovi, navpična središča, spodnji robovi, levi robovi, vodoravna središča in desni robovi.

Poglejmo, kako lahko uporabim te možnosti za poravnavo in porazdelitev za preprosto prerazporeditev blokov v dokumentu. Kot smo videli pred trenutkom, sem na plošči Sloji izbral sloje zgoraj levo, zgoraj na sredini in zgoraj desno. Začasno bom izklopil druge bloke v dokumentu s klikom na vsako plast ikona vidnosti . Za uporabo možnosti Poravnaj in Porazdeli vam ni treba izklopiti drugih slojev. To delam samo zato, da lažje vidimo, kaj se dogaja v dokumentu:

Izklop drugih blokov s klikom na njihove ikone vidnosti plasti.

Ko so drugi bloki izklopljeni, ostanejo vidni samo bloki na treh slojih, ki sem jih izbral. Spet sem izključil druge bloke, da bi lažje videli, kaj se dogaja. Za uporabo teh možnosti ni treba vklopiti in izklopiti slojev:

Bloki na zgornjem levem, zgornjem srednjem in zgornjem desnem sloju ostanejo vidni.

Prva stvar, ki jo želim narediti, je, da te tri bloke poravnam vodoravno glede na zgornje robove blokov. Če želite to narediti, ko so na plošči Sloji izbrane tri plasti, je vse, kar moram storiti, klikniti na Poravnajte zgornje robove možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj zgornje robove.

Photoshop pogleda tri bloke, ugotovi, kateri je najbližje vrhu dokumenta, nato premakne druga dva bloka navzgor, da poravna zgornje robove vseh treh, in vse je narejeno takoj:

Trije bloki so zdaj poravnani z zgornjimi robovi.

Prav tako želim razdeliti tri bloke vodoravno, tako da bodo enakomerno razporejeni drug od drugega, zato bom tokrat (spet s tremi plastmi, izbranimi na plošči Sloji), kliknil na Porazdelite vodoravna središča možnost v vrstici z možnostmi:

S klikom na možnost Distribute Horizontal Centers.

Photoshop ponovno pogleda tri bloke, pogleda, kje je blok na levi in ​​kje je blok na desni, nato premakne sredinski blok v položaj, da ustvari enako količino prostora med njima. Bloki na obeh straneh se ne premikajo. Premakne se samo blok med njima:

Bloki so zdaj vodoravno enako razmaknjeni.

Z zgornjimi tremi sloji, ki so zdaj na mestu, bom vklopil srednji levi in ​​spodnji levi sloj s klikom na njuni ikoni vidnosti na plošči Sloji:

Klik na ikone vidnosti za srednji levi in ​​spodnji levi sloj.

To v dokumentu vklopi ta dva nova bloka. Modri ​​blok 'T' je na srednjem levem sloju, oranžni 'H' pa na spodnjem levem sloju:

V dokumentu sta prikazana še dva bloka.

Leva robova teh dveh novih blokov želim poravnati z levim robom bloka 'P' v zgornjem levem kotu, zato moram najprej izbrati te tri plasti na plošči Sloji. Začel bom s klikom na zgornji levi sloj, da ga izberem, nato pa bom držal tipko Ctrl (Zmaga) / Ukaz (Mac), ko kliknem srednji levi in ​​spodnji levi sloj. S tem boste izbrali vse tri plasti hkrati:

Izbiranje zgornjega levega, srednjega levega in spodnjega levega sloja.

Z izbranimi tremi plastmi bom kliknil na Poravnajte leve robove možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj leve robove.

Photoshop pogleda tri bloke, ugotovi, kateri je najbližje levi strani dokumenta, nato premakne druga dva bloka v levo, da poravna leve robove vseh treh:

Levi robovi blokov so zdaj poravnani.

Še vedno moram popraviti razmik med tremi bloki, vendar se bom k njim vrnil čez trenutek. S klikom na njuni ikoni vidnosti bom vklopil sloja Bottom Center in Bottom Right:

Klik na ikono vidnosti za sloj Bottom Center in Bottom Right.

To vklopi modra 'O' (spodaj na sredini) in rdeča 'P' (spodaj desno) bloka na dnu:

Zdaj sta vidna dva nova bloka na dnu.

Izbral bom vse tri plasti naenkrat tako, da najprej kliknem spodnjo levo plast na plošči Sloji in nato držim Shift in kliknite spodnji desni sloj. Vse tri plasti, vključno s spodnjo sredinsko plastjo vmes, so zdaj izbrane:

Izbira slojev Bottom Left, Bottom Left, Bottom Right in Bottom Right.

Želim poravnati spodnje robove teh plasti, zato bom kliknil na Poravnajte spodnje robove možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj spodnje robove.

Photoshop ugotovi, kateri od treh blokov je najbližje dnu dokumenta, nato premakne druga dva bloka navzdol, da poravna spodnje robove vseh treh:

Spodnji robovi blokov so zdaj poravnani.

Zdaj, ko je blok 'H' v spodnjem levem kotu na mestu, se bom vrnil in popravil razmik med bloki na levi. Spet bom izbral zgornji levi, srednji levi in ​​spodnji levi sloj na plošči Sloji:

Izbiranje zgornjega levega, srednjega levega in spodnjega levega sloja.

Z izbranimi tremi plastmi bom kliknil na Porazdelite navpične centre možnost v vrstici z možnostmi:

S klikom na možnost Distribute Vertical Centers.

Photoshop pogleda položaj zgornjega in spodnjega bloka, nato premakne srednji blok, da med njima ustvari enako količino prostora navpično:

Trije bloki na levi so zdaj enako razmaknjeni.

Vtičnik za kratke kode, dejanja in filtre: Napaka v kratki kodi []

Zaenkrat gre dobro. Srednji desni sloj v dokumentu bom vklopil s klikom na njegovo ikono vidnosti:

Vklop srednjega desnega sloja.

To vklopi zeleni blok 'S' na desni strani:

Zeleni blok 'S' na srednji desni plasti postane viden.

Če želite poravnati desne robove treh blokov vzdolž desne (bloki 'O', 'S' in 'P'), bom najprej izbral zgornje desne, srednje desne in spodnje desne plasti na plošči Sloji:

Izbira zgornje desne, srednje desne in spodnje desne plasti.

Nato bom kliknil na Poravnajte desne robove možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj desne robove.

Photoshop določi, kateri od treh blokov je najbližje desni strani dokumenta, nato premakne druga dva bloka v desno, da poravna desne robove vseh treh:

Desni robovi treh blokov so zdaj poravnani.

Prav tako moram enakomerno razmakniti tri bloke drug od drugega, zato bom kliknil na Porazdelite navpične centre možnost v vrstici z možnostmi, tako kot sem naredil, ko sem prilagodil razmik med tremi bloki na levi strani:

Ponovni klik na možnost Distribute Vertical Centers.

In zdaj so trije bloki na desni enako razmaknjeni:

Bloki po kliku možnosti Distribute Vertical Centers.

Nazadnje bom vklopil srednji srednji sloj s klikom na njegovo ikono vidnosti na plošči Sloji:

Vklop srednje sredinske plasti.

To vklopi rdeči blok 'O' v sredini:

Blok 'O' v sredini je zdaj viden.

Sredinski blok mora biti poravnan z bloki na obeh straneh, zato bom na plošči Sloji izbral sloje Srednji levi, Srednji srednji in Srednji desni:

Izbira treh srednjih plasti.

Nato bom kliknil na Poravnajte zgornje robove možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj zgornje robove.

Photoshop premakne srednji blok navzgor, da poravna njegov zgornji rob z zgornjimi robovi blokov 'T' in 'S' poleg njega, in s tem je 'mrežni' vzorec končan, vse zahvaljujoč Photoshopovi možnosti Poravnaj in porazdeli:

Možnosti Poravnaj in Porazdeli sta olajšali preurejanje blokov.

Seveda ostaja še en problem. Bloki so lahko poravnani in porazdeljeni med seboj, vendar mora biti celotna zasnova še vedno na sredini dokumenta. Da bi to naredili, potrebujemo način, kako premakniti in poravnati bloke kot eno samo enoto, in najlažji način za to je, da jih vse postavimo v skupino plasti , ki smo si ga ogledali v prejšnja vadnica .

Za umestitev blokov v skupino moram najprej izbrati vse plasti, ki jih potrebujem, zato bom začel s klikom na zgornji levi sloj na vrhu nabora slojev, nato pa bom držal Shift in kliknite spodnji desni sloj neposredno nad slojem ozadja. S tem boste izbrali zgornjo levo plast, spodnjo desno plast in vse vmesne plasti:

Izbira vseh plasti blokov hkrati.

Ko so izbrane vse plasti blokov, bom kliknil na ikona menija v zgornjem desnem kotu plošče Sloji (ikona menija bo v starejših različicah Photoshopa videti kot majhna puščica)

Kliknite ikono menija v zgornjem desnem kotu plošče Sloji.

bom izbral Nova skupina iz plasti iz menija, ki se prikaže:

Izbira nove skupine iz slojev v meniju plošče slojev.

Photoshop bo odprl pogovorno okno in me vprašal za ime za novo skupino plasti. Poimenoval ga bom »Bloki«, nato pa bom kliknil V redu, da zaprem pogovorno okno:

Poimenovanje nove skupine slojev.

Če pogledamo na ploščo Sloji, vidimo, da so vse plasti blokov zdaj ugnezdene znotraj skupine plasti z imenom 'Bloki':

Izbrani sloji so zdaj znotraj skupine slojev.

Ena od lepih stvari pri skupinah plasti, poleg tega, da je odličen način, da vaša plošča Sloji ostane čista in organizirana, je, da nam omogočajo premikanje vseh plasti v njih, kot da bi bile ena plast. Skupina Blocks je že izbrana na plošči Sloji, zato bom držal tipko Shift, ko kliknem plast ozadja pod njo. To hkrati izbere skupino plasti in plast ozadja:

Izbira skupine plasti in plasti ozadja hkrati.

Kot smo izvedeli v Vadnica za plast ozadja , Plasti ozadja so zaklenjene na mestu, kar pomeni, da se ne morejo premikati po dokumentu. Edino to sem izbral lahko poteza je skupina plasti. Kliknil bom na Poravnajte navpične centre možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj navpične centre.

Photoshop poravna plasti blokov znotraj skupine plasti navpično s plastjo ozadja:

Bloki znotraj skupine plasti so poravnani, kot da bi bili na eni sami plasti.

In končno bom kliknil na Poravnajte vodoravna središča možnost v vrstici z možnostmi:

S klikom na možnost Poravnaj vodoravna središča.

S tem se bloki vodoravno poravnajo s plastjo ozadja, tako da se dizajn centrira v dokumentu:

Skupina plasti je olajšala centriranje zasnove bloka z dokumentom.

Kam iti od tukaj ...