Центрирование в фотошопе. Выравнивание и распределение слоёв, объектов и изображений

18.04.2019

Сначала я кликну по красному "P", а затем, зажав клавишу Ctrl, по двум другим. Это позволит выбрать все три слоя одновременно:

После выбора трёх слоёв я нажму на опцию "Выравнивание по левому краю" (Align Left Edges):

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

Мне еще нужно скорректировать расстояние между этими тремя блоками, но я вернусь к ним позже. Сейчас я собираюсь включить слои Bottom Center и Bottom Right (нижний центральный и нижний правый), это блоки с буквами синяя "O" и красная "P" соответственно:

Теперь в документе отображаются ещё два блока внизу:

Теперь я выберу три нижних слоя, для этого кликаю по "Bottom Left", а затем, зажав Ctrl, по остальным двум:

Я хочу выровнять эти слои по нижнему краю, так что я кликну на соответствующую опцию (Align Bottom Edges):

Photoshop определит, какой из трех блоков находится ближе всего к нижнему краю документа, а затем перемещает два другие блока вниз до уровня нижнего (наведите мышку на рисунок для сравнения с предыдущим положением блоков):

Теперь исправим расстояние между блоками у левого края. Выбираем их (Top Left, Middle Left и Bottom Left):

И жмём на опцию "Распределение центров по вертикали" (Distribute Vertical Centers):

Photoshop определяет положение верхнего и нижнего блоков, а затем перемещает средний блок для создания равного расстояния от него до нижнего и верхнего блоков (наведите мышку на рисунок для сравнения с предыдущим положением блоков):

Пока всё идёт как надо. Теперь я включу, щёлкнув по "глазу", слой "Middle Right" с зеленой буквой "S", он отобразился в документе:

Займёмся выравниванием блоков у правого края (жёлтый "O", зелёный "S" и красный "P"). Выбираем слои "Top Right", "Middle Right" и "Bottom Right" в панели слоёв, и затем нажимаем опцию "Выравнивание по правому краю" (Align Right Edges):

Фотошоп переместил блоки точно по такому же принципу, как и ранее (наведите мышку на рисунок для сравнения с предыдущим положением блоков):

Точно таким же образом, как это делали ранее, с помощью опции "Распределение центров по вертикали" (Distribute Vertical Centers) я располагаю зелёную букву "S" точно по середине между верхним и нижним блоками, и с помощью опции "Распределение центров по по горизонтали" (Distribute Horizontal Centers) располагаю нижний средний блок с синей буквой "О" посередине между правым и левым.

Нетронутым у меня остался последний слой "Middle Center" с красной буквой "О", включаю его:

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

Теперь его нужно выровнять относительно нижнего и верхнего блоков. Он находится левее их, поэтому выделяем три средних в вертикальном направлении блока, это "Top Center", "Middle Center" и "Bottom Center" и применяем опцию "Выравнивание по правому краю" (Align Right Edges). Всё, теперь все блоки расположены точно друг относительно друга:

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

Итак, выбираем все слои, кроме фонового и помещаем их в группу, как описывается в предыдущем материале .

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

Теперь в панели слоёв мы имеем всего два элемента: один слой (фоновый) и одну группу.
Выделим оба элемента, зажав клавишу Ctrl:

И воспользуемся опциями выравнивания. Применяем сперва "Выравнивание центров по вертикали" (Align Vertical Centers), а потом "Выравнивание центров по горизонтали" (Align Horizontal Centers). Кстати, обратите внимание, у нас сейчас выбраны всего два элемента, т.е. меньше трёх, поэтому опции распределения недоступны:

Как мы узнали из материала о фоновом слое, фон зафиксирован на месте и для перемещения недоступен, следовательно, перемещаться может только один элемент - это группа с нашими блоками. Она и выровняется по центру относительно фона. Всё, задача достигнута, блоки выровнены относительно друг друга и относительно всего документа:

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

При активном слое с аватаром нажмите CTRL+A , чтобы выделить весь документ. Выделение будет играть роль рамки, в пределах которой текст будет выравниваться.

Затем выбираем инструмент Перемещение .

На панели настроек данного инструмента станут активными следующие кнопки:

1) Выравнивание по верхнему краю.

2) Выравнивание центров по вертикали.

3) Выравнивание по нижнему краю.

4) Выравнивание по левому краю.

Если нажать на выравнивание центров по вертикали, а потом по левому краю, то получится так:

5) Выравнивание центров по горизонтали.

6) Выравнивание по правому краю.

А теперь нажмите сначала выравнивание по верхнему краю, затем по правому краю. Наш аватар переедет в угол:

Все отлично, только аватар совсем прилип к краям, нужно сделать немного отступ. Нажмите CTRL-D , чтобы снять выделение. Затем SHIFT+стрелка влево и SHIFT+стрелка вниз . Нажимая SHIFT и стрелки на клавиатуре, вы можете передвигать объект сразу на 10 пикселей в нужную сторону.

Применяйте эти знания, чтобы перемещать объекты на вашем рабочем документе. Это очень удобно. С помощью клавиш Shift + Стрелка у вас будут получаться ровные промежутки между элементами. И ваша дизайнерская работа станет смотреться более организованной и сбалансированной.

До встречи в следующем уроке!

Очень часто начинающие пользователи делают операцию выравнивания на глаз, что занимает много времени и усилий.

Фотошоп включает в себя инструмент «Перемещение» , благодаря которому можно точно выровнять необходимые вам слои и объекты изображения так, как вам нужно.

Делается это довольно просто и легко.

Для того чтобы упростить данную задачу, необходимо активировать инструмент «Перемещение» и обратить внимание на его панель настроек. Кнопки с первой по третью позволяют выбрать вертикальное выравнивание.

Кнопки с четвертой по шестую позволяют выровнять объект по горизонтали.

Так, для того, чтобы объект размещался по центру, необходимо активировать центрирование по двум параметрам.

Основным условием при выравнивании является необходимость указания Фотошопу области, относительно которой он должен найти край или центр. Пока это условие не выполнено, кнопки для выравнивания не будут активными.

В этом и заключается секрет установки объекта посередине всей картинки или же в одном из заданных участков.

Действия выполняются в следующем порядке:

К примеру, вам необходимо расположить картинку по центру:

Первый вариант – относительно всего изображения:

1. Необходимо указать программе область, относительно которой необходимо провести выравнивание. Сделать это можно просто создав выделенную область.

2. В окне слоев необходимо выбрать фоновый и нажать сочетание клавиш CTRL+A , которая выделяет все. В итоге должна появиться рамка выделения вдоль всего фонового слоя, он, как правило, соответствует размеру всего холста.

Примечание

Вы можете выделить необходимый вам слой и другим методом – для этого нужно нажать на кнопку Ctrl и кликнуть мышкой по фоновому слою. Данный метод не будет работать, если данный слой заблокирован (узнать это можно, посмотрев на значок замка).

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



Следующий пример. Вам необходимо расположить картинку в центре по вертикали, но с правой стороны. Тогда нужно центрировать вертикальное расположение и установить выравнивание по правому краю по горизонтали.

Второй вариант – центрирование по заданному фрагменту полотна.

Предположим, на картинке есть фрагмент, внутри которого необходимо ровно расположить какую-либо картинку.

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

— Если данный элемент располагается на собственном слое, то необходимо нажать на кнопку CTRL и сделать клик мышкой по мини версии слоя в том случае, если он доступен для редактирования.

— Если же данный фрагмент располагается в самом изображении, то необходимо активировать инструменты «Прямоугольная и Овальная область» и, применяя их, создать вокруг необходимого фрагмента правильную область выделения.



После этого необходимо выбрать слой с изображением и по аналогии с предыдущим пунктом расположить его в нужном вам месте.



Небольшой нюанс

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

Если вы не будете держать клавишу шифт, а решите просто воспользоваться стрелками на клавиатуре, то выделенный элемент будет перемешаться на 1 пиксель за раз.

Таким образом можно выровнять изображение в программе Фотошоп.

14.02.15 14.8K

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

Вот фото отеля и казино «Нью-Йорк » в Лас-Вегасе:

Исходное изображение

Типичное фото туриста. Оно было сделано с небольшой компактной камеры во время прогулки по городу, и как чуть позже выяснилось, что оно немного перекошено. Статуя Свободы немного наклонена вправо. Но не беспокойтесь. Мы исправим все это очень скоро. Давайте начнем!

Шаг 1: Выберите инструмент «Измеритель»

Лучше всего выпрямлять изображения в Photoshop с помощью инструмента «Измеритель », который выполняет основную часть работы. Как вы увидите уже очень скоро, пока Photoshop может сделать практически всю работу за вас! Инструмент «Измеритель », по умолчанию, располагается в меню инструмента «Пипетка ».

Поэтому, чтобы выбрать его, вам нужно нажать и удерживать кнопку мыши на инструменте «Пипетка », «Измеритель » будет вторым или третьим в списке. Нажмите на инструмент «Измеритель », чтобы выбрать его:

Выберите инструмент «Измеритель» в палитре инструментов

Шаг 2: Кликните мышью и проведите линию вдоль чего-то, что должно быть выпрямлено

Найдите на фото какой-нибудь элемент, который должен быть выпрямлен, либо горизонтально, либо вертикально. Мы собираемся развернуть его край с помощью инструмента «Измеритель », вместо того, чтобы выяснять, насколько на самом деле перекошено фото. В моем случае, я собираюсь провести горизонтальную линию вдоль крыши здания, расположенного непосредственно за статуей Свободы.

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

Photoshop использует угол этой линии, чтобы определить, как сильно должно быть повернуто изображение, чтобы выпрямить его:

Если вы посмотрите на панель параметров в верхней части экрана, то увидите угол линии, которую вы только что нарисовали (это число, указанное справа от буквы «А» ). В моем случае линия расположена под углом 1,9 градусов к горизонтали:

Панель параметров, на которой указан угол линии, проведенной с помощью инструмента «Измеритель»

Photoshop теперь может использовать этот угол для определения, насколько нужно повернуть изображение, чтобы выровнять его.

Шаг 3: Выберите команду «Повернуть холст — Произвольно»

Перейти в меню «Изображение », выберите «Повернуть холст », а затем «Произвольно »:

Перейдите Изображение> Повернуть холст > Произвольно

Каждый раз, когда я делаю это, я улыбаюсь, потому что слово «произвольно » на самом деле означает «случайно » или «на удачу ». Но это противоположно тому, что мы делаем. Мы не вращаем изображение случайно, на удачу.

Мы использовали инструмент «Измеритель », чтобы точно узнать, на сколько градусов необходимо повернуть наше изображение, и теперь Photoshop может использовать информацию, которую мы ему предоставили, чтобы выровнять изображение наверняка.

Как я уже говорил раньше, большая часть проблем с изучением Photoshop возникает в связи с терминологией. Как и в этом случае, я не знаю, о чем думал Adobe .

Тем не менее, идем дальше. После того, как вы выберете «произвольно », всплывет диалоговое окно «Повернуть холст », и, как мы видим, все уже сделано за нас. В моем случае, Photoshop уже ввел значение 1,85 градуса, и даже уже знает, что изображение нужно будет повернуть против часовой стрелки, поэтому выбран вариант CCW :

Диалоговое окно «Повернуть холст» с заданными значениями угла и направления поворота

Вы можете быть удивлены, тем Photoshop ввел угол 1,85 градуса, тогда как совсем недавно мы видели в панели параметров значение 1,9. Причина заключается в том, что в верхней панели Photoshop углы округляются до одного знака после запятой, поэтому в панели было значение 1,9 градуса.

Хотя на самом деле угол, измеренный с помощью инструмента «Измеритель », равнялся 1,85 градуса. Угол, указанный в диалоговом окне «Повернуть холст », является более правильным.

Шаг 4: Нажмите кнопку OK, чтобы повернуть и выровнять изображение

На данный момент, все, что нам нужно сделать, это нажать «OK » в диалоговом окне «Повернуть холст », чтобы выйти из него, после чего Photoshop повернет и выровняет изображение:

Теперь изображение развернуто и выровнено

Все выглядит отлично, статуя Свободы больше не заваливается вправо. Мы смогли выровнять изображение без каких-либо действий на глаз, благодаря инструменту «Измеритель » и команде «Повернуть холст ».

Шаг 5: Обрежьте изображение с помощью инструмента «Кадрирование»

Конечно, есть небольшая проблема. При вращении изображения внутри окна документа, мы добавили на холст некоторые белые области вокруг внешнего края фото. Мы должны завершить обработку, обрезав эти области. А для этого, мы можем использовать инструмент «Кадрирование ». Выберите «Кадрирование » из палитры инструментов, или просто нажмите букву C на клавиатуре.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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