Инструменты выравнивания Photoshop, выравнивание и распределение слоёв
Из этого материала из серии посвящённой слоям Photoshop, мы узнаем, как автоматически выравнивать, распределять и упорядочивать слои в документе, используя инструмент «Перемещение» (Move Tool) и некоторые полезные опции в панели параметров (это панель находится вверху рабочего окна, под главном меню). В конце статьи мы увидим, как объединение слоёв в группу может помочь нам выровнять одновременно несколько слоёв относительно центра или сторон документа.
Для примера я взял документ, состоящий из фонового слоя и девяти обычных слоёв, каждый из которых представляет собой блок из цветного квадратика с буквой:
Если мы посмотрим в Палитру слоёв, мы видим, что каждый блок находится в своём собственном слое и имеет название типа «Середина-низ», «Верх-лево» и т.п. (Middle-Bottom, Top-left):
На данный момент блоки разбросаны хаотично, а я бы хотел упорядочить их в виде решётки 3×3.
Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью «Перемещения» (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод «на глаз». Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).
Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):
При выбранном «Перемещении», опции выравнивания отобразятся в виде ряда иконок в панели параметров в верхней части экрана. На данный момент, иконки отображены серым цветом и недоступны, т.к. в Панели слоёв у меня выбран только один слой, и выравнивать его попросту не с чем:
Давайте посмотрим, что произойдет, если выбрать несколько слоёв. Зажав клавишу Ctrl, я выберу три слоя, «Top Left», «Top Right» и «Top Center»:
Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.
Опции выравнивания
Эти опции могут применяться к содержимому двух или более слоёв и будут отталкиваться от краёв либо от центров содержимого:
Опции распределения
Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоёв и распределяют поровну интервалы между ними:
Перечисляю их слева направо:
— распределение по верхним краям содержимого
— по центрам слоёв по вертикали
— по нижним краям
— по левым краям
— по центрам по горизонтали
— по правым краям
Теперь в окне документа остались видимыми всего три блока:
Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию «выравнивание по верхнему краю» (Align Top Edges) в панели параметров:
При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой «О», и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:
Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию «Распределение центров по по горизонтали» (Distribute Horizontal Centers):
При активации этой опции Photoshop определяет положение крайних блоков и потом перемещает расположенный между ними блок таким образом, чтобы расстояния до левого и правого блоков от центра по вертикали этого блока были равными, при этом крайние блоки не двигаются, перемещается только центральный. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:
Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:
Управление слоями и группами
Управление слоями и группами позволяет поддерживать упорядоченность проекта. Можно переименовать слои, настроить цветовую кодировку для упрощения поиска подобных слоев и удалять или экспортировать слои по мере необходимости.
Цветовое кодирование слоев или групп слоев облегчает поиск схожих слоев на панели «Слои». Щелкните слой или группу правой кнопкой мыши и выберите цвет.
Средства рисования и фильтры не могут применяться к слоям, содержащим векторные объекты (это относится к текстовым слоям, слоям-фигурам, векторным маскам и смарт-объектам), а также к производным слоям (например, к слоям-заливкам). Однако содержимое таких слоев может быть растрировано для перевода изображения в плоскую растровую форму.
Растрирование текста в текстовом слое. Другие векторные данные слоя не растрируются.
Растрирование заливки слоя-фигуры с сохранением векторной маски.
Растрирование векторной маски с преобразованием ее в слой-маску.
Преобразование смарт-объекта в растровый слой.
Растрирование текущего видеокадра в слой изображения.
3D (только для Photoshop Extended)
Растрирование текущего изображения, содержащего 3D-данные, в плоский растровый слой.
Растрирование всех векторных объектов в выделенных слоях.
Растрирование всех слоев, содержащих векторные и производные объекты.
Чтобы растрировать связанные слои, выделите один из них, затем выберите меню «Слой» >»Выберите связанные слои». После этого можно произвести растрирование.
Удаление слоя или группы
Удаление ненужных слоев уменьшает размер файла изображения.
Чтобы быстро удалить пустые слои, выберите «Файл» > «Сценарии» > «Удалить все пустые слои».
Чтобы удалить связанные слои, выделите один из них, затем выберите меню «Слой» > «Выберите связанные слои». После этого можно производить удаление.
Экспорт слоев
В отдельные файлы можно экспортировать все слои или видимые слои.
Объединение слоев
По окончании работы над содержимым слоев их можно объединить с целью уменьшения размера файла. При объединении слоев информация с верхних слоев замещает перекрывающуюся информацию нижних слоев. Область пересечения всех прозрачных участков объединяемых слоев сохраняет прозрачность.
Корректирующие слои и слои-заливки не могут использоваться в качестве целевых слоев при объединении.
Кроме объединения, над слоями также можно проводить операцию склеивания. Склеивание позволяет объединить содержимое нескольких слоев в один целевой слой, оставляя другие слои в неприкосновенности.
После сохранения объединенного изображения его нельзя вернуть в прежнее состояние, слои объединены окончательно.
Объединение двух слоев или групп
Соседние слои или группы слоев могут быть объединены путем выделения верхнего из них и выбора меню «Слой» > «Объединить слои». Связанные слои могут быть объединены с помощью выбора меню «Слой» > «Выделить связанные слои», после чего производится их непосредственное объединение. Два 3D-слоя могут быть объединены с помощью выбора меню «Слой» > «Объединить слои»; слои будут относиться к одной сцене, причем верхний слой унаследует 3D-свойства нижнего слоя (для этого поля обзора камеры должны быть теми же самыми).
Объединение слоев внутри обтравочной маски
Дополнительные сведения об обтравочных масках см. в разделе Маскирование слоев с помощью обтравочных масок.
Объединение всех видимых слоев и групп изображения
Команда «Объединить видимые» доступна, только если выделен видимый слой.
Выравнивание и распределение слоев
В Photoshop можно использовать функцию «Выравнивание и распределение» для правильной расстановки слоев изображений, она часто применяется для создания панорамных изображений.
Чтобы выровнять несколько слоев, выделите их с помощью инструмента «Перемещение» или на панели «Слои» либо выберите группу слоев.
Чтобы выровнять содержимое одного или нескольких слоев по границе выделения, выделите часть изображения, а затем выберите слои на панели «Слои». Данный метод используется для выравнивания относительно любой точки изображения.
Выравнивает все выделенные слои по их самому верхнему пикселу или по верхнему краю границы выделения.
Выравнивание центров по вертикали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в вертикальном направлении.
Выравнивает все выделенные слои по их самому нижнему пикселу или по нижнему краю границы выделения.
Выравнивает все выделенные слои по самому левому пикселу самого левого слоя или по левому краю границы выделения.
Выравнивание центров по горизонтали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в горизонтальном направлении.
Выравнивает все выделенные слои по самому правому пикселу самого правого слоя или по правому краю границы выделения.
Распределение слоев и групп с равными интервалами
Обновлено в Photoshop CC (версия 20.0) за октябрь 2018 г.
Размещает слои с равными промежутками, начиная отсчет от верхнего пиксела каждого слоя.
Выравнивание центров по вертикали
Размещает слои с равными промежутками, начиная отсчет от центрального в вертикальном направлении пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от нижнего пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от левого пиксела каждого слоя.
Выравнивание центров по горизонтали
Размещает слои с равными промежутками, начиная отсчет от центрального в горизонтальном направлении пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от правого пиксела каждого слоя.
Равномерно распределяет горизонтальную разрядку между слоями.
Равномерно распределяет вертикальную разрядку между слоями.
Автоматическое выравнивание слоев изображения
Команда «Автоматическое выравнивание слоев» автоматически выравнивает слои на основе сходного содержимого различных слоев в углах или по краям. Можно назначить эталонный слой вручную или позволить программе автоматически выбрать эталонный слой. Другие слои автоматически выравниваются по эталонному слою так, чтобы совпадающие области слоев перекрывались.
С помощью команды «Автоматическое выравнивание слоев» можно совмещать слои несколькими путями.
Заменять или удалять части изображений, имеющие одинаковый фон. После выравнивания изображений можно использовать маску или эффекты наложения для объединения частей изображения в одно изображение.
Склеить изображения, имеющие перекрывающееся содержимое.
При работе с кадрами видео, снятого на статичном фоне, можно преобразовать кадры в слои, а затем добавить или удалить содержимое в нескольких кадрах.
Выравнивание и распределение слоев
В Photoshop можно использовать функцию «Выравнивание и распределение» для правильной расстановки слоев изображений, она часто применяется для создания панорамных изображений.
Выравнивание объектов, расположенных на разных слоях
Выравнивание содержимого слоев и групп производится с помощью инструмента «Перемещение» 
. (См. раздел Перемещение содержимого слоев.)
Чтобы выровнять несколько слоев, выделите их с помощью инструмента «Перемещение» или на панели «Слои» либо выберите группу слоев.
Чтобы выровнять содержимое одного или нескольких слоев по границе выделения, выделите часть изображения, а затем выберите слои на панели «Слои». Данный метод используется для выравнивания относительно любой точки изображения.
Выравнивает все выделенные слои по их самому верхнему пикселу или по верхнему краю границы выделения.
Выравнивание центров по вертикали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в вертикальном направлении.
Выравнивает все выделенные слои по их самому нижнему пикселу или по нижнему краю границы выделения.
Выравнивает все выделенные слои по самому левому пикселу самого левого слоя или по левому краю границы выделения.
Выравнивание центров по горизонтали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в горизонтальном направлении.
Выравнивает все выделенные слои по самому правому пикселу самого правого слоя или по правому краю границы выделения.
Распределение слоев и групп с равными интервалами
Размещает слои с равными промежутками, начиная отсчет от верхнего пиксела каждого слоя.
Выравнивание центров по вертикали
Размещает слои с равными промежутками, начиная отсчет от центрального в вертикальном направлении пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от нижнего пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от левого пиксела каждого слоя.
Выравнивание центров по горизонтали
Размещает слои с равными промежутками, начиная отсчет от центрального в горизонтальном направлении пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от правого пиксела каждого слоя.
Автоматическое выравнивание слоев изображения
Команда «Автоматическое выравнивание слоев» автоматически выравнивает слои на основе сходного содержимого различных слоев в углах или по краям. Можно назначить эталонный слой вручную или позволить программе автоматически выбрать эталонный слой. Другие слои автоматически выравниваются по эталонному слою так, чтобы совпадающие области слоев перекрывались.
С помощью команды «Автоматическое выравнивание слоев» можно совмещать слои несколькими путями.
Заменять или удалять части изображений, имеющие одинаковый фон. После выравнивания изображений можно использовать маску или эффекты наложения для объединения частей изображения в одно изображение.
Склеить изображения, имеющие перекрывающееся содержимое.
При работе с кадрами видео, снятого на статичном фоне, можно преобразовать кадры в слои, а затем добавить или удалить содержимое в нескольких кадрах.
Выравнивание в фотошопе по центру и краям
В фотошопе есть инструмент Перемещение, который позволяет автоматически со сто процентной точностью выровнять любой объект/слой по центру изображения или его краям. Также можно выровнять относительно отдельно взятого участка на изображении. Все это очень просто и об этом пойдет речь в данной статье.
Как правило, новички эту операцию делают на глаз, что совсем не обязательно. Выберите инструмент Перемещение и обратите внимание на его панель параметров. Там имеется ряд настроек, которые и отвечают за эту задачу (смотрите на скриншоте):
Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.
Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.
Таким образом, чтобы разместить объект ровно по центру, нужно выбрать центрирование по вертикали и горизонтали.
Самое главное правило выравнивания: прежде всего, вы должны указать фотошопу область, относительно которой программа и должна искать края или середину. Пока вы этого не сделаете, кнопки выравнивания будут не активными, то есть их нельзя нажать.
В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.
Итак, последовательность действий следующая:
Допустим, нужно разместить по центру эту картинку:
Вариант 1 — относительно всего холста.
Шаг 1
Указываем фотошопу область, относительно которой программа должна выровнять изображение. Это делается путем создания выделенной области.
На палитре слоев выделяем фоновый слой и жмем на клавиатуре комбинацию клавиш Ctrl+A (Выделить все). В результате вы должны увидеть рамку выделения из «марширующих муравьев» вокруг фонового слоя. (Как правило, фоновый слой — совпадает по размерам с холстом).
Можно выделить фоновый слой еще другим способом — зажмите клавишу Ctrl и щелкните левой кнопкой мыши по фоновому слою. Способ работает, когда этот слой разблокирован (об этом сигнализирует значок замочка, подробнее).
Шаг 2
Теперь нужно выбрать инструмент Перемещение. Когда у нас есть рамка выделения, то кнопки выравнивания станут активными, а значит их можно использовать.
Выберите слой с картинкой, которую нужно выравнивать, а теперь нажимайте на кнопки в соответствии с тем, куда бы вам хотелось разместить эту картинку. Например, давайте разместим ровно по центру. Тогда нам нужно нажать вот эти кнопки:
Еще пример. Допустим, нужно разместить картинку по центру, но с левого края. Тогда на панели параметров выбираем такие кнопки:
Вариант 2 — в отдельно взятом фрагменте изображения
Допустим, на изображении присутствует фрагмент, внутри которого нужно идеально ровно разместить какую-нибудь картинку. В своем примере я добавил стеклянный квадрат. Пусть внутри него будет находиться другая картинка (кстати, в этой статье можно научиться самому делать такой стеклянный квадрат).
Шаг 1
Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?
— Если этот фрагмент находится на отдельном слое (как у меня квадрат, который я отдельно вставил), то нужно нажать Ctrl и кликнуть мышью по миниатюре слоя, если он не заблокирован).
— Если этот фрагмент находится в самом изображении, то нужно выбрать инструменты выделения Прямоугольная и Овальная области и с их помощью нарисовать вокруг фрагмента ровную выделенную область. Как пользоваться этими инструментами смотрите тут.
Шаг 2
Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:
Если не зажимать эту клавишу, а просто пользоваться стрелками клавиатуры, то картинка будет двигаться с шагом в 1 пиксель.
