Photoshop выравнивание объектов. Как выпрямить перекошенное изображение в Photoshop

22.07.2019 Флешки и HDD

Сначала я кликну по красному "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). Кстати, обратите внимание, у нас сейчас выбраны всего два элемента, т.е. меньше трёх, поэтому опции распределения недоступны:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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



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

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

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

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

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

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



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



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

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

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

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

Как правило, новички эту операцию делают на глаз, что совсем не обязательно. Выберите инструмент Перемещение и обратите внимание на его панель параметров. Там имеется ряд настроек, которые и отвечают за эту задачу (смотрите на скриншоте):

Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.

Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.

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

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

В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.

Итак, последовательность действий следующая:

Допустим, нужно разместить по центру эту картинку:

Вариант 1 — относительно всего холста.

ШАГ 1

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

На палитре слоев выделяем фоновый слой и жмем на клавиатуре комбинацию клавиш Ctrl+A (Выделить все). В результате вы должны увидеть рамку выделения из «марширующих муравьев» вокруг фонового слоя. (Как правило, фоновый слой — совпадает по размерам с холстом).

Можно выделить фоновый слой еще другим способом — зажмите клавишу Ctrl и щелкните левой кнопкой мыши по фоновому слою. Способ работает, когда этот слой разблокирован (об этом сигнализирует значок замочка).

ШАГ 2

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

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

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

Вариант 2 - в отдельно взятом фрагменте изображения

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

ШАГ 1

Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?

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

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

ШАГ 2

Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:

Совет. В некоторых случаях требуется вручную немного скорректировать местоположение картинки. Выберите инструментПеремещение и, зажав клавишу Shift, нажимате на стрелки направлений на клавиатуре. Картинка будет двигаться с шагом в 10 пикселей.

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

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

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

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

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

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

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

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

Видеоурок:

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

Многие из вас наверняка не раз видели данный набор кнопок в панели опций инструмента Move (Перемещение).

Также данные опции появляются при наличии форм, создаваемых инструментами группы Фигуры (Shapes). Но приступим к выравниванию. Первое, что нам понадобится, - это работа с линейками. Создайте новый документ клавиатурным сочетанием Ctrl+N, размер установите тот, с которым будет удобно работать вам. Нажмите Ctrl+R для отображения линеек на холсте.

Теперь выберите в панели инструментов Move (Перемещение) или нажмите клавишу V для его активации. Наведите курсор на вертикальную горизонтальную линейку и, удерживая левую кнопку мыши, перетащите появившуюся направляющую линию на середину вашего изображения. Проведите аналогичную операцию с горизонтальной линейкой.

Теперь выделите инструмент Elliptical Marquee (эллиптическое выделение) и установите курсор на центр пересечения созданных линий. Нажмите клавиатурное сочетание Ctrl+Shift+N для создания нового слоя. В появившемся диалоговом окне нажмите OK. Нажмите Alt для создания выделения из центра и с помощью левой кнопки мыши растяните выделение. Теперь сбросим цвета на умолчания, нажав D на клавиатуре. Теперь Alt+Backspace для заполнения цветом переднего плана - в данном случае черным.

Перетащите квадрат в левый нижний угол (инструментом Move (Перемещение).

Удерживая клавишу Shift, щелкните по двум нашим слоям в палитре Layers (слои) левой кнопкой мыши.

Рассмотрим наши опции выравнивания в действии. По порядку: Align top edges (Выравнивание по верхним граням) - перемещает объект к верхней границе большего.

Align Vertical Center (Выровнять вертикальный центр) - выравнивает объект по центру.

Align Bottom Edges (Выровнять по нижним граням) - перемещает объект к нижней границе большего.

Align Left Edges (Выровнять по левым граням) - перемещает объект к левой нижней границе.

Align Horizontal Centers (Выровнять по горизонтальным центрам) - думаю, очевидно из названия, что выравнивание происходит по горизонтальной линейке.

Align Right Edges (Выровнять по правым граням) - выравнивает объекты относительно правого края большего.

Таким образом, чтобы разместить наш круг по центру, нам нужно нажать на Align Horizontal Centers (Выровнять по горизонтальным центрам) и на Align Vertical Center (Выровнять вертикальный центр). Для того, чтобы поставить круг, к примеру, в центр правого прямоугольника, выберите из панели инструментов Rectangular Marquee.

А теперь сделайте активным инструмент Move (Перемещение) и нажмите все те же на Align Horizontal Centers (Выровнять по горизонтальным центрам) и на Align Vertical Center (Выровнять вертикальный центр).

Примечание

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

Сергей Топорков, http://www.cc-studio.ru/