Как расположить объекты в фотошопе
Обновлено: 03.07.2024
Параметры выравнивания и распределения в Adobe Photoshop помогают быстро перемещать элементы в документе, чтобы упростить компоновку дизайна. В этом примере мы выровняем и распределим слои в плакате.
Что вам понадобится
Выравнивание элементов логотипа
Давайте создадим логотип со слоганом, выровняв три строки текста с двумя графическими элементами слева от плаката. Выберите слой 1 ИЮЛЯ — 31 АВГУСТА, а затем щелкните слой LOGO Ellipse, удерживая нажатой клавишу Shift, чтобы выбрать четыре слоя, из которых состоит логотип. Выберите инструмент «Перемещение» на панели «Инструменты», чтобы отобразить значки выравнивания и распределения на панели параметров. Щелкните значок «Выровнять левые края», чтобы выровнять выбранные слои относительно самого левого слоя (слоев), которые представляют собой эллипс и линию. Затем нажмите значок «Выровнять центры по горизонтали», чтобы выровнять все элементы логотипа по центру.
Выравнивание и распространение названий городов
Выберите четыре слоя с названиями городов (Мельбурн, Сидней, Ньюкасл и Брисбен). Щелкните значок «Распределить центры по вертикали», чтобы равномерно распределить названия городов по вертикали на странице. Затем нажмите «Выровнять левые края», чтобы выровнять имена по левому краю с крайним левым слоем в выделенном фрагменте.
Выравнивание и распространение значков спонсоров
Выберите слои от Sponsor1 до Sponsor5. Щелкните значок «Выровнять нижние края», чтобы выровнять значки спонсоров относительно самого нижнего значка. Затем нажмите «Распределить левые края», чтобы равномерно распределить значки по нижней части плаката, используя крайний левый значок в качестве ориентира.
Вот мои любимые советы по быстрому выравниванию и распределению слоев в Photoshop.
Выравнивание слоев с помощью быстрых направляющих. Когда вы перемещаете слои в документе, Photoshop отображает быстрые направляющие, помогающие выровнять и распределить содержимое. На приведенном ниже рисунке горизонтальные интеллектуальные направляющие показывают, что центр золотой фигуры выровнен с верхней частью фигуры ржавчины, а нижняя часть золотой фигуры выровнена с центром фигуры ржавчины. Примечание. Быстрые направляющие, образующие прямоугольник вокруг золотой фигуры, определяют ограничивающую рамку фигуры.
• При выбранном инструменте «Перемещение»:
Удерживать команду (Mac) | Удерживая клавишу (Win), переместите курсор за пределы целевого слоя, чтобы отобразить расстояние между краем ограничивающей рамки текущего выбранного слоя и краем холста.
Удержание команды (Mac) | Control (Win) и наведение курсора на содержимое другого слоя отобразит расстояние между содержимым в слоях. Затем вы можете использовать инструмент «Перемещение», чтобы изменить положение активного слоя, вы также можете использовать клавиши со стрелками, чтобы перемещать выбранный слой, пока не получите точное расстояние, которое вы хотите между слоями (ссылаясь на измерение Smart Guide). Примечание. При использовании клавиш со стрелками расстояние, на которое Photoshop перемещает слой, основано на проценте масштабирования, поэтому, если вы хотите перемещать слой с шагом в один пиксель, обязательно установите масштаб на 100%.< /p>
При перемещении третьего слоя, если расстояние между третьим слоем и расстоянием между другими слоями близко к одинаковому, Быстрые направляющие привязываются к содержимому выбранного слоя, чтобы равномерно распределить слои.
• При работе с несколькими фигурами на одном слое используйте инструмент "Частичное выделение" (с теми же сочетаниями клавиш, что и выше), чтобы выравнивать и распределять слои.
• Выберите «Настройки» > «Направляющие, сетка и фрагменты», чтобы изменить цвет быстрых направляющих.
• Выберите «Просмотр» > «Показать» > «Быстрые направляющие», чтобы переключить видимость «Быстрых направляющих», или используйте сочетание клавиш Command +H (Mac) | Control + H (Win), чтобы переключить видимость всех дополнений.
Выравнивание содержимого нескольких слоев. Выберите два или более слоев (или группы слоев, или связанные слои) и, выбрав инструмент «Перемещение», используйте значки «Выровнять» на панели параметров. Примечание. Параметры «Выровнять» и «Распределить» также являются элементами меню («Слой» > «Выровнять» и «Слой» > «Распределить»).
Используйте значки на панели параметров для выравнивания и распределения слоев. Щелкните значок "Дополнительно" (многоточие), чтобы открыть дополнительные параметры.
По умолчанию слои выравниваются в зависимости от их расположения на холсте.
< /p>
На этой первой иллюстрации все фигуры находятся на разных слоях, и все слои выделены.
Затем при выбранном инструменте «Перемещение» на панели параметров был выбран параметр «Выровнять по центру». Три слоя-фигуры выравниваются по центру их исходного местоположения.
Если вы хотите выровнять слои по определенному месту, используйте инструмент выделения, чтобы выбрать это место, а затем выберите нужный вариант выравнивания.
На панели «Слои» выбраны три слоя-фигуры, выделение было сделано с помощью инструмента «Прямоугольная область» в правой части холста.
При выборе значка "Выровнять по центру" три слоя-фигуры выравниваются по центру в выделенной области.
Чтобы выровнять слои на основе холста, нажмите значок "Дополнительно" (три точки) и выберите "Холст".
На панели «Слои» выбраны три слоя-фигуры. При выбранном инструменте «Перемещение» щелкните значок «Дополнительно», чтобы открыть параметр «Холст».
Если выбран значок "Выровнять по центру", три слоя-фигуры выравниваются по центру холста.
Распределение содержимого нескольких слоев. Photoshop может быстро распределять слои (по горизонтали или вертикали) либо на основании расстояния между слоями (независимо от размера содержимого каждого слоя), либо по центру содержимого каждого слоя. На первой иллюстрации показано исходное изображение с 6 фотографиями — каждая на своем слое со случайным интервалом/перекрытием между ними.
< /p>
Чтобы распределить слои с одинаковым интервалом между каждым слоем, выберите инструмент «Перемещение» и щелкните значок «Распределить по горизонтали», чтобы распределить изображения.
Чтобы распределить слои по центру содержимого каждого слоя, выберите слои на панели «Слои» и, выбрав инструмент «Перемещение», нажмите значок «Дополнительно» (три точки) на панели параметров и нажмите «Распределить центры по горизонтали». значок. Как видно на иллюстрации ниже, в данном случае это не оптимальный выбор, поскольку фотографии на слоях имеют разный размер.
Назначение пользовательских сочетаний клавиш. Если вы часто используете параметры «Выровнять» и «Распределить» и хотите назначить им собственные сочетания клавиш, выберите «Правка» > «Сочетания клавиш», выберите «Сочетания клавиш для: меню приложений», используйте треугольник раскрытия рядом с «Слой», чтобы показать команды меню и введите ярлык рядом с нужными командами. Примечание. Эти пункты меню также можно записать как часть действия.
Выровнять и распределить несколько фигур на одном слое — используйте инструмент «Выделение контура», чтобы выбрать несколько фигур (на одном слое). Затем используйте значок «Выравнивание пути» на панели параметров, чтобы выровнять и распределить выбранные фигуры.
Быстрое центрирование слоя. Использование инструмента «Перемещение» с включенными «Интеллектуальными направляющими» и «Привязка» («Просмотр» > «Показать» > «Быстрые направляющие» и «Просмотр» > «Привязка») позволяет легко перемещать слой по центру холста. Однако если у вас очень сложный документ с несколькими перекрывающимися слоями рядом с центром изображения, может быть сложно выполнить «привязку» к правильному местоположению. В этом случае не забывайте, что вы можете быстро выбрать > Все (Command + A (Mac) | Control + A (Win) и, выбрав инструмент «Перемещение», нажать «Выровнять центры по вертикали» и «Выровнять по горизонтали». Центры» на панели параметров.
Узнайте, как параметры «Выровнять» и «Распределить» в Photoshop позволяют легко и автоматически выравнивать и распределять содержимое наших слоев. И узнайте, как группы слоев могут помочь нам центрировать несколько слоев одновременно с самим документом!
Это руководство является восьмой частью нашего Руководства по изучению слоев Photoshop.
Вот открытый у меня на экране документ с деревянными блоками:
На данный момент блоки разбросаны повсюду, но я хотел бы расположить их в виде сетки 3x3. Если мы посмотрим на мою панель «Слои», мы увидим, что каждый блок находится на своем собственном слое над фоновым слоем. Я пошел дальше и переименовал каждый слой в зависимости от того, где я хочу, чтобы каждый блок отображался в сетке («Вверху слева», «Вверху справа», «Внизу справа» и т. д.):
Итак, как мне переупорядочить блоки внутри документа и выровнять их друг с другом? Что ж, я мог бы попытаться перетащить их на место вручную с помощью инструмента «Перемещение», но это заняло бы время, и я сомневаюсь, что смогу идеально выровнять их все, просто «взглянув на них». Лучшим и гораздо более простым способом было бы позволить Photoshop сделать всю работу за меня автоматически, используя параметры «Выровнять» и «Распределить»!
Чтобы получить доступ к параметрам «Выровнять и распределить», нам нужно выбрать инструмент «Перемещение», поэтому я выберу его в верхней части панели «Инструменты»:
При выбранном инструменте «Перемещение» параметры «Выровнять» и «Распределить» отображаются в виде набора значков на панели параметров в верхней части экрана. В настоящий момент значки выделены серым цветом и недоступны, потому что на панели «Слои» выбран только один слой, и нет особого смысла пытаться выровнять или распределить слой сам по себе:
Давайте посмотрим, что произойдет, если я выберу несколько слоев. У меня уже выбран верхний левый слой вверху стека слоев:
Я также выберу верхний центральный и верхний правый слои, удерживая нажатой клавишу Shift и щелкнув верхний правый слой. При этом верхний левый слой остается выбранным, к выделению добавляется верхний правый слой, а также выделяется верхний центральный слой между ними, так что теперь все три слоя выделены одновременно:
Если выбрано несколько слоев, становятся доступными параметры «Выровнять и распределить». Давайте рассмотрим их поближе.
Параметры выравнивания
Первые шесть значков в строке — это параметры выравнивания. Слева направо у нас есть Выровнять верхние края, Выровнять вертикальные центры, Выровнять нижние края, Выровнять левые края, Выровнять горизонтальные центры и Выровнять правые края. Эти параметры позволяют выровнять содержимое двух или более слоев либо по краям содержимого, либо по центру содержимого:
Шесть вариантов выравнивания: по верхним краям, по центру по вертикали, по нижним краям, по левому краю, по центру по горизонтали и по правому краю...
Параметры распространения
Далее следуют шесть параметров «Распределить», которые будут брать содержимое нескольких слоев и распределять их одинаково. Слева направо у нас есть «Распределение верхних краев», «Распределение вертикальных центров», «Распределение нижних краев», «Распределение левых краев», «Распределение горизонтальных центров» и, наконец, «Распределение правых краев». Обратите внимание, что вам нужно выбрать три или более слоев одновременно на панели «Слои», чтобы параметры «Распределить» стали доступными:
Шесть вариантов распределения: верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.
Давайте посмотрим, как я могу использовать эти параметры выравнивания и распределения, чтобы легко переупорядочивать блоки в моем документе. Как мы видели минуту назад, я выбрал верхний левый, верхний центральный и верхний правый слои на панели «Слои». Я собираюсь временно отключить другие блоки в документе, щелкнув значок видимости каждого слоя. Вам не нужно отключать другие слои, чтобы использовать параметры выравнивания и распределения. Я делаю это только для того, чтобы нам было легче увидеть, что происходит в документе:
Если другие блоки отключены, видимыми остаются только блоки на трех выбранных мной слоях. Опять же, я отключил другие блоки, чтобы нам было легче видеть, что происходит. Нет необходимости включать и выключать слои, чтобы использовать эти параметры:
Первое, что я хочу сделать, это выровнять эти три блока по горизонтали, основываясь на верхних краях блоков. Для этого, когда на панели «Слои» выбраны три слоя, все, что мне нужно сделать, это нажать на параметр «Выровнять верхние края» на панели параметров:
Photoshop просматривает три блока, определяет, какой из них находится ближе всего к верхней части документа, а затем перемещает два других блока вверх, чтобы выровнять верхние края всех трех, и все делается мгновенно:
Я также хочу распределить три блока по горизонтали, чтобы они находились на одинаковом расстоянии друг от друга, поэтому на этот раз (снова с тремя слоями, выбранными на панели «Слои») я нажму параметр «Распределить центры по горизонтали» в панель параметров:
Photoshop снова смотрит на три блока, смотрит, где находится блок слева и где блок справа, затем перемещает центральный блок в положение, чтобы между ними было равное расстояние. Блоки с обеих сторон не двигаются. Перемещается только блок между ними:
Теперь, когда три верхних слоя на месте, я включу средний левый и нижний левый слои, щелкнув их значки видимости на панели «Слои»:
Это включает эти два новых блока в документе. Синий блок «T» находится на среднем левом слое, а оранжевый «H» — на нижнем левом слое:
Выбрав три слоя, я нажму на параметр «Выровнять левые края» на панели параметров:
Photoshop просматривает три блока, определяет, какой из них находится ближе всего к левой стороне документа, а затем перемещает два других блока влево, чтобы выровнять левые края всех трех блоков:
Мне все еще нужно исправить расстояние между тремя блоками, но я вернусь к ним через минуту. Я собираюсь включить нижний центральный и нижний правый слои, щелкнув их значки видимости:
Это включает синий блок "O" (нижний центр) и красный блок "P" (нижний правый) внизу:
Я выберу все три слоя одновременно, сначала щелкнув нижний левый слой на панели «Слои», затем, удерживая клавишу Shift, щелкнув нижний правый слой. Теперь выбраны все три слоя, включая нижний центральный слой между ними:
Я хочу выровнять нижние края этих слоев, поэтому я выберу параметр "Выровнять нижние края" на панели параметров:
Photoshop определяет, какой из трех блоков находится ближе всего к нижней части документа, а затем перемещает два других блока вниз, чтобы выровнять нижние края всех трех блоков:
Теперь, когда блок "H" в нижнем левом углу на месте, я вернусь и изменю расстояние между блоками слева. Опять же, я выберу верхний левый, средний левый и нижний левый слои на панели «Слои»:
Выбрав три слоя, я выберу параметр "Распределить вертикальные центры" на панели параметров:
Photoshop оценивает положение верхнего и нижнего блоков, затем перемещает средний блок, чтобы между ними было равное расстояние по вертикали:
Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]
Пока все хорошо. Я включу средний правый слой в документе, щелкнув значок его видимости:
Это включает зеленый блок "S" справа:
Чтобы выровнять правые края трех блоков вдоль правого края (блоки "O", "S" и "P"), я сначала выберу верхний правый, средний правый и нижний правый слои в слоях. панель:
Затем я выберу параметр "Выровнять правые края" на панели параметров:
Photoshop определяет, какой из трех блоков находится ближе всего к правой стороне документа, а затем перемещает два других блока вправо, чтобы выровнять правые края всех трех блоков:
Мне также нужно разместить три блока на одинаковом расстоянии друг от друга, поэтому я нажму на параметр "Распределить центры по вертикали" на панели параметров точно так же, как я сделал, когда регулировал расстояние между тремя блоками слева:< /p>
Теперь три блока справа расположены на одинаковом расстоянии друг от друга:
Наконец, я включу средний центральный слой, щелкнув значок его видимости на панели «Слои»:
Это включает красный блок "O" в центре:
Центральный блок должен быть выровнен с блоками по обе стороны от него, поэтому я выберу слои «Средний левый», «Средний центральный» и «Средний правый» на панели «Слои»:
Затем я выберу параметр "Выровнять верхние края" на панели параметров:
Photoshop перемещает средний блок вверх, чтобы выровнять его верхний край с верхними краями соседних блоков «T» и «S». варианты:
Конечно, остается еще одна проблема. Блоки могут быть выровнены и распределены между собой, но общий дизайн все равно должен быть центрирован в документе. Для этого нам нужен способ перемещать и выравнивать блоки как единое целое, и самый простой способ сделать это — поместить их все в группу слоев, которую мы рассмотрели в предыдущем уроке.
Чтобы поместить блоки в группу, мне сначала нужно выбрать все нужные мне слои, поэтому я начну с щелчка по верхнему левому слою в верхней части стопки слоев, а затем удерживаю нажатой клавишу Shift. и щелкните нижний правый слой прямо над фоновым слоем. Это выберет верхний левый слой, нижний правый слой, а также все промежуточные слои:
Выбрав все блочные слои, я нажму на значок меню в правом верхнем углу панели «Слои» (значок меню будет выглядеть как маленькая стрелка в старых версиях Photoshop)
Я выберу «Новая группа из слоев» в появившемся меню:
Photoshop откроет диалоговое окно с запросом имени для новой группы слоев. Я назову его «Блоки», затем нажму «ОК», чтобы закрыть диалоговое окно:
Если мы посмотрим на панель «Слои», то увидим, что все слои блоков теперь вложены внутри группы слоев с названием «Блоки»:
Одна из приятных особенностей групп слоев, помимо того, что это отличный способ сохранить чистоту и организованность панели «Слои», заключается в том, что они позволяют нам перемещать все слои внутри них, как если бы они были одним слоем. Группа «Блоки» уже выделена на панели «Слои», поэтому я, удерживая нажатой клавишу Shift, нажимаю на фоновый слой под ним. Это одновременно выделяет группу слоев и фоновый слой:
Как мы узнали из руководства по фоновому слою, фоновые слои заблокированы на месте, что означает, что они не могут перемещаться внутри документа. Единственное, что я выбрал, может перемещаться, — это группа слоев. Я нажму на параметр «Выровнять центры по вертикали» на панели параметров:
Photoshop выравнивает блочные слои внутри группы слоев по вертикали с фоновым слоем:
И, наконец, я нажму на параметр "Выровнять горизонтальные центры" на панели параметров:
Это выравнивает блоки по горизонтали с фоновым слоем, центрируя дизайн в документе:
Что делать дальше.
И вот оно! В следующем уроке в нашем Руководстве по изучению слоев мы узнаем, как управлять прозрачностью слоя с помощью параметров «Непрозрачность» и «Заливка» на панели «Слои»! Или ознакомьтесь с нашим разделом «Основы Photoshop», где можно найти дополнительные уроки!
Я использую «Распределить центры по горизонтали» в Photoshop, но этот инструмент может не подходить для этой работы. Я предполагаю, что Photoshop будет распределять ЦЕНТР каждого текстового объекта и выравнивать его, поэтому у длинных ссылок не будет такого большого «интервала» с обеих сторон.
Есть ли способ равномерно распределить группу объектов с учетом их общего размера, а не по центральным точкам?
@John - Да, именно об этом я и пытался спросить. Есть ли более простой способ сделать это, чем вручную перемещать каждый объект на x пикселей от края другого? Очень медленно, если у меня есть 10 элементов в навигации и я хочу увеличить интервал для каждого на 5 пикселей.
У меня была такая же проблема, поэтому я спросил, и ответ был таким: используйте скрипт и назначьте ему ярлык. Это работает, сделало мою жизнь намного проще
9 ответов 9
Это невозможно сделать без скрипта, такого как предоставленный здесь Тревором Моррисом. [1]
На этой странице следует искать «Распределение интервалов между слоями».
Если у вас есть Creative Suite, вы можете сделать это в Illustrator, а затем перенести объекты обратно в Photoshop. В Photoshop продублируйте объекты в новый файл, сохраните и откройте файл, содержащий объекты, в Illustrator. Нажмите на инструмент выделения с черной стрелкой в меню инструментов. Выберите Окно --> Выровнять, чтобы открыть диалоговое окно ВЫРАВНИВАНИЕ. Удерживая SHIFT, щелкните каждый объект, чтобы выбрать их все одновременно. В поле ВЫРАВНИВАНИЕ в разделе «Распределить интервалы» щелкните маленькую черную стрелку под текстом «Выровнять по:». Выберите «Выровнять по ключевому объекту». Один из объектов будет выделен красным контуром вокруг него. Вы можете использовать его или щелкнуть другой объект, чтобы сделать его своим ключевым объектом. В диалоговом окне ВЫРАВНИВАНИЕ есть поле, позволяющее ввести количество пикселей, на которое вы хотите разделить элементы. Введите число (например, 20 пикселей), а затем нажмите кнопку «Распределить расстояние по горизонтали» слева от этого поля. Это позволит равномерно распределить объекты на указанном расстоянии друг от друга.
Затем вам нужно будет использовать палитру слоев, чтобы перетащить каждый объект на отдельный слой. В противном случае, когда вы вернете файл обратно в Photoshop, все объекты будут одним слоем. Поэтому просто нажмите «Создать новый слой» в окне слоев, чтобы создать новые слои для каждого из ваших объектов, и перетащите каждый объект на новый слой в палитре слоев.
По завершении выберите Файл --> Экспорт, чтобы сохранить файл как документ Photoshop. Затем откройте его в Photoshop, сгруппируйте слои и продублируйте их в текущий документ.
Я искал это без части Photoshop (как это сделать только в Illustartor). Работал отлично для меня. Большое спасибо!
Я просто создаю ящик и использую его. Это грязно, но эффективно. Еще одно уточнение: я создаю коробку, как в форме, которую я могу перемещать, и создаю направляющие. И удалить, когда закончите.
Вы должны выбрать элементы в палитре слоев. Затем с помощью инструмента V-move появятся следующие параметры:
тогда вы можете попробовать все варианты позиционирования, которые, по вашему мнению, подходят для данного случая.
Я не думаю, что кому-либо из них удается распределять элементы так, как их просят.Один будет центрировать их все на одной линии, другой будет центрировать их, но их средние точки.
как насчет того, чтобы использовать их вместе? Я считаю, что это инструменты, и я использовал их много раз. но, может быть, я не правильно понял идею.
Читайте также: