Сазнајте како нам опције за поравнавање и дистрибуцију у Пхотосхопу омогућавају да лако и аутоматски поравнамо и распоредимо садржај наших слојева. И научите како групе слојева могу да нам помогну да центрирамо више слојева одједном са самим документом!
Написао Стеве Паттерсон.
Ево документа који имам отворен на екрану и приказује неке дрвене блокове:

Тренутно су блокови разбацани свуда, али оно што бих волео је да их распоредим у више шаблона мреже 3к3. Ако погледамо у моју Панел слојева , видимо да се сваки блок налази на свом слоју изнад Позадински слој . Наставио сам и преименовао сваки слој на основу тога где желим да се сваки блок појављује у мрежи („Горње лево“, „Горње десно“, „Доле десно“ итд.):

Дакле, како да поново распоредим блокове унутар документа и да их поравнам један са другим? Па, могао бих да покушам да их ручно повучем на место користећи алатку за померање, али то би потрајало и сумњам да бих успео да их све савршено поређам само тако што ћу га „прегледати“. Бољи начин и много лакши начин би био да дозволим Пхотосхопу да аутоматски обави посао уместо мене користећи његов Поравнајте и Дистрибуирати Опције!
Да бисмо приступили опцијама за поравнавање и дистрибуцију, потребно је да имамо Алатка за померање изабрано, па ћу га изабрати са врха панела са алаткама:

Када је изабран алатка за померање, опције Поравнај и дистрибуирај се појављују као низ икона у Трака са опцијама дуж врха екрана. У овом тренутку, иконе су засивљене и недоступне јер имам само један слој изабран у панелу слојева и нема много смисла покушавати да поравнам или дистрибуирам слој са самим собом:

Хајде да видимо шта се дешава ако одаберем више слојева. Већ имам горњи леви слој изабран на врху групе слојева:

Такође ћу изабрати горњи центар и горњи десни слој тако што ћу држати притиснут Смена тастер и кликните на горњи десни слој. Ово задржава горњи леви слој селектованим, додаје горњи десни слој селекцији, а такође бира слој Горњи центар између њих, тако да су сада сва три слоја изабрана одједном:

Пошто је сада изабрано више од једног слоја, опције Поравнај и Распореди постају доступне. Хајде да их ближе погледамо.
Опције поравнања
Првих шест икона у реду су опције за поравнавање. С лева на десно, имамо Поравнајте горње ивице , Поравнајте вертикалне центре , Поравнајте доње ивице , Поравнајте леве ивице , Поравнајте хоризонталне центре , и Поравнајте десне ивице . Ове опције ће поређати садржај два или више слојева на основу ивица садржаја или центара садржаја:

Опције дистрибуције
Следеће је шест опција Дистрибуте, које ће узети садржај више слојева и размакнути их подједнако. С лева на десно, имамо Дистрибуирајте горње ивице , Дистрибуирајте вертикалне центре , Дистрибуирајте доње ивице , Дистрибуирајте леве ивице , Дистрибуирајте хоризонталне центре , и коначно, Дистрибуирајте десне ивице . Имајте на уму да ћете морати да имате три или више слојева селектованих одједном на панелу Слојеви да би опције Дистрибуције постале доступне:

Хајде да видимо како могу да користим ове опције за поравнавање и дистрибуцију да лако преуредим блокове у свом документу. Као што смо видели малопре, одабрао сам слојеве Горњи леви, Горњи центар и Горњи десни на панелу Слојеви. Привремено ћу искључити остале блокове у документу кликом на сваки слој икона видљивости . Не морате да искључите друге слојеве да бисте користили опције Алигн анд Дистрибуте. Ово радим само да бисмо лакше видели шта се дешава у документу:

Када су остали блокови искључени, остају видљиви само блокови на три слоја која сам изабрао. Опет, искључио сам остале блокове овде само да би нам било лакше да видимо шта се дешава. Нема потребе да укључујете и искључујете слојеве да бисте користили ове опције:

Прва ствар коју желим да урадим је да поставим ова три блока хоризонтално на основу горњих ивица блокова. Да бих то урадио, са три изабрана слоја на панелу Лаиерс, све што треба да урадим је да кликнем на Поравнајте горње ивице опција на траци са опцијама:

Пхотосхоп гледа у три блока, открива који је најближи врху документа, а затим помера друга два блока нагоре да поравна горње ивице сва три, и све је готово одмах:

Такође желим да распоредим три блока хоризонтално тако да буду подједнако удаљени један од другог, тако да ћу овога пута (опет са три слоја изабрана на панелу Слојеви) кликнути на Дистрибуирајте хоризонталне центре опција на траци са опцијама:

Пхотосхоп поново гледа у три блока, гледа где се налази блок са леве и где је блок са десне стране, затим помера средишњи блок на позицију да створи једнаку количину простора између њих. Блокови са обе стране се не померају. Само блок између њих се помера:

Са горња три слоја сада на месту, укључићу средњи леви и доњи леви слој тако што ћу кликнути на њихове иконе видљивости на панелу слојева:

Ово укључује та два нова блока у документу. Плави блок 'Т' је на средњем левом слоју, а наранџасти 'Х' је на доњем левом слоју:

Желим да поравнам леве ивице ова два нова блока са левом ивицом блока „П“ у горњем левом углу, тако да прва ствар коју треба да урадим је да изаберем та три слоја на панелу „Слојеви“. Почећу тако што ћу кликнути на горњи леви слој да га селектујем, а затим ћу задржати свој Цтрл (Победити) / Цомманд (Мац) тастер док кликнем на средњи леви и доњи леви слој. Ово ће изабрати сва три слоја одједном:

Са три изабрана слоја, кликнућу на Поравнајте леве ивице опција на траци са опцијама:

Пхотосхоп гледа у три блока, открива који је најближи левој страни документа, а затим помера друга два блока улево да поравна леве ивице сва три:

Још треба да исправим размак између три блока, али ћу се за тренутак вратити на њих. Укључићу доњи центар и доњи десни слој кликом на њихове иконе видљивости:

Ово укључује плаве 'О' (доњи центар) и црвене 'П' (доле десно) блокове дуж дна:

Одабраћу сва три слоја одједном тако што ћу прво кликнути на доњи леви слој на панелу Слојеви, а затим држати Смена тастер и кликните на доњи десни слој. Сва три слоја, укључујући слој Боттом Центер између, сада су изабрана:

Желим да поравнам доње ивице ових слојева, па ћу кликнути на Поравнајте доње ивице опција на траци са опцијама:

Пхотосхоп открива који од три блока је најближи дну документа, а затим помера друга два блока надоле да би поравнао доње ивице сва три:

Сада када је блок 'Х' у доњем левом углу на месту, вратићу се и поправити размак између блокова са леве стране. Опет, изабраћу слојеве горњи леви, средњи леви и доњи леви слој на панелу слојева:

Са три изабрана слоја, кликнућу на Дистрибуирајте вертикалне центре опција на траци са опцијама:

Пхотосхоп гледа положај горњег и доњег блока, а затим помера средњи блок да би направио једнаку количину простора вертикално између њих:

Схортцодес, Ацтионс анд Филтерс Додатак: Грешка у кратком коду []
Засада је добро. Укључићу средњи десни слој у документу тако што ћу кликнути на његову икону видљивости:

Ово укључује зелени блок 'С' са десне стране:

Да бих поравнао десне ивице три блока дуж десне стране (блокови „О“, „С“ и „П“), прво ћу изабрати слојеве у горњем десном углу, средњем десном и доњем десном углу на панелу слојева:

Затим ћу кликнути на Поравнајте десне ивице опција на траци са опцијама:

Пхотосхоп одређује који од три блока је најближи десној страни документа, а затим помера друга два блока удесно да поравна десне ивице сва три:

Такође морам да размакнем три блока на једнак размак један од другог, па ћу кликнути на Дистрибуирајте вертикалне центре опцију на траци са опцијама, баш као што сам урадио када сам подесио размак између три блока са леве стране:

А сада су три блока са десне стране подједнако распоређена:

Коначно, укључићу средњи центар слоја тако што ћу кликнути на његову икону видљивости на панелу слојева:

Ово укључује црвени блок 'О' у центру:

Средишњи блок треба да буде поравнат са блоковима са обе његове стране, тако да ћу изабрати средњи леви, средњи центар и средњи десни слој у панелу слојева:

Затим ћу кликнути на Поравнајте горње ивице опција на траци са опцијама:

Пхотосхоп помера средњи блок нагоре да би поравнао његову горњу ивицу са горњим ивицама блокова „Т“ и „С“ поред њега, и тиме је шаблон „мреже“ завршен, а све захваљујући Пхотосхоповим опцијама Алигн анд Дистрибуте:

Наравно, остаје још један проблем. Блокови могу бити међусобно поравнати и распоређени, али целокупни дизајн и даље треба да буде центриран у документу. Да бисмо то урадили, потребан нам је начин да померимо и поравнамо блокове као једну целину, а најлакши начин да то урадимо је да их све ставите у група слојева , који смо погледали у претходни туторијал .
Да бих поставио блокове унутар групе, прво морам да одаберем све слојеве који су ми потребни, па ћу почети тако што ћу кликнути на горњи леви слој на врху групе слојева, а затим ћу задржати свој Смена тастер и кликните на доњи десни слој директно изнад позадинског слоја. Ово ће изабрати горњи леви слој, доњи десни слој, плус сваки слој између:

Са свим изабраним слојевима блокова, кликнућу на икона менија у горњем десном углу панела слојева (икона менија ће изгледати као мала стрелица у старијим верзијама Пхотосхоп-а)

ја ћу изабрати Нова група из слојева из менија који се појави:

Пхотосхоп ће отворити дијалошки оквир тражећи од мене име за нову групу слојева. Назваћу га „Блокови“, а затим ћу кликнути на ОК да затворим дијалог:

Ако погледамо панел слојева, видимо да су сви слојеви блокова сада угнежђени унутар групе слојева под називом „Блокови“:

Једна од лепих ствари у вези са групама слојева, осим што је одличан начин да ваш панел слојева изгледа чисто и организовано, јесте то што нам омогућавају да померамо све слојеве унутар њих као да су један слој. Група Блоцкс је већ изабрана на панелу Слојеви, тако да ћу држати притиснут тастер Схифт док кликнем на слој позадине испод ње. Ово бира и групу слојева и слој позадине одједном:

Како смо сазнали у Водич за слој позадине , Позадински слојеви су закључани на месту, што значи да се не могу кретати унутар документа. Једина ствар коју сам одабрао моћи мове је група слојева. Ја ћу кликнути на Поравнајте вертикалне центре опција на траци са опцијама:

Пхотосхоп поравнава слојеве блокова унутар групе слојева вертикално са слојем позадине:

И на крају, кликнућу на Поравнајте хоризонталне центре опција на траци са опцијама:

Ово поравнава блокове хоризонтално са слојем позадине, центрирајући дизајн у документу:
