Как двигать точки в фотошопе

Обновлено: 07.07.2024

Для вращения любого объекта можно воспользоваться двумя способами.

Первый – «Свободное трансформирование». Вызывается функция сочетанием горячих клавиш CTRL+T и является наиболее приемлемым, с точки зрения экономии времени, способом.

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

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

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

Повернуть рамку на угол, кратный 15 градусам, поможет зажатая клавиша SHIFT.

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

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

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

Там же (на верхней панели) можно задать точные значения перемещения центра и угла вращения.

Второй способ подойдет для тех, кто не любит или не привык пользоваться горячими клавишами.
Заключается он в вызове функции «Поворот» из меню «Редактирование – Трансформирование».

Все особенности и настройки такие же, что и для предыдущего инструмента.

Решайте сами, какой способ подойдет Вам лучше. Мое мнение – «Свободное трансформирование» лучше, поскольку экономит время и вообще является универсальной функцией.

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

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

Photoshop: сегменты контура

Контур

A. Криволинейный сегмент B. Управляющая точка C. Вектор D. Выделенная узловая точка E. Невыделенная узловая точка

Контур может быть замкнутым, не имеющим ни начала, ни конца, (например, круг) или открытым, имеющим отдельные конечные точки (например, волнообразная линия).

Гладкие кривые соединяются узловыми точками, называемыми точками сглаживания. Контуры с резкими кривыми соединяются точками преломления.

Photoshop: гладкая узловая точка и точка преломления

Гладкая узловая точка и точка преломления

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

Photoshop: настройка гладкой узловой точки и точки преломления

Настройка гладкой узловой точки и точки преломления

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

Photoshop выделение отдельных компонентов контура

Выделены отдельные компоненты контура

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

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

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

Photoshop: инструмент «Частичное выделение»

Для выбора сегментов выделите прямоугольную область. Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент «Выделение контура» или «Стрелка» и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».

Если выбран инструмент «Стрелка», контур или компонент контура можно выбрать целиком, щелкнув мышью в пределах контура при нажатой клавише «Alt» (Windows) или «Option» (Mac OS). Активизировать инструмент «Стрелка» можно, когда выбран любой другой инструмент, установив указатель над узловой точкой и нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Выбор нескольких контуров | Photoshop

Можно выбрать несколько контуров на одном или нескольких слоях.

На панели Контуры выполните любое из следующих действий, чтобы сделать контуры видимыми.

  • Для выбора нескольких смежных контуров щелкайте их, удерживая клавишу «Shift».
  • Щелкните мышью, нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы выбрать контуры, не следующие подряд друг за другом.

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

  • Перетащите курсор над сегментами.
  • Щелкайте контуры, удерживая клавишу «Shift».

Чтобы выделить дополнительные компоненты или сегменты контура, выберите инструмент Выделение контура или Стрелка и выделяйте дополнительные контуры или сегменты, удерживая клавишу «Shift».

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

Выйти из режима изоляции можно несколькими способами, такими как:

  • Отключение фильтрации слоев
  • Выбор для параметра Фильтрация слоев другого значения вместо Выбрано
  • Двойной щелчок вне контура, когда выбран инструмент выделения

Можно изменить порядок сохраненных контуров, которые не относятся к типу «Фигура», «Текст» или «Векторная маска», на панели Контуры .

На панели Контуры перетащите контур в нужное место. В Photoshop можно выбирать и перетаскивать несколько контуров одновременно.

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

Выполните одно из следующих действий.

  • Удерживая клавишу «Alt» (Windows) или «Option», перетащите контуры.
  • Выберите команду Создать дубликат контура в меню панели.

Можно задать цвет и толщину линий контура по своему вкусу и для упрощения видимости. При создании контура — например, с помощью инструмент «Перо» — щелкните значок шестеренки ( ) на панели параметров. Теперь укажите цвет и толщину линий контура. Кроме того, укажите, следует ли выполнить предварительный просмотр сегментов контура по мере перемещения указателя мыши между щелчками (эффект Просмотр ).


Параметры контура: толщина и цвет

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

Если опорная точка соединяет два сегмента, то при ее перемещении изменяются оба эти сегмента.

При рисовании с помощью инструмента «Перо» можно временно активировать инструмент «Стрелка» для корректировки уже нарисованных сегментов. Для этого при рисовании нажмите клавишу «Ctrl» (Windows) или «Command» (Mac OS).

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

Перемещение прямых сегментов

С помощью инструмента «Частичное выделение» выберите сегмент, который нужно скорректировать.

Корректировка длины и угла сегментов прямой

С помощью инструмента «Стрелка» выберите опорную точку сегмента для изменения.

Перетащите опорную точку в нужное место. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.

Корректировка положения и формы сегментов кривой

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

Чтобы скорректировать положение сегмента, перетащите сегмент. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.

Photoshop: щелкните сегмент кривой, чтобы выбрать его.

Щелкните сегмент кривой, чтобы выбрать его. Перетащите инструмент для корректировки.

Для того чтобы скорректировать форму сегмента с любой стороны от выделенной опорной точки, перетащите опорную точку или управляющую точку. Удерживайте клавишу «Shift», чтобы ограничить движение углом, кратным 45°.

Photoshop: перетащите опорную точку или управляющую точку

Перетащите опорную точку или управляющую точку.

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

Кроме того, к сегменту или опорной точке можно применить трансформирование, например, масштабирование или поворот.

Удаление сегмента

(Необязательно) Если создается разрыв в замкнутом контуре, выберите инструмент «Добавить опорную точку» и добавьте две точки в требуемом месте разрыва. Выберите инструмент «Частичное выделение» , затем выделите сегмент, который нужно удалить. Нажмите клавишу «Backspace» (Windows) или «Delete» (Mac OS), чтобы удалить выделенный сегмент. При повторном нажатии клавиши «Backspace» или «Delete» будет удалена остальная часть контура.

Удаление линии направления опорной точки

  • Выберите инструмент «Преобразовать опорную точку» и щелкните опорную точку на линии направления.

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

Расширение открытого контура

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

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

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

Соединение двух открытых контуров

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

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

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

Перемещение или пошаговое смещение опорных точек или сегментов с помощью клавиатуры

Щелкните или удерживайте любую из клавиш со стрелками для перемещения на 1 пиксель за один раз в направлении нажатой стрелки.

Удерживайте клавишу «Shift» в дополнение к клавише со стрелкой для перемещения на 10 пикселов за один раз.

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку» и инструмент «Удалить опорную точку» .

По умолчанию инструмент «Перо» заменяется на инструмент «Добавить опорную точку», когда указатель наведен на выделенный контур, и на инструмент «Удалить опорную точку», когда указатель наведен на опорную точку Чтобы инструмент «Перо» автоматически заменялся на инструмент «Добавить опорную точку» или «Удалить опорную точку», на панели параметров должен быть выбран параметр «Оптимизация».

Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.

Чтобы удалить опорные точки, не используйте клавиши «Delete» или «Backspace», а также команды «Редактирование» > «Вырезать» или «Редактирование» > «Удалить». Эти клавиши и команды удаляют как саму точку, так и присоединенные к ней сегменты.

Как пользоваться инструментом перо в фотошопе

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

Инструмент Перо

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

Инструмент Перо в Фотошопе

Построение контура

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

    Ставим пером первую опорную точку.

Изгиб контура в Фотошопе

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

Автоматический изгиб контура в Фотошопе

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

Предварительный просмотр изгиба контура в Фотошопе

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

Убираем луч в точку контура в Фотошопе

Изгиб контура можно произвести и другим способом: ставим две точки (без изгиба), затем между ними ставим еще одну, зажимаем CTRL и тянем ее в нужную сторону.

Заливка контура

  1. Для заливки полученного контура кликаем правой кнопкой мыши по холсту и выбираем пункт «Выполнить заливку контура».

Обводка контура

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

Рассмотрим обводку на примере «Кисти».

1. Выбираем инструмент «Кисть».

Инструмент Кисть в Фотошопе

2. Настраиваем размер, жесткость (у некоторых кистей данная настройка может отсутствовать) и форму на верхней панели.

Настройка размера, жесткости и формы кисти в Фотошопе

3. Выбираем желаемый цвет в нижней части панели слева.

Настройка цвета кисти в Фотошопе

4. Снова берем инструмент «Перо», кликаем правой кнопкой мыши (контур у нас уже создан) и выбираем пункт «Выполнить обводку контура».

Пункт меню Обводка контура в Фотошопе

5. В выпадающем списке выбираем «Кисть» и нажимаем ОК.

Выбор кисти для заливки контура в Фотошопе

После выполнения всех действий контур обведется настроенной кистью.

Обводка контура в Фотошопе

Создание кистей и фигур

Для создания кисти или фигуры нам потребуется уже залитый контур. Цвет можно выбрать любой.

Залитый контур в Фотошопе

Создаем кисть. Обратите внимание, что при создании кисти фон должен быть белым.

1. Идем в меню «Редактирование – Определить кисть».

Пункт меню Определить кисть

2. Даем название кисти и жмем ОК.

Название новой кисти в Фотошопе

Созданную кисть можно найти в настройках формы инструмента («Кисти»).

Новая кисть в наборе в Фотошопе

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

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

1. Кликаем ПКМ (перо у нас в руках) по холсту и выбираем пункт «Определить произвольную фигуру».

Пункт меню Произвольная фигура в Фотошопе

2. Как и в примере с кистью, даем имя фигуре и жмем ОК.

Название новой фигуры в Фотошопе

Найти фигуру можно следующим образом: выбрать инструмент «Произвольная фигура»,

Инструмент Произвольная фигура в Фотошопе

в настройках на верхней панели открыть набор фигур.

Новая фигура в наборе в Фотошопе

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

Обводка объектов

Если Вы внимательно изучили параграф о построении контура, то сама обводка не вызовет затруднений. Только пара советов:

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

Образовать выделенную область в Фотошопе

В настройках указываем радиус растушевки (чем выше радиус, тем более размытой получится граница), ставим галку возле «Сглаживания» и нажимаем ОК.

Настройка выделенной области в Фотошопе

Дальше уже сами решайте, что делать с полученным выделением. Чаще всего нажимают CTRL+J, чтобы скопировать его на новый слой, тем самым отделив объект от фона.

Удаление контура

Ненужный контур удаляется просто: при активированном инструменте «Перо» нужно кликнуть правой кнопкой мыши и нажать «Удалить контур».

Удаление контура в Фотошопе

На этом закончим урок об инструменте «Перо». Мы сегодня получили необходимый для эффективной работы минимум знаний, без лишней информации, и научились применять эти знания на практике.

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Как можно догадаться из названия, в режиме Shape Layer перо будет создавать форму на новом слое:

Учимся работать с Pen Tool

А Paths будет создавать путь:

Учимся работать с Pen Tool

Думаю, вы поняли разницу.

Сначала мы рассмотрим режим Paths

Работаем с Pen Tool в фотошопе: Paths (Пути)

Для того, чтобы создать путь, выберите инструмент Pen Tool, установите режим Paths, и начинайте ставить точки:

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Чтобы передвинуть точку, возьмите инструмент Direct Selection Tool (A)

Кликните им по нужной точке и двигайте её:

Учимся работать с Pen Tool

Также существует инструмент Path Selection Tool, он отличается тем, что выбирает весь путь сразу.

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

Учимся работать с Pen Tool

Давайте удалим вот эту точку:

Учимся работать с Pen Tool

Для этого возьмите инструмент Delete Anchor Point Tool и кликните им по точке, и она будет удалена:

Учимся работать с Pen Tool

Теперь рассмотрим Convert Point Tool, этот инструмент позволяет изменять угол путей. Выберите его, наведите курсор на точку, и, удерживая левую кнопку мыши, двигайте её в сторону:

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Для удаления пути нажмите по нему правой кнопкой мыши и выберите Delete.

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

Учимся работать с Pen Tool: Shape Layer (Форма)

Для этого режима работы с Pen Tool справедливо всё тоже самое, что и для путей. Разница в том, что всё, находящееся внутри периметра точек автоматически становится формой. Эту особенность можно использовать для создания уникальных иконок, форм и много другого. Но, конечно, чаще всё-таки используется режим Paths.

Для наглядности, вот такое сердце рисуется с помощью Pen Tool в режиме Shape Layer за 2 минуты:

Учимся работать с Pen Tool

Форму можно сохранить (если вы собираетесь использовать её не один раз). Для этого возьмите инструмент Path Selection Tool (A) (или Direct Selection Tool), и нажмите на форму правой кнопкой мыши, в появившемся меню нам понадобится Define Custom Shape:

Учимся работать с Pen Tool

Дайте форме имя, и нажмите ОК. Теперь новая форма сохранена, и вы всегда сможете использовать её, выбрав инструмент Custom Shape (U):

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Этим же способом вы можете сохранять формы, созданные в режиме Paths.

Скажу несколько слов о параметрах пересечения Pen Tool

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Выделение с помощью Pen Tool

Иногда Pen Tool удобно использовать для выделения объектов. Давайте рассмотрим эту возможность на конкретном примере. Возьмите любое изображение, я нашёл у себя такое:

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Не забудьте замкнуть выделение (привести последнюю точку в начало).

Теперь дорабатываем углы с помощью Convert Point Tool и удаляем лишние точки, словом, подгоняем форму:

Учимся работать с Pen Tool

Берем Selection Tool (A) и нажимаем правой кнопкой мыши по пути, находим Make Selection и нажимаем:

Учимся работать с Pen Tool

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

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

Учимся работать с Pen Tool

Учимся работать с Pen Tool: Штрих и заливка

Pen Tool позволяет заштриховывать и заливать пути.

Штриховка представляет собой применение какого-либо инструмента (это может быть кисть, карандаш, ластик, инструменты затемнения и осветления и т.д.) по пути. Для того, чтобы заштриховать путь, надо кликнуть по нему правой кнопкой мыши и выбрать Stroke Path:

Учимся работать с Pen Tool

Появится окно, в котором можно выбрать инструмент для штриха:

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Этот метод применяется, например, в уроке красивый фон в photoshop.

Заливка пути аналогична инструменту Paint Bucket Tool (заливка). Всё пространство между точками заполняется выбранным цветом. Чтобы выполнить заливку, достаточно кликнуть по пути правой кнопкой мыши и выбрать Fill Path (Заполнить путь). При этом заливка выполняется на текущем слое.

Что ещё можно делать с Pen Tool

Photoshop позволяет также писать текст вдоль созданного пути. Для этого нужно создать путь:

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Существует ещё инструмент Freedom Pen Tool (свободное перо):

Учимся работать с Pen Tool

Он позволяет создавать путь подобно тому, как вы рисуете кистью

Учимся работать с Pen Tool

Однако получаемый результат далёк от идеала, поэтому данный инструмент практически не используется.

Посмотреть все созданные пути мы всегда можете во вкладке Paths панели слоёв:

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