Как сделать одинаковое расстояние между объектами в фотошопе
Обновлено: 07.07.2024
Одно из значимых нововведений в Photoshop CC 2014, которое будет полезно многим пользователям и особенно веб-дизайнерам - это умные (смарт) направляющие. Они дают пользователю возможность динамически определять расстояния между границами объектов и краями документа.
Кроме того, обычные быстрые направляющие по умолчанию теперь активны при запуске программы.
Измерение расстояния между элементами на разных слоях и и границами документа
Быстрые направляющие показывают расстояние между векторными и пиксельными фигурами, находящимися на разных слоях, кроме того, можно узнать расстояние от края фигуры до края всего документа.
Для того, чтобы определить это расстояние, в панели слоёв выберите слой с нужной фигурой, возьмите инструмент "Перемещение" (Move Tool) и наведите курсор на фигуру другого слоя или на фоновый слой. На рисунке активным является слой с оранжевым квадратом:
Если Вы при этом нажмёте на клавиши клавиатурных стрелки, то фигура будет передвигаться (одно нажатие - один пиксель), а расстояние на указателях изменяться соответственно перемещению.
Копирование объектов на заданное расстояние при помощи умных направляющих
Как известно, слой можно скопировать методом перемещения, перетаскивая слой инструментом "Перемещение" (Move Tool) при зажатой клавише Alt.
Теперь мы можем видеть, на какое расстояние мы перемещаем копию. Кроме того, программа показывает не только расстояние, но и продолжение краёв объектов, а также, габаритные рамки. Теперь точное позиционирование копий существенно облегчено:
Множественное копирование объекта на заданное расстояние
Распространённая задача в Photoshop, особенно для веб-дизайнеров - копирование объекта несколько раз на одно и то же расстояние для создания, например, решётки.
Новые смарт-направляющие существенно упрощают эту задачу, т.к. перемещение объекта на одно и то же расстояние автоматизируется.
Выполнения задачи состоит из двух этапов. Сначала инструментом "Перемещение", при зажатой Alt, мы делаем первую копию объекта, перетаскивая его, скажем, на двадцать пикселей вправо. Photoshop запоминает это действие. Далее мы тащим копию вправо, и, когда расстояние между копиями приближается к двадцати пикселям, Photoshop СС 2014 автоматически выставляет новую копию на расстояние 20 пикселей и при этом отображает расстояние между всеми копиями. Теперь надо отпустить клавишу мыши и повторить копирование:
Вы можете изменить цвет смарт-направляющих через вкладку Редактирование --> Настройки --> Направляющие, сетки и фрагменты (Edit --> Preferences --> Guides, Grids & Slices). Отображение направляющих отключается клавишами Ctrl+H.
В Photoshop можно использовать функцию «Выравнивание и распределение» для правильной расстановки слоев изображений, она часто применяется для создания панорамных изображений.
Выравнивание объектов, расположенных на разных слоях
Выравнивание содержимого слоев и групп производится с помощью инструмента «Перемещение» . (См. раздел Перемещение содержимого слоев.)
Чтобы выровнять несколько слоев, выделите их с помощью инструмента «Перемещение» или на панели «Слои» либо выберите группу слоев.
Чтобы выровнять содержимое одного или нескольких слоев по границе выделения, выделите часть изображения, а затем выберите слои на панели «Слои». Данный метод используется для выравнивания относительно любой точки изображения.
Выберите меню «Слой» > «Выровнять» или «Слой» > «Выровнять слои по области» и выберите нужную команду в подменю. Эти же команды могут быть выполнены с помощью кнопок выравнивания на панели параметров инструмента «Перемещение».По верхнему краю
Выравнивает все выделенные слои по их самому верхнему пикселу или по верхнему краю границы выделения.
Выравнивание центров по вертикали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в вертикальном направлении.
По нижнему краю
Выравнивает все выделенные слои по их самому нижнему пикселу или по нижнему краю границы выделения.
Выравнивает все выделенные слои по самому левому пикселу самого левого слоя или по левому краю границы выделения.
Выравнивание центров по горизонтали
Выравнивает все выделенные слои по центральному пикселу слоев или границы выделения в горизонтальном направлении.
По правому краю
Выравнивает все выделенные слои по самому правому пикселу самого правого слоя или по правому краю границы выделения.
Распределение слоев и групп с равными интервалами
По верхнему краю
Размещает слои с равными промежутками, начиная отсчет от верхнего пиксела каждого слоя.
Выравнивание центров по вертикали
Размещает слои с равными промежутками, начиная отсчет от центрального в вертикальном направлении пиксела каждого слоя.
По нижнему краю
Размещает слои с равными промежутками, начиная отсчет от нижнего пиксела каждого слоя.
Размещает слои с равными промежутками, начиная отсчет от левого пиксела каждого слоя.
Выравнивание центров по горизонтали
Размещает слои с равными промежутками, начиная отсчет от центрального в горизонтальном направлении пиксела каждого слоя.
По правому краю
Размещает слои с равными промежутками, начиная отсчет от правого пиксела каждого слоя.
Автоматическое выравнивание слоев изображения
Команда «Автоматическое выравнивание слоев» автоматически выравнивает слои на основе сходного содержимого различных слоев в углах или по краям. Можно назначить эталонный слой вручную или позволить программе автоматически выбрать эталонный слой. Другие слои автоматически выравниваются по эталонному слою так, чтобы совпадающие области слоев перекрывались.
С помощью команды «Автоматическое выравнивание слоев» можно совмещать слои несколькими путями.
Заменять или удалять части изображений, имеющие одинаковый фон. После выравнивания изображений можно использовать маску или эффекты наложения для объединения частей изображения в одно изображение.
Склеить изображения, имеющие перекрывающееся содержимое.
При работе с кадрами видео, снятого на статичном фоне, можно преобразовать кадры в слои, а затем добавить или удалить содержимое в нескольких кадрах.
Я использую «Распределить горизонтальные центры» в Photoshop, но это может быть неправильный инструмент для работы. Я предполагаю, что Photoshop будет распределять CENTER каждого текстового объекта и выравнивать его, так что длинные ссылки не будут иметь такого большого «пробела» с обеих сторон.
Есть ли способ для меня распределить группу объектов равномерно с учетом их общего размера, а не по их центральным точкам?
Вы пытаетесь получить равное количество пространства между каждым объектом? @ Джон - Да, это то, что я пытался спросить. Есть ли более простой способ сделать это, чем вручную перемещать каждый объект на x пикселей от края другого? Очень медленно, если у меня есть 10 элементов в навигации и я хочу увеличить интервал для каждого на 5 пикселей. У меня была такая же проблема, поэтому я спросил, и ответ был: Используйте сценарий и назначьте ему ярлык. Это работает, сделало мою жизнь намного прощеЭто не может быть сделано без сценария, такого как те, что предоставлены Тревором Моррисом здесь . [1]
«Распределить расстояние между слоями» - это то, что нужно искать на этой странице.
Если у вас есть Creative Suite, вы можете сделать это в Illustrator, а затем вернуть объекты в Photoshop. В Photoshop скопируйте объекты в новый файл, сохраните и откройте файл, содержащий объекты в Illustrator. Нажмите на инструмент выбора черной стрелки в меню инструментов. Перейдите в Window -> Align, чтобы открыть диалоговое окно ALIGN. Удерживайте SHIFT и нажмите на каждый объект, чтобы выбрать их все одновременно. В поле «ALIGN» в разделе «Distribute Spacing» щелкните маленькую черную стрелку под текстом «Align To:». Выберите «Выровнять по ключевому объекту». Один из объектов будет выделен красным контуром вокруг него. Вы можете использовать его или щелкнуть по другому объекту, чтобы сделать его вашим ключевым объектом. В диалоговом окне ALIGN есть поле, которое позволяет вам ввести количество пикселей, которые вы хотите, чтобы ваши элементы были разделены. Введите число (например, 20 пикселей), а затем нажмите кнопку «Горизонтальный интервал распределения» слева от этого поля. Это будет равномерно распределять объекты на определенном расстоянии друг от друга.
Затем вам нужно будет использовать палитру слоев, чтобы перетащить каждый объект в свой слой. В противном случае, когда вы вернете файл обратно в Photoshop, все объекты будут по одному на слое. Поэтому просто нажмите «Создать новый слой» в окне слоев, чтобы создать новые слои для каждого из ваших объектов, и перетащите каждый объект в новый слой в палитре слоев.
Когда вы закончите, перейдите в Файл -> Экспорт, чтобы сохранить файл как документ Photoshop. Затем откройте его в Photoshop, сгруппируйте слои и скопируйте их в ваш текущий документ.
Я искал это без части Photoshop (как это сделать только на Illustartor). Работал отлично для меня. Большое спасибо!Я просто создаю коробку и использую это. Это грязно, но эффективно. Для большей ясности, я создаю прямоугольник в форме, в которой я могу двигаться, и создаю направляющие. И удалите, когда закончите.
Вы должны выбрать элементы в палитре слоев. Затем, используя инструмент V-Move, появятся следующие опции:
тогда вы можете попробовать все позиционирование, которое, по вашему мнению, подойдет вам.
Например, вы можете использовать это программное обеспечение для измерения расстояний, объектов и даже углов. В Photoshop есть специальный инструмент «Линейка», который позволяет не только измерять расстояние, но также выравнивать и улучшать изображения. Вот как использовать линейку для измерения расстояния в Photoshop.
Как измерить расстояние в фотошопе
Если вы хотите создать идеальное изображение в Photoshop, вам необходимо точно отметить расстояния на фотографии и создать или вырезать объекты рассчитанных размеров. В Photoshop есть удобный инструмент «Линейка», который позволяет это делать.
С помощью инструмента «Линейка» вы можете создавать линии измерения между любыми двумя точками изображения в любом направлении. Линии могут сказать вам размер объекта, который вы измеряете, расстояние между объектами, а также углы и точные координаты объекта на вашей фотографии. Эти линии не печатаются и служат только для того, чтобы помочь вам правильно расположить изображение или его элементы.
Как использовать линейку в Photoshop
Прежде чем вы сможете начать измерение расстояния в Photoshop, вам нужно узнать, где найти инструмент «Линейка» и как считывать атрибуты измерения.
Если вы не видите инструмент «Линейка» при открытии изображения в Photoshop, выберите «Просмотр» в меню, затем выберите «Линейки». Кроме того, вы можете использовать сочетание клавиш Ctrl + R (для Windows) или Cmd + R (для Mac), чтобы сделать то же самое. Вы увидите шкалу линейки и информационную панель вокруг вашего изображения.
По умолчанию инструмент «Линейка» отображает расстояние в пикселях, но вы можете изменить его на одно из следующих: дюймы, точки, сантиметры, миллиметры, пики и проценты. Чтобы изменить единицу измерения, щелкните линейку правой кнопкой мыши и выберите один из вариантов.
Как измерить расстояние между двумя точками
Чтобы измерить расстояние между любыми двумя точками в Photoshop, вам нужно провести измерительную линию с помощью инструмента «Линейка». Вы можете сделать это, выполнив следующие действия.
- Выберите инструмент «Линейка» на боковой панели Photoshop. Если инструмент линейки не отображается, выберите инструмент «Пипетка» и удерживайте его, пока не появятся другие параметры. Затем выберите инструмент «Линейка».
- Начните линию в первой точке и перетащите ее во вторую. Вы также можете удерживать клавишу Shift, чтобы убедиться, что ваша линия перемещается только под углом 45 ° и кратным ему.
После этого на вашем изображении появится измерительная линия. Затем вы можете использовать панель «Информация», чтобы найти следующую информацию о вашем изображении или его элементах:
- X и Y обозначают начальную точку.
- W и H, обозначающие горизонтальные и вертикальные расстояния, пройденные по осям x и y. топоры.
- Отображение угла, измеренного относительно оси.
- L, который возвращает длину строки. Длина более чем одной строки будет отображаться как L1, L2… и так далее.
- Размер вашего документа.
Помимо угла, все измерения на панели «Информация» отображаются в ранее установленных единицах измерения. Если вы не изменяли единицы измерения, по умолчанию они будут рассчитываться в пикселях. Если в вашем документе уже есть линия измерения, она будет отображаться на экране, когда вы выберете инструмент «Линейка».
Как изменить измерительную линию
Если по ошибке провести измерительную линию не в том месте, ее всегда можно отредактировать. Чтобы отредактировать линию измерения в Photoshop, выполните следующие действия.
Как измерить угол в фотошопе
На панели «Информация» вы найдете уже рассчитанный угол между двумя линиями. Он отмечен буквой A.
Научитесь делать больше в Photoshop
Инструмент «Линейка» в Photoshop может быть чрезвычайно полезен, если вам нужно измерить точное расстояние между объектами, узнать точный угол между линиями или получить точные координаты чего-либо на вашем изображении. Вы даже можете использовать этот инструмент для выпрямления изображения, если не хотите обрезать его в Photoshop.
Вы раньше использовали Photoshop для измерения расстояния? Вы использовали для этого инструмент «Линейка» или другой метод? Поделитесь своим опытом работы с Photoshop в разделе комментариев ниже.
Читайте также: