Как сделать слой по центру photoshop

Добавил пользователь Валентин П.
Обновлено: 05.10.2024

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

Сложность: Низкая

Дата: 19.10.2011

Обновлено: 24.08.2017

Выравнивание объектов в заданных границах при работе с Фотошопом

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

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

Нажмите, будет так:

Нажмите, будет так:

Теперь текст внизу:

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

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

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

Нажмите Ctrl+D чтобы снять выделение.

Затем Shift+стрелка вправо и Shift+стрелка вниз.

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

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

Применяйте эти знания, чтобы перемещать объекты на вашем рабочем документе. Это очень удобно.

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


Это руководство является частью 8 нашего Руководства по обучению слоям Photoshop .

Вот документ, который я открыл на своем экране, показывающий некоторые деревянные блоки:

Деревянные блоки внутри документа Photoshop.

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

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

Параметры выравнивания

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

Шесть опций выравнивания — верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.

Варианты распространения

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

Блоки на выбранных слоях остаются видимыми.

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

Выравнивание блоков по их верхним краям.

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

Распределение блоков по горизонтали в документе.

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

Выравнивание левого края трех блоков.

Три нижних блока появляются в документе.

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

Выравнивание нижних краев трех блоков в документе.

Выбрав три слоя, я щелкну опцию Распределить вертикальные центры на панели параметров:

Фотошоп смотрит на положение верхнего и нижнего блоков, затем перемещает средний блок, чтобы создать равное пространство между ними по вертикали:

Расстояние между тремя левыми блоками по вертикали.

Все идет нормально. Я включу средний правый слой в документе, нажав на его значок видимости:

Блок в среднем правом слое становится видимым.

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

Правые края трех блоков теперь выровнены.

И теперь три блока справа расположены на равном расстоянии:

Правильные блоки теперь расположены на одинаковом расстоянии.

Блок в среднем центре становится видимым в документе.

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

Блоки теперь выровнены и распределены в документе.

Конечно, остается еще одна проблема. Блоки могут быть выровнены и распределены между собой, но общий дизайн все еще должен быть в центре документа. Чтобы сделать это, нам нужен способ перемещения и выравнивания блоков как одного элемента, и самый простой способ сделать это — поместить их все в группу слоев , как мы рассматривали в предыдущем уроке .

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

Я выберу новую группу из слоев в появившемся меню:

Photoshop выравнивает слои блоков внутри группы слоев по вертикали с фоновым слоем:

Блоки теперь выровнены вертикально с фоновым слоем.

Это выравнивает блоки по горизонтали с фоновым слоем, центрируя дизайн в документе:

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

Куда пойти отсюда…

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

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

Как найти центр изображения в фотошопе

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

Как найти центр изображения в фотошопе

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

Как найти центр изображения в фотошопе

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

Как найти центр изображения в фотошопе

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

Как найти центр изображения в фотошопе

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

урок Photoshop панели слоев

В сегодняшнем мини-уроке я хотел бы вам рассказать небольшие хитрости, которые ускорят вашу работу в Photoshop. Как вы наверное уже догадались – речь пойдет про слои и взаимодействие с ними. В частности вы узнаете о быстрых комбинациях клавиш. Начнем!

Добавление слоев

Command (Mac) / Ctrl (Win) + Shift + “N” будет добавить новый слой с отображением диалогового окна . Если вы также нажмете клавишу Option (Mac) / Alt (Win) , то добавится новый слой без отображения диалогового окна.

Отображение слоев

  • Option (Mac) / Alt (Win) Щелкните по иконке глаза слоя, чтобы скрыть все остальные слои.
  • Option (Mac) / Alt (Win) зажав кнопку и кликнув мышью еще раз – включит все ранее видимые слои. Для того, чтобы проделать эти же операции без нажатия клавиш, можно щелкнуть правой клавишей мыши по иконке глаза слоя и выбрать “Показать/Скрыть все другие слои” (Show/Hide all other layers).

Параметры предварительного просмотра панели слоев


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

Выбор похожих слоев

Следующий полезный совет позволит быстро выбирать похожие слои. К примеру, у вас сложный документ со множеством слоев, и вам понадобилось быстро изменить шрифт, для этого придется выбрать все текстовые слои. У вас есть два пути: либо по одиночке выбирать текстовые слои и менять шрифт написания, либо просто перейти к “Select> Similar Layers” и поменять шрифт для всех слоев одновременно. Этот трюк работает не только с физическими слоями, но и с корректирующими.

Выделение содержимого слоя

  • Зажмите Command (Mac) / Ctrl (Win) и щелкните по иконке слоя.
  • Зажмите Command (Mac) / Ctrl (Win) +Shift, чтобы добавить дополнительные слои к выделению.
  • Зажмите Option-Command (Mac) / Alt-Ctrl (Win) вычесть слой от выделенного.
  • Зажмите Option-Command (Mac) / Alt-Ctrl (Win) +Shift, чтобы создать выделение из пересечение двух слоев.

Быстрое выравнивание слоя по центру


Если у вас есть слой, который вы хотите выровнять по центру документа, выберите этот слой, затем перейдите к “Select> All“ и с выбранным инструментом перемещения Move Tool (V) , нажмите кнопку “Align vertical centers ” и “Align horizontal centers ” в панели настроек сверху.

Выбор всех слоев

Для того, чтобы выбрать все слои, нажмите Ctrl + Alt (Mac) / Ctrl + Alt (Win) + “А” . Обратите внимание, что скрытые слои тоже будут включены в этот выбор, однако фон (Background), этой командой, выбран не будет.

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

Автовыбор слоев


Для автоматического выбора слоя инструментом Move Tools (V), установите флажок “Auto-Select” в панели настроек. Возможен выбор между автоматическим выбором слоя или группы. Или, можно временно включать функцию “Авто-Select“, для этого достаточно зажать клавишу Command (Mac) / Ctrl (Win) и кликнуть мышью в содержимое слоя инструментом Move Tools (V). Чтобы выбрать более одного слоя, кликайте мышью на содержании слоев с зажатой клавишей Shift. Повторный клик мышью на том же слое отменит его выделение.

Подсказка: если у вас есть слои, которые вы не хотите выделять или двигать – заблокируйте их.

Выбор несколько слоев с помощью панели Layers

Для выбора нескольких слоев из панели Layers, нажмите и удерживайте клавишу Command (Mac) / Ctrl (Win) – кликайте по нужным вам слоям в области названия или миниатюры. Когда несколько слоев выбран, то все команды будут применены ко всем слоям (перемещение, трансформация, слияние, применение стилей и т.д.). При выборе нескольких слоев с помощью инструмента Move Tool (V), у вас есть возможность поставить галочку “Show Transform Controls/Показать управляющие элементы” (сверху, в панели опций) и Photoshop покажет прямоугольную границу вокруг выбранных слоев. Это поможет не только увидеть слои, которые выбраны, но быстро трансформировать нескольких слоев без использования команды Free Transform.


Дублирование слоев

Чтобы дублировать слой(и) в панели Layers, выберите слой(и) и зажав клавишу Option (Mac) / Alt (Win) перетащите его или их пока вы не увидите жирную черную линию между слоями – тогда отпустите кнопку мыши и клавишу Option / Alt. Я предпочитаю этот метод, так как используя сочетание клавиш Command (Mac) / Ctrl (Win) + “J” дублирует только один слой.

Объединение слоев

  • Command (Mac) / Ctrl (Win) + Shift + “E” – сольет видимые слои в один.
  • Command+ Option (Mac), / Ctrl + Alt (Win) + “E” – создает новый слой и копирует на него выбранные “слитые” слои.
  • Command + Option (Mac) / Ctrl + Alt (Win) + Shift + “E” – создает новый слой и копирует на него все “слитые” слои в документе.

Выравнивание слоев


С выбранным инструментом Move Tool (V), выбрав несколько слоев (или выбрав связанные слои) можно выровнять и распределить выбрав соответствующую иконку в панели Options.

Переключение на маску слоя

  • Выбрав слой с маской и нажав сочетание клавиш Command (Mac) / Ctrl (Win) + “\” (обратная косая черта) вы переключитесь на маску слоя и можете начать ее редактировать.
  • Command (Mac) / Ctrl (Win) + “2” переключит вас обратно на объект слоя.

Дублирование нескольких слоев


Вместо того, чтобы перетаскивать нескольких слоев между документами, вы можете выбрать нужные слои в панели слоев, а затем выбрать Layer> Duplicate Layers.., далее можно выбрать куда необходимо скопировать (этот же документ, другой открытый или новый) слой или слои и нажать ОК.

Ориентация слоев с помощью клавиатуры

  • Option (Mac) / Alt (Win) + “[” или “]” – перейти на слой выше или ниже.
  • Option (Mac) / Alt (Win) + Shift + “]” или + “[“ – выделение слоев выше или ниже относительно выбранного слоя.
  • Option (Mac) / Alt (Win) + “,” или “.” – перейти на самый нижний слой или самый верхний.
  • Option (Mac) / Alt (Win) + Shift + “,” или “.” – выбрать все слои выше/ниже включая текущий.

Перемещение слоев

Command (Mac) / Ctrl (Win) + “[” или “]” – перемещает слой вверх или вниз.

Обратное расположение слоев

Выберите Layer> Arrange> Reverse для обращения расположения выбранных слоев. Примечание: если слои в разных группах эта опция не доступна.

Добавление группы слоев

  • Группировка слоев отличный способ, чтобы организовать комплексный многослойный документ. Чтобы создать пустую группу слоев, щелкните “Create Layer Group” (папка) значок в нижней части панели слоев.
  • Чтобы создать новую группу слоев и одновременно разместить выбранные слои в этой группе, перейдите к “Layer> Group Layers” или перетащите выбранные слои (в панели слоев) на значок “Create Layer Group” в нижней части панели Layers, или используйте сочетание клавиш Command (Mac) / Ctrl (Win) + “G”.
  • Чтобы разгруппировать слои выберите “Layer> Ungroup Layers” или используйте сочетание клавиш Command (Mac) / Ctrl (Win) + Shift + “G”.

Удаление группы слоев


  • Чтобы удалить группу слоев, выберите “Layer> Delete> Group” или выбрав на панели Layers нужные вам группы нажмите значок корзины. В любом случае будет отображаться диалоговое окно с параметрами удаления Group and Contents“ (которая удаляет и папку и ее содержимое), Group Only” (удаляет только папку, но оставляет слои), или “Cancel”.
  • Чтобы удалить группу и все содержимое в обход диалогового окна – выберите группу на панели слоев и перетащите этот группу на значок корзины зажав клавишу Option (Mac) / Alt (Win).
  • Зажмите Command (Mac) / Ctrl (Win) и перетащите на значок корзины, чтобы удалить группу, но не удаляя ее содержимое.

Выбор групп слоев


Для автоматического выбора группы слоев – выберите в настройке инструмента Move Tool (V) “Auto-Select” и элемент выбора в выпадающем списке “Group”.

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


  • Зажав клавишу Command (Mac) / Ctrl (Win) и кликнув треугольник раскрытия рядом с папкой слоя чтобы развернуть или свернуть все группы слоев в документе.
  • Зажав клавишу Option (Mac) / Alt (Win) и кликнув треугольник раскрытия – раскроет или свернет все группы, вложенные в текущей группе.
  • Зажав клавишу Option-Command (Mac) / Alt-Ctrl (Win) и кликнув треугольник раскрытия – развернет и свернет все группы (вложенные или нет).
  • Или, если вам больше понравится, Правой кнопкой мыши кликнув треугольник раскрытия группы и выберите Close/Open this Group” или Close/Open all Other Groups“.

Маскирование нескольких слоев


Группировка слоев может пригодиться не только для их организации, но и для более широкой манипуляции с ними. Например можно замаскировать содержимое нескольких слоев одновременно. Выберете группой в панели Layers и нажмите значок “Add Mask”. Эта маска будет контролировать видимость всех слоев в группе.

Режим смешивания групп слоев


  • Группы слоев, по умолчанию, установлены в режиме смешивания “Pass Through” для отображения эффектов наложения для каждого отдельного слоя в Photoshop.
  • Чтобы изменить это поведение по умолчанию, достаточно просто выбрать желаемый режим смешивания, но при этом необходимо помнить, что индивидуальный режим смешивания для отдельного слоя будет игнорироваться.

Блокировка слоя

Находясь на слое, просто нажмите “/“ для переключения на замок, повторное нажатие отключает блокировку.

Правила для связанных слоев


  • Выбрав слой, который связан с другими слоями, будет обозначен значком “цепочки” связи с остальными слоями, к которым он связан.
  • Чтобы отменить связь одного слоя от других связанных слоев, просто выберите слой и нажмите значок “Link Layers”. Если есть другие связанные слои, они остаются связанными.
  • Если выбрать слои, среди которых будут как связанные, так и не связанные и нажать на значек “Link Layers”, то все несвязанные слои привяжутся к остальной группе связанных.
  • Слои могут принадлежать только к одной группе связанных слоев в данный момент.

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

В рабочем пространстве программы появятся линейки сверху и слева

Вертикальная и горизонтальная линейки

Вертикальная и горизонтальная линейки

Подготовьте две направляющие

Линейки помогают вытягивать направляющие, чтобы ориентироваться в документах, шаблонах и макетах.

Направляющие не меняют своего положения при переключении слоёв и не влияют на графическое содержимое слоёв. Линейки остаются только в рабочих файлах программы Photoshop. При сохранении файла они не будут видны.

Из горизонтальной линейки вытяните горизонтальную направляющую

Для этого наведите курсор мыши на любое место над верхней линейкой (на самой линейке). Зажмите ЛКМ и тяните вниз. Вы увидите как начнёт выползать горизонтальная направляющая яркого цвета.

Появилась горизонтальная направляющая

Появилась горизонтальная направляющая

Из вертикальной линейки вытяните вертикальную направляющую

Для этого наведите курсор мыши на любое место над левой линейкой. Зажмите ЛКМ и тяните вправо. Вы увидите как начнёт выползать вертикальная направляющая яркого цвета.

Появилась вертикальная направляющая

Появилась вертикальная направляющая

Медленно перетягивайте направляющую левой кнопкой мыши по направлению к центру

Посмотрите на числах на линейке и заранее прикиньте какое значение будет средним. Если у вас по ширине 1800 пикселей, то середина вертикальной направляющей будет проходить на 900 пикселей по горизонтали.

Горизонтальная направляющая села в центр слоя по вертикали

Горизонтальная направляющая села в центр слоя по вертикали

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

Вертикальная направляющая села в центр слоя по горизонтали

Вертикальная направляющая села в центр слоя по горизонтали

Две направляющие пересекутся точно в центре слоя и документа. Так вы узнаете где в документе Photoshop середина листа (слоя).

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

Читайте также: