Выравнивание по центру в фотошопе

На этой странице

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

Выравнивание объектов, расположенных на разных слоях

Видеопособие: Выравнивание объектов в дизайне

Выравнивание содержимого слоев и групп производится с помощью инструмента «Перемещение» . (См. раздел Перемещение содержимого слоев.)

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

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

По верхнему краю

Выравнивает все выделенные слои по их самому верхнему пикселу или по верхнему краю границы выделения.

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

Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в вертикальном направлении.

По нижнему краю

Выравнивает все выделенные слои по их самому нижнему пикселу или по нижнему краю границы выделения.

Выравнивает все выделенные слои по самому левому пикселу самого левого слоя или по левому краю границы выделения.

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

Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в горизонтальном направлении.

По правому краю

Выравнивает все выделенные слои по самому правому пикселу самого правого слоя или по правому краю границы выделения.

Распределение слоев и групп с равными интервалами

Обновлено в Photoshop CC (версия 20.0) за октябрь 2018 г.

По верхнему краю

Размещает слои с равными промежутками, начиная отсчет от верхнего пиксела каждого слоя.

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

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

По нижнему краю

Размещает слои с равными промежутками, начиная отсчет от нижнего пиксела каждого слоя.

Размещает слои с равными промежутками, начиная отсчет от левого пиксела каждого слоя.

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

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

По правому краю

Размещает слои с равными промежутками, начиная отсчет от правого пиксела каждого слоя.

Равномерно распределяет горизонтальную разрядку между слоями.

Равномерно распределяет вертикальную разрядку между слоями.

Автоматическое выравнивание слоев изображения

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

С помощью команды «Автоматическое выравнивание слоев» можно совмещать слои несколькими путями.

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

Склеить изображения, имеющие перекрывающееся содержимое.

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

В этом уроке я расскажу как найти центр изображения в фотошопе . Будем рассматривать два способа: с помощью трансформирования и направляющих, а также направляющих и привязки.

Первым делом включаем возможность создавать направляющие. Для этого заходим в пункт меню "Просмотр" и включаем инструмент "Линейка". Также, ее можно включить через сочетание клавиш "Ctrl+R".

Сверху и слева появляется шкала. Потянув за эту шкалу вниз или вправо мы вытаскиваем горизонтальные или вертикальные направляющие.

Следующим шагом мы заходим в трансформирование слоя. Можно зайти в пункт меню "Редактирование" -> "Свободное трансформирование" или нажать сочетание клавиш "Ctrl+T". На слое появляются специальные поинты, за которые мы можем его трансформировать. Нас здесь больше всего интересует центральная точка. Именно она обозначает центр изображения.

В этом режиме нам достаточно просто перетащить с линейки направляющие к центру.

Второй способ как определить центр в фотошопе – с помощью инструмента "Привязка". Чтобы его включить заходим в пункт меню "Просмотр" и выбираем пункт "Привязка". Также его можно включить через сочетание клавиш "Shift+Ctrl+,". В этом режиме если мы будем тянуть нашу направляющую по изображению, то она будет "прилипать" к сторонам, а также к центру изображения. Это касается как вертикальной, так и горизонтальной направляющих.

У этого метода есть одна особенность. Он работает только с выбранным слоем. Если у вас в палитре слоев будет выбран другой слой, то "прилипание" будет работать только относительно его границ и не будет работать на неактивном холсте.

Чтобы в Photoshop разместить объекты по центру, нужно воспользоваться встроенными инструментами. С помощью инструмента «Перемещение» можно быстро привязать выбранный слой к центру изображения. Описанными здесь методами можно пользоваться в аналогичных графических редакторах, например, в GIMP.

1. 1 Выберите слой, который будет размещен в центре изображения. Сделайте это на панели «Слои» в правой части окна.
2. Если слой заблокирован, продублируйте его, чтобы разблокировать. Нажмите ^ Ctrl / ⌘ Command + J , чтобы продублировать выбранный слой. Чтобы получить дополнительную информацию о том, как разблокировать слой, прочитайте.
3. Если в центре нужно разместить какой-то объект слоя, выделите этот объект с помощью инструмента «Выделение», а затем на основе выделенного объекта создайте новый слой. Щелкните правой кнопкой мыши по выделенному объекту и в меню выберите «Скопировать на новый слой».
4. 2 Нажмите ^ Ctrl / ⌘ Command + A , чтобы выбрать весь слой. Вокруг слоя отобразится пунктирная рамка.
5. Описанным способом можно разместить объект в центре выделенной области, а не в центре изображения. В этом случае не надо нажимать ^ Ctrl / ⌘ Command + A , возьмите инструмент «Выделение», чтобы выделить определенную область изображения. Когда вы выполните действия, которые описаны далее, изображение будет находиться в центре выделенной области.
6. 3 Щелкните по инструменту «Перемещение». Вы найдете его на панели инструментов в левой части экрана. Его значок выглядит как указатель мыши с перекрестием. Также можно нажать V , чтобы взять указанный инструмент.
7. 4 Нажмите «Выравнивание центров по вертикали». Вы найдете эту опцию на панели инструментов в верхней части окна или в окне атрибутов, которое отобразится под панелью инструментов в левой части экрана. Значок этой опции имеет вид вертикального черного прямоугольника с белым квадратом справа. Выбранный слой будет отцентрирован по вертикали.
8. Расположение указанной опции зависит от версии Photoshop, но она обязательно отобразится на экране, когда вы возьмете инструмент «Перемещение».
9. 5 Нажмите «Выравнивание центров по горизонтали». Эта опция находится возле опции «Выравнивание центров по вертикали». Значок этой опции имеет вид горизонтального черного прямоугольника с белым квадратом сверху. Выбранный слой будет отцентрирован по горизонтали.
10. 6 Сделайте необходимые корректировки вручную. Если объект не был отцентрирован, внесите нужные изменения вручную, чтобы разместить объект по центру.
11. С помощью линеек можно найти центральную точку изображения. Перетащите направляющую линию по левой (вертикальной) линейке в центр, медленно тащите линию до тех пор, пока она не встанет на место. Теперь перетащите направляющую линию по верхней (горизонтальной) линейке в центр, медленно тащите линию до тех пор, пока она не встанет на место. Точка пересечения линий является центральной точкой изображения. Воспользуйтесь этой точкой, чтобы вручную отцентрировать слой с нужным объектом.

Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью "Перемещения" (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 определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой "О", и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Приведенный здесь способ – не единственный возможный, но зато самый простой.

1. Создадим новый документ (File > New). Цвет фона и размер рисунка выбирайте на свое усмотрение. В данном случае будем использовать холст размером 450×250 пикселей:

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

3. Следующим шагом выберем инструмент Move Tool. Он находится панели инструментов или же просто нажмите клавишу "V".

4. А сейчас нам нужно выбрать наш слой с рисунком (просто кликните по нему) и нажмите Ctrl+A. Таким образом мы выделили нашу картинку. Теперь ее можно отцентрировать. Для этого воспользуемся меню, которое расположено в верхнем ряду:

5. Нажмите по очереди обе кнопки, которые выделены красным цветом на этом меню. Результатом будет центровка вашего рисунка по вертикали и по горизонтали:

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

Выравнивание объектов в Photoshop

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

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

Вариант 1: Выравнивание относительно всего изображения

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

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

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

Вариант 2: Центрирование по заданному фрагменту полотна

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

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

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Смотрите видео: Как выравнивать горизонт в фотошопе (November 2019).

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

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

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

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

Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью "Перемещения" (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 определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой "О", и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:

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

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

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