Как работать с пером в Adobe Photoshop

29 мая 2023

2016

0

0

0

Перо — один из самых полезных инструментов для выделения в Adobe Photoshop. Однако из-за не слишком интуитивно понятного интерфейса многие люди не используют перо, предпочитая другие инструменты. О том, как правильно пользоваться Adobe Photoshop и в в каких случаях перо полезнее волшебной палочки, читайте в этом материале.

Фигура, выделенная с помощью пера / Фото: Алиса Смирнова, Фотосклад.Эксперт

Зачем нужен инструмент перо в Adobe Photoshop
Как работать с пером в Adobe Photoshop, основные принципы
Как обтравить объект с помощью пера в Adobe Photoshop
Как сохранить путь пера и сделать из него выделение
Как уточнить выделение в Adobe Photoshop

Зачем нужен инструмент перо в Adobe Photoshop

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

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

Перо в Photoshop работает по принципу кривых Безье. Кривые Безье — это способ определения кривых по контрольным точкам. В учебниках по графике часто пишут, что чтобы пользоваться пером и подобными инструментами, нужно сначала разобраться в геометрии.

Статья про кривые Безье в Википедии. В целом, мне понятно, почему принцип работы пера пугает многих / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

И последнее перед началом: перо — отличный инструмент, когда нужна точность, но не когда нужна скорость. Работать им не так сложно, как кажется, когда смотришь на формулы выше, но всё же это занимает время.

Как работать с пером в Adobe Photoshop, основные принципы

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

Также этот инструмент можно вызвать при помощи горячей клавиши P / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Поставим точку на поле шляпы (левый клик) / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Теперь ставим вторую точку: тоже на поле шляпы, но правее. Там, где край ещё не начал закручиваться. И сразу же, не отпуская левой кнопки мыши, отводим курсор в сторону, вытягивая «ус».

Эти «усы» (их ещё называют рычагами или управляющими линиями) — наш основной инструмент управления пером / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Наша прямая линия в обоих случаях превратилась в кривую, когда ус поднят вверх, она прогибается вниз, и наоборот / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Обратите внимание, что у каждого рычага два конца. Мы вытягивали тот, что справа, тот, что слева, появился автоматически. По сути, каждой кривой управляют два рычага — в её начале и её конце. Чтобы было нагляднее, поставлю на прямой шляпы ещё одну точку. Точно также, как мы делали в начале: щёлкаем, вытаскиваем ус, ещё раз щёлкаем вытаскиваем ус.

Получается вот такое нагромождение линий / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Обе половины рычага не обязательно двигаются вместе: можно поворачивать только один. Для этого зажимаем Alt и тянем точку. Таким образом вытянем оба уса вверх — перпендикулярно нашей линии. И покрутим их ещё в разные стороны.

Обратите внимание, как положение усов влияет на поведение кривой / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

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

Как обтравить объект с помощью пера в Adobe Photoshop

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

Чуть-чуть наклоняем ус вниз относительно проведённой прямой, поскольку наша следующая линия сейчас должна идти вниз / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Обратите внимание, какой длинный получился ус для длинной плавной линии / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Если линия легла не совсем точно, можно подправить её при помощи усов: зажимаем Alt, кликаем по концу уса и крутим.

Ставим следующую точку и получаем вот такую красоту / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Ус заставляет кривую закручиваться внутрь, а нам это не нужно / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Если вы ошиблись и не совсем точно поставили точку, или забыли вытянуть рычаг, или вытянули слишком короткий или слишком длинный, есть два способа это исправить. Либо нажать Ctrl+Z, отменить последнее действие, либо попробовать исправить уже нарисованное. Для этого также используются горячие клавиши.

Горячие клавиши для работы с усами:

  • Ctrl+клик — переставить точку;
  • Alt+клик — повернуть одну половину уса, не тронув вторую.

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

Обратите внимание, что здесь мы своим выделением отсекаем топорщащиеся волосы модели. Этот пух нам особо не нужен, пусть потом уйдёт в размытие / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Грубая работа пером / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Так же грубо стоит работать с контурами, которые слишком мелкие и слишком рваные, чтобы точно обтравить их пером. В этом случае — это волосы. 

Обтравить каждую волосинку сложно, особенно с учётом того, это часть волос уже уходит в размытие из-за светосилы объектива / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Проблему с волосами мы решим на следующем этапе работы. Также в процессе выделения вы можете обнаружить, что иногда нужно не только обвести объект по контуру, но и выделить часть фона, находящуюся внутри объекта.

Например, вот здесь эту часть зелени тоже нужно будет выделить / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Это нужно будет сделать сразу после того, как внешний контур будет полностью обведён. Когда вы вплотную подобрались к своей первой точке, с которой всё начиналось, наводим на неё мышку. 

Около пера появляется маленькая пиктограмма-кружочек. Кликаем и замыкаем наш контур / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Теперь вернёмся с тому треугольничку фона внутри фигуры, который мы пропустили, и точно также обтравливаем его пером.

Замыкаем второй маленький контур. Готово / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Как сохранить путь пера и сделать из него выделение

После этого нам нужно объединить наши два кусочка в одно выделение. Для этого переходим в правой панели из вкладки Layers/Слои во вкладку Paths/Контуры.

Здесь нас будет интересовать Work Path/Рабочий контур / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Далее кликаем правой кнопкой мыши по изображению и вызываем вот такое диалоговое окно:

Выбираем команду Make selection/Выделить область и нажимаем ОК / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Готово. Теперь у нас есть выделение.

Как уточнить выделение в Adobe Photoshop

Выбираем на панели инструментов любой инструмент выделения. Это необходимо, чтобы на верхней панели появилась кнопка Seleсt and Mask/Выделение и маска.

Кнопка находится в правом верхнем углу. На панели инструментов при этом должно быть выбрано прямоугольное выделение или Волшебная палочка / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

В открывшемся окне выбираем инструмент Refine Edge/Уточнить края. У него два режима использования: плюс нужен, чтобы добавить в маску часть, не охваченную ей, минус — чтобы убрать то, что было охвачено нечаянно. Нам сейчас нужен плюс.

Несколько раз проводим кистью по волосам.

Пространство между волосами заполняется синим / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Выделение на волосах выглядит рваным, и это хорошо / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Теперь нужно создать маску. Зажимаем Alt и кликаем по пиктограмме в правом нижнем углу.

Кликаем, создаём чёрную маску / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

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

Готовая маска должна выглядеть примерно так / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

После этого даём команду Filter/Blur/Lense blur // Фильтр/Размытие/Размытие объектива. Открывается диалоговое окно. В нём нужно обязательно в поле Source/Источник выбрать вариант Layer Mask/Слой-маска. Также нужно поставить подходящий радиус — его значение зависит от размера изображения, крупности и того, насколько размытый фон мы хотим получить.

Если вы снимаете на тёмный штатный зум, размытие будет заметно уже на небольших значениях (10-20), если на полтинник с диафрагмой в 2.8 — на средних (50-60). А если это светосильный телевик, который и сам хорошо размывает фон, этот фильтр можно использовать разве что для того, чтобы сделать рисунок боке спокойнее — понадобятся самые большие значения.

После того, как фон становится достаточно размытым, нажимаем ОК / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

Готово, фон размыт. Наш исходный и финальный результат.

Всё очень аккуратненько, ничего не выдаёт искусственности размытия / Иллюстрация: Алиса Смирнова, Фотосклад.Эксперт

29 мая 2023

2016

0

0

0

Самые новые

Самые читаемые