Выравнивание объектов в заданных границах. Выравниваем объекты в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаги

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

Который позволяет автоматически со сто процентной точностью выровнять любой объект/слой по центру изображения или его краям . Также можно выровнять относительно отдельно взятого участка на изображении. Все это очень просто и об этом пойдет речь в данной статье.

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

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

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

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

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

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

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

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

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

Шаг 1

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

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

Примечание

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

Шаг 2

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

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

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

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

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

Шаг 1

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

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

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

В последнее время многие авторы включая меня большое внимание уделяют различным трюкам и эффектам, которые можно сотворить в 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/