Инструменты выравнивания Photoshop, выравнивание и распределение слоёв

Из этого материала из серии посвящённой слоям Photoshop, мы узнаем, как автоматически выравнивать, распределять и упорядочивать слои в документе, используя инструмент "Перемещение" (Move Tool) и некоторые полезные опции в панели параметров (это панель находится вверху рабочего окна, под главном меню). В конце статьи мы увидим, как объединение слоёв в группу может помочь нам выровнять одновременно несколько слоёв относительно центра или сторон документа.

Для примера я взял документ, состоящий из фонового слоя и девяти обычных слоёв, каждый из которых представляет собой блок из цветного квадратика с буквой:

v

Примечание. Для лучшего понимания материала, после прочтения, рекомендую скачать файл PSD по ссылкам внизу страницы, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно.

Если мы посмотрим в Палитру слоёв, мы видим, что каждый блок находится в своём собственном слое и имеет название типа "Середина-низ", "Верх-лево" и т.п. (Middle-Bottom, Top-left):

v

На данный момент блоки разбросаны хаотично, а я бы хотел упорядочить их в виде решётки 3x3.

Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью "Перемещения" (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод "на глаз". Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).

Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):

move

При выбранном "Перемещении", опции выравнивания отобразятся в виде ряда иконок в панели параметров в верхней части экрана. На данный момент, иконки отображены серым цветом и недоступны, т.к. в Панели слоёв у меня выбран только один слой, и выравнивать его попросту не с чем:

v

Давайте посмотрим, что произойдет, если выбрать несколько слоёв. Зажав клавишу Ctrl, я выберу три слоя, "Top Left", "Top Right" и "Top Center":

v

Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.

Опции выравнивания

v

Это первые шесть значков в группе опций. Перечисляю назначение значков слева направо:  - выравнивание по верхним краям
 - центры слоёв по вертикали
 - по нижнему краю
 - по левому краю
 - центры по горизонтали
 - по правому краю

Эти опции могут применяться к содержимому двух или более слоёв и будут отталкиваться от краёв либо от центров содержимого:

Опции распределения

Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоёв и распределяют поровну интервалы между ними:

v

Перечисляю их слева направо:
 - распределение по верхним краям содержимого
 - по центрам слоёв по вертикали
 - по нижним краям
 - по левым краям
 - по центрам по горизонтали
 - по правым краям

Внимание! Обратите внимание, для того, чтобы опция стала доступна, вам необходимо иметь выбранными три или более слоя!

А теперь давайте посмотрим, как на практике применить эти опции для упорядочения блоков в моем документе. Как вы помните, я выбрал три слоя - Top Left, Top Center, и Top Right (верхний левый, верхний центральный, верхний правый). Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого. Я отключил видимость только для наглядности, на работу опций выравнивания это нисколько не влияет:

v

Теперь в окне документа остались видимыми всего три блока:

v

Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию "выравнивание по верхнему краю" (Align Top Edges) в панели параметров:

v

При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой "О", и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:

Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию "Распределение центров по по горизонтали" (Distribute Horizontal Centers):

v

При активации этой опции Photoshop определяет положение крайних блоков и потом перемещает расположенный между ними блок таким образом, чтобы расстояния до левого и правого блоков от центра по вертикали этого блока были равными, при этом крайние блоки не двигаются, перемещается только центральный. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:

Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:

Читайте продолжение на следующей странице:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

как открыть несколько фото как слои в одном документе, не используя Bridge
В предыдущем материале я рассказал, каким образом можно открыть а Photoshop одновременно несколько изображений как слои в одном документе. Но такой...
диагональные направляющие в Photoshop
Для удобства рисования и точного позиционирования объектов, в программе Adobe Photoshop имеются вспомогательные элементы, и один из этих элементов -...
изменение цвета глаз на фотографии в Photoshop
В этом уроке мы научимся методу быстрого изменения цвета глаз в Photoshop, используя корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation)....
овальная область - инструмент выделения Photoshop
В предыдущем уроке мы узнали, как работает инструмент Photoshop "Прямоугольная область" (Rectangular Marquee Tool), с помощью которого можно быстро...