Как в фотошопе пользоваться инструментом перо: Рисование с помощью группы инструментов «Перо» в Photoshop

Как пользоваться пером в Фотошопе

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

Строим контур с помощью Пера

Для начала давайте посмотрим, как можно создать контур, взяв перо, и для чего это нужно. Следуем инструкциям на скриншотах:

Для того, чтобы получить контур, нам нужно поставить опорные точки и направляющие (лучи – так короче). Направляющие помогут нам деформировать требуемые участки, расположенные между 2-мя опорными точками.

1. Берем перо и устанавливаем опорную точку #1.
   
2. Пришло время поставить 2-ую опорную точку. После того как выбрали место для второй точки и кликнули мышкой, не отпускайте ее. Тянем направляющую (луч) в нужном вам направлении. Все зависит от того, в какую сторону вы хотите изгибать участок.
   Следующий луч можно не трогать и изгиб будет установлен по умолчанию.
   Заранее, перед тем, как вы поставите точку, можно  посмотреть, как именно контур будет изгибаться. Для этого нужно в вернем меню установить галочку в графе “Просмотр”. См. скриншот ниже:
   Если вы не хотите получить изгиб в следующем отрезке, нужно зажать клавишу ALT и потянуть направляющую (луч) в обратную сторону, к точке #2. После этого лучше пропадет, если вы все сделали правильно.Есть и другой метод получит изгиб контура: устанавливаем 2 точки, без предустановленного изгиба. После устанавливаем еще одну точку между ними. Зажав CTRL просто тянем в желаемую сторону, создавая тем самым изгиб.
   
3. Для работы по перемещению точки в контуре, всегда нужно держать зажатой клавишу CTRL. В случае с направляющими (лучами) нужно зажимать ALT.
4. Замыкается контур лишь в момент установки финальной точки поверх самой первой опорной точки.

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

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

Обводим контур

Сперва нужно выбрать и настроить нужный инструмент.

Мы сделаем обводку с помощью Кисти.

1. Берем «Кисть».
2. Устанавливаем нужный размер, жесткость и форму кисти (этот урок мы проводим в Photoshop CC, поэтому у вас могут быть отличия, но незначительные).
3. Кликаем по палитре и устанавливаем нужный вам цвет.
4. Возвращаемся к инструменту «Перо». Затем правой кнопкой мыши щелкаем по контуру. В появившемся меню нужно выбрать «Выполнить обводку контура».
5. Здесь устанавливаем в качестве инструмента “Кисть” и кликаем “ОК”.

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

Создаем кисть

Отдельный урок по этой теме: Как создать кисть в Photoshop

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

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

1. Переходим в верхнее меню, кликаем “Редактирование” и выбираем “Определить кисть”.
2. Вписываем “Имя” создаваемой кисти и кликаем “ОК”.

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

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

Создаем фигуру

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

1. Нажимаем правой кнопкой мыши ПКМ по контуру и кликаем на «Определить произвольную фигуру», как показано на скриншоте ниже:
2. Вписываем в поле название будущей фигуры и кликаем “ОК”.
3. Чтобы воспользоваться вновь созданной фигурой, необходимо найти в панели инструментов «Произвольная фигура».
4. После, в верхнем меню из списка доступных фигур выбираем нашу.

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

Если вы в чем-то не разобрались, спросите об этом в комментариях.

Делаем обводку объекта

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

Обратите внимание лишь на 2 момента:

1. Когда обводите, масштабируйте изображение при помощи кнопки CTRL в сочетании с клавишей “+(плюс)”
2. При обводке следите за тем, чтобы контур не смешался внутрь объекта, по крайней мере не сильно.

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

Для образования выделенной области щелкаем правой кнопкой мыши по объекту и кликаем на “Выделить область”.

Появится окно настроек, в котором устанавливаем параметры по своему усмотрению.

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

Обязательно ставим галочку напротив пункта «Сглаживание» и жмем “ОК”.

Результат выделения выглядит так:

Если хотите скопировать выделенный объект, то сделать это можно с помощью комбинации CTRL+J. Таким образом мы еще и отделим объект от фона.

Удаляем контур

Если вам нужно удалить контур, то просто инструментом “Перо” нажимаем на объект правой кнопкой мыши и выбираем «Удалить контур».

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

Рисуем фигуру пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Рисуем облако пером

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

Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент  Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

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

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

Выберите на панели инструментов фотошопа основной цвет белый.

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

нажмите ОК и получите результат — обведенный карандашом контур облака.

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

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

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

Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

Как пользоваться пером в Фотошопе

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

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

Панель инструмента

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

Режимы

Вначале вы увидите два режима:

1. Слой-фигура — здесь строятся слоевые векторные изображения;
2. Контуры.

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

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

При работе во втором режиме ставим на листе точку, не отпуская левую кнопку мыши проводим пером в сторону, образуется направляющая прямая, с помощью которой потом можно будет видоизменять объект. Ставим следующую точку, она соединилась линией с первой точкой, опять проводим направляющую прямую. Вытягивайте направляющие в те стороны, куда вам нужно изогнуть линию. Чем длиннее направляющий отрезок, тем сильнее будет изгиб. Кликнув на первую опорную точку пером, замкните контур. Затем можно проводить разные операции для формирования изображения.

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

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

Выделение области

Перо используют для создания области выделения в Фотошопе.

• Проставляя точки, создайте контур какого-либо изображения, кликните внутри фигуры правой кнопкой мыши.
• В появившемся меню кликните на «Образовать выделенную область».
• Появляется новое окошко, где сразу можно задать радиус растушёвки для выделяемого изображения, активировать функцию сглаживания неровных краёв.
• Нажав ОК или Да, мы образуем очерченную пером область выделения.

Данная функция будет полезна при дальнейшей работе с фотографиями

Обводка кисточкой

Любой построенный объект можно обвести кисточкой. Создайте контур пером, нажмите внутри правой кнопкой, в появившемся меню выбирайте функцию «Выполнить обводку».

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

Фотошоп как всегда радует своей вариативностью

Заливка

После того как контуром обведёте изображение, можно выбрать функцию «Выполнить заливку». Объект будет залит цветом, установленным для переднего плана, если вы выберете в появившемся окошке «Основной цвет». Можно выбрать определённый узор для заливки, проставить режим наложения, уровень прозрачности, радиус растушёвки, сглаживание.

Трансформирование

Функция «Свободное трансформирование» образует квадрат для работы с фигурой. Меняя его положение, можно разворачивать фигуру, как вам требуется.

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

Свободное перо

Этот инструмент позволяет создавать в Фотошопе различные кривые для векторного рисунка. В отличие от предыдущего режима свободное перо позволяет водить по листу им и воздавать самые разные изображения без использования якорных точек. Нарисованную фигуру в Фотошопе можно также залить цветом, создать обводку, выделить либо использовать функцию «Свободное трансформирование».

В режиме «Свободное перо» можно настроить также некоторые параметры. Параметр «Погрешность» при установленных 2-3 пикселях создаёт контур несглаженный, неплавный, при 10 пикселях тот становится плавным.

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

Включаем дополнительные опции

Редактирование контура

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

Можно удалить ненужную опорную точку, мешающую созданию правильного контура, с помощью специального инструмента в окне Пера.

Угол

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

Создание определённых фигур

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

Есть также функция «Произвольная фигура». В раскрывающемся списке вы найдёте множество различных изображений.

Стили изображений

Для объектов, выстраиваемых в режиме «Слой-фигура», можно задавать стиль из нескольких стандартных, предлагаемых программой. Фигура сразу образуется в выбранном стиле, для которого автоматически добавляются эффекты. Это изображение можно легко перевести из вектора в растровое, кликнув по иконке правой кнопкой и выбрав «Растрировать слой».

Можно добавить эффекты

Векторная маска

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

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

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

В отличие от «Лассо», инструмент «Перо» не учитывает пиксели, находящиеся под ним, что дает полный контроль над выделением. Создавая постоянное выделение вместо временного. Перо позволяет вернуться и изменить его. Хотя использование и настройка пера в фотошопе отнимает больше времени, чем другие инструменты, когда дело доходит до аккуратного выделения, Перо сильнее. Рассмотрим, как эффективно использовать инструмент Перо в фотошопе

Инструмент «Перо» создает пути на изображении, соединяя множество точек. С точки зрения фотографов этот инструмент идеален, как способ вырезать разнообразные объекты.

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

Совет: Перо можно выбрать, если нажать английскую букву P на клавиатуре.

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

Когда вы зажимаете и перетаскиваете точку, чтобы создать кривую, то появятся направляющие прямые линии. Когда вы будете тащить точку, они покажут направление и степень изгиба кривой. Чтобы создать гладкую кривую, оставьте направляющие точки примерно на 1/3 длины расстояния до следующей точки. Если длина будет слишком большой, кривая выгнется в другом направлении.

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

Когда контур будет завершен, перейдите к панели «Контуры» (это вкладка на панели слоев) и переименуйте контур, чтобы сохранить его. Если не сделать этого, он пропадет, как только начнете создавать новый.

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

Прежде чем изменить контур, удостоверьтесь, что на панели «Контуры» выбран правильный. Если нужно переместить точку, чтобы поправить прямую или кривую линию, используйте инструмент «Выделение узла» – это белый, а не черный указатель мыши. Чтобы исправить прямую линию, кликните и перетащите ее точку на новое место. А чтобы изменить кривую, зажмите одну из направляющих точек или прямых линий, исходящих из этой кривой.

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

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

Вернемся к панели «Контуры». Кликните правой кнопкой мыши по созданному контуру и выберите пункт «Выделить область». Во всплывающем окне установите радиус растушевки или то насколько нужно сгладить край фигуры пером в фотошопе. Как обрезать объект, края которого не в фокусе? Воспользуйтесь пером, которое находится выше.

Контур превратится в пунктирную линию – вырезанный объект теперь выбран. Теперь можно скопировать выбранный участок и вставить его в другой файл или добавить маску. Для добавления маски выбранный объект должен быть подсвечен. Кликните по слою, на котором он находится, затем щелкните по значку «Добавить слой-маску» внизу панели «Слои». Она выглядит как прямоугольник с кружком внутри. Маска будет автоматически применена для выбранного слоя.

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

Инструмент «Перо» позволят изменить любой выделенный участок. Хотя это не самый быстрый инструмент выбора из всех доступных, но по точности он превосходит все остальные. Поэтому стоит знать, как им пользоваться.

Данная публикация является переводом статьи «How To Use The Pen Tool To Make Detailed Selections» , подготовленная редакцией проекта.

руководство пользователя, инструкция, советы и секреты

Большинство людей не знают, как пользоваться пером в «Фотошопе», и постоянно откладывают обучение, полагая, что это слишком сложно. В конечном итоге работа в программе страдает от непонимания принципов такого важного инструмента. Поскольку перо недоступно, рисовать в «Фотошопе» контуры приходится линиями, а для выделения объектов использовать лассо. Создавать простые объекты или примитивы, а также фигуры неправильной формы гораздо легче при помощи этого инструмента. Давайте узнаем, как пользоваться пером в «Фотошопе» и быстро научиться работе с ним.

Особенности инструмента

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

Где находится инструмент перо

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

Инструмент Пьера Безье

Перо не похоже по своим функциям на чернильную ручку, потому у многих пользователей возникает вопрос, почему оно так называется. На самом деле инструмент для линии в «Фотошопе» называют также перо Безье или инструмент Безье, потому что он был создан человеком по имени Пьер Безье. Этот французский инженер работал на автомобильную компанию Renault. Он придумал причудливую математику, которая управляет инструментом. Перо изначально было создано, чтобы помочь проектировать автомобили и использовалось для рисования контуров.

Что такое пути

Пути — это то, что может показаться немного неуместным внутри программы, такой как Photoshop. Причина в том, что это прежде всего программа для пиксельной графики, а пути не имеют абсолютно ничего общего с пикселями и относятся к векторам. Это линия, которая идет от одной точки к другой. Она полностью независима от пикселей. Линия может быть прямой или изогнутой, но она всегда находится между двумя точками, которые называются опорными. Путь полностью отделен от самого изображения. Если попробовать напечатать картинку с видимым на экране контуром, то он не появится на бумаге. Кроме того, если сохранить изображение в виде файла JPEG и загрузить его на веб-сайт, его также не будет видно. Эти линии существуют только для Photoshop и глаз зрителя.

Теперь давайте разберемся, как пользоваться пером в «Фотошопе». Нам всегда нужно как минимум две точки, чтобы создать путь, так как мы должны знать, где он начинается и где заканчивается. Если использовать достаточно точек, чтобы привести путь обратно в начало и замкнуть контур, можно создавать разные фигуры, как при работе со стандартными инструментами в Photoshop. Например, инструмент «Прямоугольник» использует пути, связанные точками, для рисования прямоугольной формы, а инструмент «Эллипс» применяет их для рисования эллиптической формы и так далее. Все фигуры в «Фотошопе» — это контуры, созданные из путей.

Заполнение контура

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

Работа с сегментами

Сегмент линии — это любой путь между двумя точками. Например, прямоугольный контур будет состоять из четырех точек, по одной в каждом углу. Отдельные пути, соединяющие верхнюю точку с нижней, а левую с правой и создающие форму прямоугольника, являются сегментами. Фактический путь сам является комбинацией всех отдельных сегментов, которые составляют форму. Это может прозвучать сложно, поэтому лучше сразу разобраться на практике.

Выбор инструмента

Откройте новый документ в Photoshop. Не имеет значения, какого он размера. Затем выберите инструмент «Перо» на панели «Инструменты». Вы можете также выбрать его, нажав английскую букву P на клавиатуре. У инструмента есть два режима работы: Shape Layer («Форма») и Paths («Путь»). Перед тем как пользоваться пером в «Фотошопе», нужно убедиться, что мы работаем с путями, так как и по умолчанию инструмент использует другой режим.

Режимы работы с пером

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

Как создать путь

Кликните один раз в любом месте документа. Не перетаскивайте, просто нажмите на кнопку мыши. Когда вы это сделаете, то добавите небольшую квадратную точку. Эта первая точка, которую мы только что добавили, является отправной точкой пути. Кликните еще один раз внутри документа с помощью инструмента «Перо», чтобы добавить новую точку. Технически она называется якорной или опорной, так как является остановкой на пути по контуру. Для того чтобы передвинуть точку, возьмите инструмент Direct Selection Tool, иконка которого выглядит как белая стрелка. Выбранная точка будет темной, а остальные — с черной обводкой. Другой инструмент — Path Selection Tool — выбирает весь контур целиком. Можно добавлять и удалять точки специальными инструментами, которые находятся в том же меню, что и основной инструмент «Перо».

Добавление сегментов

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

Выделение контура

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

Работа с палитрой Paths

Посмотрим на нижнюю часть палитры, там можно увидеть несколько иконок. Первый значок слева позволяет заполнить путь цветом с переднего плана. Второй значок слева — применить обводку к контуру, используя кисть. Третий значок слева преобразует путь в выделение. Сделать это можно и при помощи горячих клавиш Ctrl+Enter (Win) или Command+Return (Mac).

Работа с направляющими

На опорных точках есть специальные «усы», позволяющие менять направление линии и искривлять ее. Они называются направляющими и контролируют длину, а также угол наклона кривой. Вытянуть их из точки просто — достаточно удерживать нажатой левую клавишу мыши. Работа с направляющими — это основной навык, который нужно освоить перед тем, как пользоваться инструментом «Перо» в «Фотошопе» профессионально. Чем длиннее направляющая, тем длиннее кривая. При вращении одной из них другая вращается в противоположном направлении. Для того чтобы управлять двумя направляющими по отдельности, нужно удерживать клавишу Alt.

Для изменения размера направляющей удерживайте нажатой клавишу Ctrl, чтобы переключиться на Direct Selection Tool. После этого кликните по окончанию направляющей и потяните за него. При помощи трех точек можно создать полукруг. Для этого у центральной нужно вытянуть направляющую горизонтально. Проще всего попробовать самим разобраться с работой направляющей — потренироваться самостоятельно вытягивать кривые и менять их направление. Практика в работе с «Фотошопом» — помощь самому себе на пути к профессионализму.

Инструмент Перо — Уроки фотошоп и все о фотошоп

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

Перо (Реп Tool).

Панель инструментов.

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

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

2. Свободное перо (Freeform Pen  Tool) — инструмент, ближайшей аналогией которого является Лассо (Lasso Tool). Отличие только в том, что Лассо создает выделение, а данный инструмент — контур. Этим инструментом удобно пользоваться только в том случае, если Вы можете очень точно рисовать курсором, так как контур полностью повторяет его траекторию. Как правило, при помощи мыши так не получается, и поэтому Свободное перо (Freeform Pen  Tool) пользуются в основном владельцы диджитайзеров (панели для рисования). В панели настроек инструмента возможно включение режима

Магнитное (Magnetic). В этом режиме Перо очень напоминает инструмент Магнитное лассо (Magnetic LassoTool ), с той лишь разницей, что Перо создает путь, а не выделенную область.

3. Добавить опорную точку (Add Anchor Point Tool) — добавить опорную точку контура. Один из самых необходимых инструментов редактирования контура. Например, если Вам нужна дуга, то можно сделать её следующим образом: при помощи пера построить прямую линию, затем добавить опорную точку на середину линии, отпустить клавишу мышки, а затем вытянуть линию вверх или вниз. Очень быстро и удобно. Если не отпускать кнопку мышки и отвести контур в сторону, то линия получится кривая.

4. Удалить опорную точку (Delete Anchor Point Tool) — инструмент, противоположный предыдущему, который удаляет опорную точку контура простым щелчком мыши на точке, которую необходимо удалить.

5. Угол (Convert Point Tool) — инструмент преобразует опорную точку на сглаженном участке контура в угловую и наоборот простым щелчком мышки по выбранной точке.

Панель настроек инструмента.

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

Инструмент Перо (Реп Tool) имеет два режима работы: с контурами и фигурами. Итак, коротко разберёмся с настройками инструмента:

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

2. Режим Слой-фигура (Shape Layers). При выборе данной иконки, контуры создаются на новом слое, как фигуры, видимые в палитре

Слои, как векторные маски и заливаются выбранным цветом.

3. Стиль слоя. Позволяет выбрать стиль слоя для создания фигур. Набор стилей можно выбрать из выпадающего меню.

4. Режим Контуры (Paths). Это режим создания рабочего контура. Рабочий контур невидим на изображении, но видим в палитре Контуры, и его можно сохранять и использовать для дальнейшей работы в качестве фигуры или для создания выделения. В частности, этот режим очень удобен для выделения объекта и переноса его на другой фон. Если кликнуть правой клавишей мышки на созданном контуре, откроется меню с командами: Создать векторную маску; Удалить контур; Определить произвольную фигуру; Выполнить заливку контура; Выполнить обводку контура; Обтравочный контур и Свободное трансформирование контура.

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

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

7. Настройки инструмента Свободное перо (Freeform Pen  Tool):

1. Погрешность — введенное значение определяет точность работы инструмента. Чем выше значение, тем более точным будет Ваш результат. Требуется от 0,5 до 10 пик.

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

3. Нажим пера. Влияет на ширину пера, при работе с графическим планшетом.

Ну вот пожалуй и всё. Успеха Вам в освоении этого интересного инструмента!

Автор: Владимир Нестеров

Источник урока: www.photoshop-virtuoz.ru

Создание выделение с помощью «Пера» Pen Tool

Когда дело доходит до создания сложного выделения в Photoshop, пользователи делятся на два типа людей — те, кто знает и умеет пользоваться инструментом «Перо» (Pen Tool) и те, кто боятся его осваивать. Вторая группа пользователей, а их большинство, стараются отложить на потом изучение «Пера», либо просто не находят времени для обучения, полагая, что «Перо» — это слишком сложный и непонятный инструмент. В конечном счете, это сказывается на качестве и затраченном времени их работы в Photoshop, так как они застряли на использовании инструментов выделения группы «Лассо» (Lasso Tool).

В этом материале мы собираемся положить конец страданиям. Мы рассмотрим, насколько легко и эффективно на самом деле использовать «Pen Tool».

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

Ещё один интересный момент. Одно из основных заблуждений пользователей заключается в том, что многие считают, что Pen Tool — инструмент, используемый исключительно в Photoshop. Не тут-то было! Практически все популярные редакторы фотографий, и другие графические программы, включая 3D редакторы, используют аналог Pen Tool. Так что получение навыков работы «Пером» в Photoshop поможет в освоении и других графических программ!

Где находится инструмент «Перо»

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

Вы найдете Pen Tool в нижней части инструментальной панели:

Почему он так называется?

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

Дело в том, что это название сложилось исторически. Если Вы имеете какой-либо опыт работы с графическими программами, то Вы, наверняка, слышали такое понятие, как «линии Безье», или «кривые Безье».

Принцип работы «Пера» был придуман французским инженером по имени Пьер Безье, и создан он был для разработки дизайна автомобилей Renault. Этот метод получился настолько удачным, что получил дальнейшее распространение, теперь инструмент Безье (Bezier Pen) в тех или иных вариантах применяется во всех уважающих себя графических программах.

Не стала выделяться из общего строя и компания Adobe Photoshop, разработчики компании взяли принцип математического описания контуров, используемых инструментом Безье, прикрутили его к Photoshop`у и, чтобы не менять традиции, оставили «Перу» старое название.

А теперь мы переходим к тому, что мы можем получить с помощью «Пера». В Photoshop «Перо» создаёт контуры.

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

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

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

Подробнее создание контуров мы рассмотрим в дальнейших материалах этого цикла.

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

Photoshop CC — творческое оружие, которое выбирают многие дизайнеры. Его инструменты «Перо» и «Кисть» — одни из самых мощных и удобных в использовании аспектов программы. В этом уроке Photoshop мы сосредоточимся на инструменте «Перо» (есть отдельная статья с советами по использованию инструмента «Кисть» в Photoshop).

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

Лучшие на сегодня предложения Adobe Creative Cloud

Заполните путь

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

Выберите инструмент «Перо» с помощью ярлыка P . Чтобы сделать выбор, щелкните две точки, чтобы создать линию между ними, и перетащите точку, чтобы создать изогнутую линию. Используйте Alt / opt-перетащите ваши линии, чтобы изменить их. Ctrl / щелкните правой кнопкой мыши ваш путь на вкладке Paths справа, а затем выберите Fill Path, чтобы создать из него форму.

Щелкните значок в правом верхнем углу, чтобы увеличить изображение.

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

Режим наложения и непрозрачность заливки определяют, как пиксели взаимодействуют с другими пикселями ниже. Например, 50-процентная непрозрачность, экран придаст вашей форме легкое осветление.

Используйте радиус растушевки, чтобы смягчить края заполняемой фигуры. Чтобы создать полностью твердую фигуру, оставьте значение 0 пикселей.

Сделайте выбор

Щелкните значок в правом верхнем углу, чтобы увеличить изображение.

Перо — не только опытный инструмент для рисования, но и полезный инструмент для выбора. Вы можете выбрать формы для рисования. cmd / Ctrl + щелкните путь, чтобы выбрать его после создания формы, или Ctrl / щелкните правой кнопкой мыши путь и выберите «Сделать выделение».

Щелкните значок в правом верхнем углу, чтобы увеличить изображение.

Сделайте новое выделение (слева на изображении выше), или добавьте ( cmd / Ctrl + Shift + click ) или вычтите ( cmd / Ctrl + Alt / Opt + щелкните ) выделение, если на вашем слое выделены пиксели.

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

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

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

Ctrl / щелкните правой кнопкой мыши путь и выберите «Обводка», чтобы применить линию к выделенному участку любой выбранной кисти. Для этой конкретной линии люстры мы использовали рассеивающую кисть, чтобы равномерно распределить точки.

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

Флажок Simulate Pressure применяет давление, которое вы обычно используете при создании штриха с помощью инструмента «Кисть», то есть ваша линия будет сужаться в конце.

Щелкните значок в правом верхнем углу, чтобы увеличить изображение

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

Эта статья изначально была опубликована в ImagineFX, мировом бестселлере для цифровых художников.Купить выпуск 159 или подписаться .

Подробнее:

Как использовать Pen Tool в Photoshop? Complete Tutorial

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

Итак, если вы хотите вырезать какой-либо объект с чистыми острыми краями, вы должны иметь некоторые знания об инструменте «Перо».Итак, начнем с этого.

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

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

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

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

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

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

Продолжайте рисовать путь вот так.

Это панель путей. Здесь вы можете увидеть путь, который вы нарисовали раньше. Просто дважды щелкните по нему и сохраните.

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

Итак, теперь выберите слой и нажмите CTRL + J, чтобы создать новый слой выбранной части.

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

Теперь нарисуйте путь на краю этого отверстия. И выберите его и удалите.

Позвольте мне увеличить здесь.

Здесь вы можете видеть, что края объекта все еще очень резкие. Они не размыты.

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

Учебное пособие по использованию инструмента «Перо» | Photoshop для брендов электронной торговли

Бекки Килимник
13 ноября 2018 г.

В этой статье мы обсудим:

Основы работы с инструментом «Перо» в Photoshop

Как использовать Pen Tool в Photoshop

Другие параметры инструмента «Перо»

Что такое инструмент «Перо» в Photoshop?

Инструмент «Перо» в Photoshop создает контуры и формы, которые можно дублировать и манипулировать ими для создания сложных выделений, масок и объектов.

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

Как чаще всего используется инструмент «Перо»?

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

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

Где находится инструмент «Перо» в Photoshop?

По умолчанию инструмент «Перо» расположен в нижней половине панели инструментов.Если вы нажмете и удерживаете Pen Tool на панели инструментов, вы увидите шесть отдельных параметров Pen Tool как в Photoshop CC 2018, так и в 2019 (если вы используете более старую версию Photoshop, вы можете увидеть только пять вариантов Pen Tool) .

Вы также можете получить доступ к инструменту «Перо», набрав «P» на клавиатуре.

Где находится панель контуров в Photoshop?

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

В рабочем пространстве Essentials (по умолчанию) к Пути можно получить доступ, щелкнув вкладку Пути, видимую на Панели слоев. Если вы не видите панель «Пути» в своей рабочей области, вы можете получить доступ к «Пути», щелкнув раскрывающееся меню Windows и выбрав «Пути».

Обзор настроек Pen Tool

В Photoshop CC 2019 есть четыре различных инструмента «Перо», которые можно использовать для создания нового контура:

1. Стандартный инструмент «Перо»
2. Инструмент «Перо кривизны»
3. Инструмент Freeform Pen Tool
4. Инструмент «Магнитное перо» (отображается только при изменении настроек инструмента «Перо произвольной формы»)

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

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

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

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

Когда вы выбираете Путь, вы увидите значок, который выглядит как два небольших перекрывающихся квадрата (этот значок также доступен, когда выбрана Форма после того, как вы уже начали рисовать свой путь). Если вы создаете начальный путь, который станет выделением, установите для этого параметра значение «Объединить фигуры».

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

Как использовать инструмент «Перо» в Photoshop для создания контура

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

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

Создание нового контура с помощью Pen Tool

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

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

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

Создание сегмента кривой с помощью Pen Tool

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

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

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

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

Создание сегмента прямого пути после сегмента изогнутого пути с помощью Pen Tool

Если вы хотите, чтобы следующий сегмент вашего пути не изгибался вдоль ручки вашей последней точки, вы можете «повернуть» точку, щелкнув по точке мышью и нажав ALT (ОПЦИЯ на Mac).Вторая ручка исчезнет.

На следующую точку, которую вы установите, не повлияет предыдущая кривая.

Завершение пути с помощью Pen Tool

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

Ваш путь будет закрыт.

Как сохранить свой путь

Здесь очень важно сохранить свой путь.Без сохранения вы можете случайно перезаписать свой тяжелый труд при создании другого пути.

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

Как изменить существующий контур с помощью Pen Tool

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

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

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

Как добавить дополнительные пути к существующему контуру с помощью Pen Tool

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

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

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

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

Как изменить существующие точки и кривые вдоль пути

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

Когда вы нажмете на видимый инструмент выбора пути, вы увидите параметры. Выберите инструмент Direct Selection Tool, который выглядит как белая стрелка.

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

Как добавить новые точки к пути

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

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

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

Как удалить точки с пути

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

Выбрав инструмент «Удалить опорную точку», наведите указатель мыши на существующую точку, пока инструмент не станет видимым, и щелкните. Точка исчезнет, ​​а окружающие сегменты пути соединятся в один сегмент.

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

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

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

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

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

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

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

Вы также можете создать выделение с помощью Pen Tool. Выделив путь и выбран инструмент «Перо», нажмите кнопку «Выделение» рядом с «Создать:» на панели параметров.

Появится диалоговое окно, позволяющее внести изменения в выбор. Если вы создаете выделение, чтобы изолировать объект от его фона, вы должны оставить Радиус растушевки равным 0 и не снимать флажок «Сглаживание». Если это первое выделение, которое вы создаете, будет выбран переключатель рядом с New Selection.

Создав выделение, вы можете использовать выделение, чтобы изменить цвет объекта или удалить объект с его фона.

Как вырезать объект из фона

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

Удаление фона путем копирования выделенной области

Вы можете скопировать свой выбор, набрав CTRL + C (COMMAND + C на Mac), а затем вставив выделение, набрав CTRL + V (COMMAND + V на Mac). Ваш выбор автоматически появится на новом слое. Вы можете сделать исходный слой невидимым на панели слоев, чтобы видеть изолированный объект.

Удаление фона путем создания маски слоя

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

Щелкните значок, чтобы автоматически создать маску слоя.

Как создать форму с помощью Pen Tool

Вы можете назначить путь контуром формы перед созданием контура, выбрав «Форма» в меню на панели параметров инструмента «Перо».

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

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

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

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

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

Выбрав контур формы на панели «Контуры», щелкните раскрывающееся меню «Правка» в верхней части экрана и выберите «Преобразовать контур», чтобы получить доступ к любой из функций преобразования. Вы также можете выбрать Free Transform Path из раскрывающегося меню Edit или нажать CTRL + T (COMMAND + T на Mac), чтобы масштабировать или вращать ваш путь.

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

Можно ли использовать другие инструменты Photoshop Pen?

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

Узнайте о других инструментах Photoshop из этого руководства для начинающих>

Инструмент «Перо кривизны»

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

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

Инструмент Freeform Pen Tool

Инструмент Freeform Pen Tool создает контур, когда вы свободно рисуете с помощью мыши. Вместо того, чтобы щелкать и размещать точки, вы просто «рисуете» с помощью инструмента так же, как вы рисуете с помощью инструмента «Кисть» или «Карандаш».

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

Магнитный перо

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

Когда вы рисуете с помощью этого инструмента, Photoshop пытается определить края объекта и привязать путь к этим краям.

Можно ли использовать стилус с Photoshop и Pen Tool?

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

Это ОЧЕНЬ много информации, которую нужно запомнить. Чувствуете себя подавленным? Вы всегда можете передать на аутсорсинг удаление фона и другие задачи по редактированию изображений. Наши цены начинаются всего с 0,39 доллара за изображение.

Получите предложение за 45 минут

Бекки Килимник

Bio: Имея более чем 18-летний опыт работы в качестве графического дизайнера, Бекки увлечена тем, что помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Создание выделения с помощью инструмента «Перо» в Photoshop

Где мне найти инструмент «Перо»?

Прежде чем мы начнем говорить о том, что такое Pen Tool и как его использовать, мы должны сначала посмотреть, где его найти в Photoshop. Вы найдете инструмент «Перо» в палитре «Инструменты», сгруппированный с инструментами «Форма», «Текст», «Выбор контура» (белая стрелка) и «Прямое выделение» (черная стрелка) (см. Изображение слева).

Инструмент «Перо» в Photoshop

Конечно, это может вызвать вопрос, почему, если мы можем делать выделения с помощью Pen Tool, они не сгруппированы с другими инструментами выделения (Rectangular Marquee Tool, Elliptical Marquee Tool, Lasso Tool и т. Д.) вверху палитры инструментов? Почему он там с другими инструментами, которые явно не являются инструментами выделения?

Это отличный вопрос, и на него есть не менее отличный ответ, к которому мы скоро вернемся.

Почему он называется инструментом «Перо»?

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

Пьер Безье

Итак, если он не действует как традиционное чернильное перо, почему он называется Pen Tool? Инструмент «Перо» на самом деле назывался несколькими способами на протяжении многих лет, и под этим я не имею в виду то, что вы могли называть его в моменты разочарования. Возможно, вы слышали, что его называют пером Безье или инструментом Безье, и это потому, что он был создан человеком по имени Пьер Безье (он слева), французским инженером и умным парнем, который придумал причудливая математика, которая используется инструментом во время работы в автомобильной компании Renault (Pen Tool изначально был создан для помощи в проектировании автомобилей).

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

Что такое путь?

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

Путь — это не что иное, как линия, идущая от одной точки к другой, линия, которая полностью независима от пикселей под ней и не заботится о них. Линия может быть прямой или изогнутой, но она всегда идет от одной точки к другой и, как я уже упоминал, не имеет никакого отношения к пикселям изображения.Путь полностью отделен от самого изображения. Фактически, путь настолько разделен, что если вы попытаетесь напечатать изображение с путем, видимым на экране, путь не появится на бумаге. Кроме того, если вы сохранили свое изображение в виде файла JPEG и загрузили его на веб-сайт, даже если вы сохранили изображение с путем, видимым на экране в Photoshop, вы не увидите его на изображении на веб-сайте. Пути предназначены только для ваших глаз и Photoshop. Никто больше их не увидит, если только они не пройдут мимо вашего компьютера, пока вы работаете.

Нам всегда нужны как минимум две точки для создания пути, так как нам нужно знать, где путь начинается и где он заканчивается. Если мы используем достаточно точек, чтобы вернуть наш путь к той же точке, с которой он начинался, мы можем создавать различные формы из контуров, и именно так работают различные инструменты формы Photoshop. Инструмент «Прямоугольник» использует пути, соединенные точками, для рисования прямоугольной формы. Инструмент «Эллипс» использует пути, соединенные точками, для рисования эллиптической формы и т. Д. Так же работает инструмент «Текст» в Photoshop, хотя Photoshop обрабатывает текст немного иначе, чем обычные формы, но весь текст в Photoshop по существу состоит из контуров.Фактически, вы можете преобразовывать текст в фигуры, что затем дает вам все те же параметры редактирования контура с текстом, которые вы получаете при работе с фигурами.

Вы также могли слышать пути, называемые контурами, и это довольно хорошее описание того, что такое путь, или, по крайней мере, то, чем он может быть. Мы можем нарисовать квадратный путь, и если мы ничего с ним не сделаем, например, не закрасим его цветом и не применим к нему обводку, тогда все, что у нас есть, — это базовый контур квадрата. То же самое с кругом или любой другой фигурой, которую мы рисуем.Сам путь — это просто контур фигуры. Только когда мы что-то сделаем с контуром, например, заполним его, наложим обводку или преобразуем его в выделение, контур фактически станет чем-то большим, чем простой контур.

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

Это может немного сбить с толку, так что давайте посмотрим, что я имею в виду. Откройте новый документ в Photoshop. Неважно, какого он размера. Я выберу размер 640×480 из списка предустановок, но, как я уже сказал, не имеет значения, какой размер вы выберете.Выберите инструмент «Перо» на палитре «Инструменты». Вы также можете выбрать Pen Tool, просто нажав букву P на клавиатуре.

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

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

Я знаю, что я сказал, что есть два режима, в которых может работать Pen Tool, и все же, как бы для большей запутанности, есть три значка , но значок справа, который является значком заливки пикселей, затенен, а не доступно при работе с инструментом «Перо». Он доступен только при работе с различными инструментами формы, поэтому нам действительно нужно рассмотреть только два значка.

Значок слева — это значок слоев формы, также известный как «не тот, который нам нужен», и он выбран по умолчанию.Если бы мы работали с инструментом «Перо» с выбранным значком, мы бы рисовали фигуры, как если бы мы использовали любой из различных инструментов фигур, за исключением того, что вместо рисования заранее определенной формы, такой как прямоугольник или эллипс, мы могли нарисовать любую форму, какую захотим. Как я уже сказал, мы этого не хотим. Нам нужен значок рядом с ним, значок Paths, поэтому нажмите на него, чтобы выбрать его:

Учебники Photoshop: Щелкните значок «Контуры» на панели параметров, чтобы работать с контурами с помощью инструмента «Перо».

Выбрав инструмент «Перо» и выбрав значок «Пути» на панели параметров, щелкните один раз в любом месте документа. Не щелкайте и не перетаскивайте, просто щелкните. Когда вы это сделаете, вы добавите небольшую квадратную точку. Я увеличил его здесь:

Щелкните один раз внутри документа инструментом «Перо», чтобы добавить точку.

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

Добавим еще один момент. Щелкните в другом месте документа. Куда угодно годится. Я собираюсь щелкнуть где-нибудь справа от моей начальной точки:

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

Я добавил вторую точку привязки и посмотрите, что произошло.Теперь у меня есть прямая линия, соединяющая две точки вместе! Эта прямая линия — мой путь. Как я упоминал ранее, нам нужно минимум две точки для создания пути, поскольку нам нужно знать, где путь начинается и где он заканчивается, и теперь, когда у нас есть как начальная, так и конечная точки, Photoshop смог подключить две точки вместе, образуя наш путь.

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

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

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

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

Маленький кружок появляется в правом нижнем углу значка пера при наведении курсора на начальную точку пути.

Этот круг говорит нам, что мы собираемся пройти «полный круг» на нашем пути, закончив его там, где он начинался.Чтобы закрыть его, просто щелкните прямо в начальной точке.
Ниже мы видим, что мой путь стал замкнутым и теперь является основным контуром формы:

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

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

Превращая путь в выделение

Итак, мы рассмотрели, что такое путь и как нарисовать базовый путь с помощью инструмента «Перо» в Photoshop.Но как сделать выбор из пути?

Легко! Есть несколько способов превратить путь в выделение, в том числе с помощью удобного сочетания клавиш, но прежде чем мы рассмотрим быстрый способ, давайте посмотрим на официальный способ. «Официальный способ» предполагает использование палитры контуров Photoshop, которую вы найдете сгруппированной с палитрой слоев и палитрой каналов:

Палитра контуров Photoshop.

На первый взгляд палитра «Контуры» очень похожа на палитру «Слои» в Photoshop, и Adobe специально сделала ее такой, чтобы вам было удобнее ее использовать.Мы можем видеть предварительный просмотр эскиза формы только что созданного пути, и по умолчанию Photoshop называет путь «Рабочий путь», что в основном является причудливым способом сказать «временный», как если бы вы создавали другой путь. path теперь, не переименовывая сначала этот путь во что-то другое, этот путь будет заменен новым путем. У вас может быть только один «Рабочий путь», поэтому, если вы хотите его сохранить, вам нужно дважды щелкнуть его имя в палитре «Контуры» и присвоить ему другое имя перед созданием нового пути.

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

Вы можете сохранить временный «Рабочий путь», просто переименовав его.

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

Палитра контуров показывает, что путь был переименован в «Корона».

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

Сохранение пути — это не то, что вам нужно делать, чтобы превратить его в выделение. В большинстве случаев при использовании инструмента «Перо» для выделения вам не понадобится путь после того, как вы сделали выделение из него, поэтому нет необходимости сохранять его.Если вы все же хотите сохранить его, просто переименуйте его во что-нибудь, кроме «Рабочий путь», и он будет сохранен.

Чтобы превратить путь в выделение, если мы посмотрим на нижнюю часть палитры Paths, мы увидим несколько значков. Эти значки позволяют нам делать разные вещи на нашем пути. Первый значок слева — это значок «Заливка пути с цветом переднего плана», и, как следует из его названия, щелчок по нему заполнит наш путь текущим цветом переднего плана. Интересно, но мы этого не хотим. Второй значок слева — это значок «Обводка контура с кистью», который применяет обводку к нашему контуру, используя любую кисть, которую мы в данный момент выбрали.

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

Значок «Загрузить путь как выделение» в нижней части палитры «Пути».

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

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

Это так просто! На самом деле, это даже проще, потому что есть сочетание клавиш для превращения контура в выделение без необходимости вообще переключаться на палитру контуров. Когда вы нарисовали свой путь и готовы превратить его в выделение, просто нажмите Ctrl + Enter (Win) / Command + Return (Mac), чтобы Photoshop преобразовал путь в выделение.

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

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

Фотография знака «Стоп».

Допустим, я хотел выделить этот знак остановки, чтобы скопировать его на отдельный слой. Знак «Стоп» состоит не более чем из серии прямых линий, что значительно упростит эту задачу. Во-первых, мне нужна начальная точка моего пути, поэтому я начну в верхнем левом углу знака, щелкнув один раз, чтобы разместить начальную точку привязки. В этом случае не имеет значения, где я начинаю путь, но я начну с верхнего левого угла:

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

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

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

Теперь вокруг знака остановки на изображении появляется путь.

Если я сейчас посмотрю в палитру «Пути», то очень ясно вижу, что у меня есть путь в форме знака «Стоп»:

Палитра контуров Photoshop, показывающая путь, проведенный вокруг знака остановки.

Обратите внимание, как Photoshop назвал путь «Рабочий путь», что означает, что этот путь является временным, и я потеряю его, если создам другой путь, не сохранив его предварительно, переименовав его. Даже если я не создам новый путь, я все равно потеряю его при закрытии документа, если я сначала не сохраню его. Однако мне не нужно сохранять этот путь, поэтому я не буду об этом беспокоиться. В большинстве случаев вам не нужно об этом беспокоиться.

Чтобы преобразовать свой путь в выделение, я нажимаю на Загрузить путь в виде значка выделения в нижней части палитры слоев или просто могу нажать Ctrl + Enter (Win) / Command + Return (Mac):

Щелкните значок «Загрузить путь как выделение» на палитре «Пути» или нажмите «Ctrl + Enter» (Win) / «Command + Delete» (Mac), чтобы преобразовать путь в выделенный фрагмент.

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

Знак остановки теперь выбран после преобразования пути в выделение.

Я вернусь к моей палитре слоев и, чтобы скопировать знак остановки на отдельный слой, я воспользуюсь сочетанием клавиш Ctrl + J (Win) / Command + J (Mac), которое помещает знак на его собственный слой. собственный слой над фоновым слоем:

Знак «Стоп» теперь скопирован на отдельный слой.

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

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

Вот почему перо находится не в верхней части палитры инструментов с другими инструментами выделения на основе пикселей, а вместо этого сгруппировано с инструментами контура, такими как различные инструменты формы, инструмент текста и выделение контура и прямое выделение. Инструменты. Инструмент «Перо» предназначен для контуров, а не для пикселей.

Мы узнали, что можем добавлять точки привязки внутри нашего документа, которые закрепляют путь на месте, просто щелкая в разных местах с помощью Pen Tool, и по мере добавления все большего количества точек привязки мы создаем путь как каждая новая точка соединяется с предыдущей точкой новым сегментом пути.Мы также узнали, что путь — это то, что обычно называют «непечатаемым элементом», что означает, что независимо от того, сколько путей мы добавляем, ни один из них не будет виден на бумаге, когда мы пойдем на печать изображения. . Они также не будут видны, если мы разместим изображение на веб-сайте. Пути видны только нам при работе в Photoshop (хотя другие программы, такие как Adobe Illustrator, также поддерживают пути). Только когда мы что-то сделаем с контуром, например, заполним его цветом, применим к нему обводку или преобразуем его в выделение, контур станет чем-то большим, чем просто базовый, непечатаемый контур фигуры.

Мы увидели, как легко было бы использовать инструмент «Перо», чтобы выделить что-то вроде знака остановки, обведя его контуром, состоящим из серии прямых сегментов контура, а затем превратив контур в выделение. Это здорово, но на самом деле мы еще не сделали ничего из того, что не могли бы сделать проще с чем-то вроде инструмента лассо или, даже лучше, инструмента многоугольного лассо, который был создан специально для выбора плоских форм, таких как наш стоп. знак. Скорее всего, если у вас нет странного увлечения дорожными знаками, рано или поздно вы захотите выбрать что-то более интересное, и под «интересным» я имею в виду более сложное.И под «сложным» я имею в виду то, что содержит кривые. Выбор изогнутого объекта в Photoshop обычно происходит тогда, когда вы теряете всякое уважение к основным инструментам выделения. К счастью, именно в это время инструмент «Перо» действительно сияет!

Прежде чем мы продолжим, я должен отметить, что все, что мы сделали до этого момента, было довольно просто. Щелкните здесь, щелкните здесь, преобразуйте путь в выделение, готово. Следующая часть, где мы перейдем к рисованию кривых, не так проста, хотя это определенно не сложно, но если вы впервые используете Pen Tool или у вас нет большого опыта работы с ним, работа с кривыми может показаться сложной задачей. немного неестественно и даже немного подавляюще.Здесь определенно приходит на помощь аналогия с «ездой на велосипеде». Сначала вы можете упасть несколько раз и задаться вопросом, как кому-то удается это сделать, но чем больше вы практикуетесь и чем больше вы придерживаетесь этого, тем больше во всем этом смысла. начинает делать. В мгновение ока это покажется вам второй натурой, и вы внезапно поймете, почему так много людей клянутся, что инструмент «Перо» — лучший инструмент выделения во всем Photoshop! Серьезно, это действительно так.

Получение ручки на рукоятках направления

Начнем снова с Pen Tool.Откройте новый пустой документ Photoshop или просто удалите все, что вы уже сделали в существующем документе, чтобы начать все заново. Затем, выбрав инструмент «Перо» и выбрав параметр «Пути» на панели параметров (помните, что по умолчанию используется параметр «Слои формы», поэтому вам нужно убедиться, что выбран параметр «Пути»), щелкните один раз в любом месте внутри документа, как и мы делали раньше. Однако на этот раз вместо того, чтобы просто щелкнуть, чтобы добавить точку привязки, щелкните и затем перетащите мышь на небольшое расстояние от точки привязки, прежде чем отпустить кнопку мыши:

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

Когда вы закончите, вы увидите точку привязки, от которой отходят две линии. На первый взгляд может показаться, что нам каким-то образом удалось протянуть путь с помощью Pen Tool. В конце концов, похоже, что у нас есть три точки привязки, одна на обоих концах и одна посередине, с двумя соединяющими их сегментами пути. Однако если мы присмотримся немного ближе, мы увидим, что точки на обоих концах немного меньше, чем в середине, и что на самом деле они имеют другую форму. Точка посередине квадратная, и, как мы видели, точка привязки квадратная, но точки на обоих концах кажутся ромбовидными.Некоторые точки привязки имеют квадратную форму, а некоторые ромбовидную?

Нет. Все точки привязки имеют квадратную форму и одинакового размера, а это означает, что меньшие точки в форме ромба на концах не являются точками привязки. И если они не являются опорными точками, это означает, что линии не являются сегментами пути, поскольку нам нужны как минимум две опорные точки для создания пути, и сейчас единственная точка привязки, которая у нас есть, — это точка посередине. Так что же это за линии, выходящие из точки привязки? Это указатели направления!

«Ах, ручки направления!» ты говоришь.»Теперь я понимаю!»

… … …………….

«Подожди, нет, я не знаю. Что за ручки направления?»

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

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

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

Одна из приятных вещей, которые вы довольно быстро узнаете о Pen Tool, — это то, что он чрезвычайно снисходителен к .Нет никаких причин беспокоиться о том, чтобы все было правильно с первого раза, когда рисуем пути с его помощью, потому что мы можем вернуться и легко исправить ситуацию, когда мы закончим! Вы разместили опорную точку не в том месте? Без проблем! Просто переместите его туда, где вам нужно! Мы скоро увидим, как это сделать. Вы перетащили ручку направления в неправильном направлении? Не проблема. Возьмитесь за ручку и поверните ее в нужном вам направлении. Опять же, посмотрим, как это сделать. Одна из ваших ручек направления слишком длинная или слишком короткая? Совершенно никаких проблем.Просто щелкните по нему, а затем перетащите его длиннее или короче по мере необходимости (да, мы тоже увидим, как это сделать). Пути полностью редактируются в любое время, поэтому нет абсолютно никаких причин беспокоиться о том, чтобы сделать ошибку или сделать все правильно с первого раза. Разве от этого тебе уже не стало немного лучше?

Ручки направления вращения и изменения размера

Как я уже упоминал, они называются «ручками» направления, потому что вы можете захватывать их, как ручки, и перемещать их. Посмотрим, как это сделать.Сначала мы посмотрим, как вращать обе ручки одновременно. Используя точку привязки и два маркера направления, которые мы уже создали, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac). Вы увидите, что ваш значок Pen Tool временно превратился в значок Direct Selection Tool (белая стрелка), и это потому, что с выбранным Pen Tool удерживание «Ctrl / Command» становится быстрым ярлыком для временного доступа к инструменту Direct Selection Tool, который что мы используем для выбора разных частей нашего пути. Затем просто нажмите прямо на маленькую ромбовидную фигуру на конце любого из указателей направления (нажатие на саму «линию» не сработает, поэтому вам всегда нужно щелкать ромбовидную фигуру на конце ручки, чтобы сделать что-нибудь. вместе с ним) и перетащите его вокруг точки привязки, чтобы повернуть.Когда вы вращаете одну из ручек, другая ручка вращается вместе с ней в противоположном направлении, как качели. Вы также можете заметить, что как только вы начнете перетаскивать ручку, значок курсора мыши снова изменится, на этот раз на значок инструмента перемещения, поскольку мы перемещаем что-то из одного места в другое:

Удерживайте «Ctrl» (Win) / «Command» (Mac) и щелкните конец любого из маркеров направления, затем перетащите маркер, чтобы повернуть его вокруг точки привязки. Когда вы перетаскиваете одну ручку, другая вращается в противоположном направлении.

Вы можете отпустить клавишу «Ctrl / Command», как только начнете перетаскивать ручку. Нет необходимости держать его все время в тонусе.

Чтобы изменить размер маркера направления при его повороте, просто перетащите конец маркера в направлении точки привязки, чтобы сделать его короче, или перетащите его от точки привязки, чтобы сделать его длиннее. Как я упоминал выше, более короткая ручка сделает кривую короче, а более длинная ручка сделает кривую длиннее. Однако вы не можете изменить размер обеих ручек одновременно, поэтому, если вам нужно изменить размер обоих, вам нужно перетащить каждый из них длиннее или короче отдельно.Единственное, что вы можете сделать с ними обоими одновременно, — это повернуть их. Если вы уже отпустили кнопку мыши после поворота ручек, а курсор снова превратился в значок Pen Tool, и вам нужно изменить размер одного из ручек, вам нужно еще раз удерживать «Ctrl / Command», чтобы временно вернитесь к инструменту Direct Selection Tool, затем щелкните и перетащите конец маркера, чтобы изменить его размер:

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

Теперь давайте посмотрим, как вращать ручки независимо друг от друга. Чтобы повернуть одну ручку, не затрагивая другую, сначала отпустите кнопку мыши, если вы вращали ручки или изменяли их размер, чтобы курсор снова превратился в значок инструмента «Перо». Затем вместо удерживания клавиши «Ctrl / Command», которая перемещает обе ручки одновременно, удерживайте клавишу Alt (Win) / Option (Mac) и щелкните конец любого из маркеров направления. Вы увидите, как ваш курсор изменится на значок Convert Point Tool, который выглядит как упрощенная стрелка, состоящая всего из двух линий, почти как перевернутая буква «v» (за исключением того, что она не совсем перевернута).Затем просто перетащите ручку вокруг точки привязки, чтобы повернуть ее, как вы делали раньше, и на этот раз ручка будет вращаться независимо от другой, разорвав связь между ними:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните конец любого из маркеров направления, затем перетащите маркер, чтобы повернуть его вокруг точки привязки независимо от другого маркера.

Опять же, вы можете отпустить клавишу «Alt / Option» после начала перетаскивания. Необязательно держать его все время.

Вы также можете изменить размер маркеров направления с помощью клавиши «Alt / Option» точно так же, как вы можете с помощью клавиши «Ctrl / Command». Если вы вращаете ручку, просто перетащите ее к точке привязки, чтобы сделать ее короче, или от точки привязки, чтобы сделать ее длиннее. Если вы уже отпустили кнопку мыши и ваш курсор снова показывает значок инструмента «Перо», вам нужно еще раз удерживать нажатой клавишу «Alt / Option», затем щелкнуть конец ручки и перетащить ее, чтобы изменить ее размер.

Есть ли разница между изменением размера ручек с помощью «Ctrl / Command» и «Alt / Option» для этого? Да, есть. Если вы еще не «разорвали соединение» между маркерами, перетаскивая один независимо от другого, изменение размера маркера с помощью «Ctrl / Command» сохранит маркеры соединенными вместе. Он не изменит размер обеих ручек одновременно, но и не разорвет связь между ними, так что вы все равно сможете вращать их вместе, если вам нужно. Если вы измените размер ручки с помощью «Alt / Option», вы разорвете соединение между ручками.Даже если вы не поворачиваете ручку при изменении ее размера, соединение все равно будет прервано.

Что делать, если вы разорвали соединение между ручками, повернув их с помощью «Alt / Option», а затем снова захотите повернуть их вместе? Можете ли вы, так сказать, «восстановить соединение», выбрав один из них, удерживая нажатой клавишу «Ctrl / Command», как раньше? Хороший вопрос, и на него нет ответа. После того, как вы разорвали соединение между ручками, клавиша «Ctrl / Command» сама по себе не вернет его.Вам нужно будет выбрать одну из ручек, удерживая Ctrl + Alt (Win) / Command + Option (Mac) в этот момент, чтобы снова сдвинуть ручки вместе.

Краткое резюме …

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

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

Хорошо, это в значительной степени покрывает основы управления маркерами направления. Давайте посмотрим, как мы можем использовать их для рисования кривых!

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

Мы знаем, как превратить путь в выделение, щелкнув значок «Загрузить путь как выделение» в нижней части палитры «Пути» или просто нажав «Ctrl + Enter» (Win) / «Command + Return» (Mac). на клавиатуре.Одна вещь, о которой я еще не упомянул, заключается в том, что независимо от того, состоит ли наш путь из прямых линий, кривых
или комбинации прямых и кривых, преобразование его в выделение выполняется точно так же, и мы уже узнали как это сделать, а это значит, что мы уже на пути к освоению выделения с помощью пера! Все, что нам нужно сделать, это немного попрактиковаться в рисовании кривых, что мы и собираемся делать!

Прокрутка все еще продолжается? Загрузите это руководство в формате PDF!

Рисование кривой

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

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

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

Щелкните вниз и справа от второй точки привязки, чтобы добавить третью точку привязки.На этот раз не щелкайте и не перетаскивайте, просто щелкните:

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

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

Одна вещь, которую вы могли заметить, и вы можете увидеть это на скриншоте выше, заключается в том, что когда вы добавили третью точку привязки, маркер направления, выходящий за левую сторону второй точки привязки, исчез. Он все еще там, Фотошоп просто спрятал его от глаз. Чтобы снова увидеть это, используйте сочетание клавиш, которое мы уже узнали, чтобы временно переключиться на инструмент прямого выбора, то есть удерживая клавишу Ctrl (Win) / Command (Mac), а затем щелкните вторую точку привязки, чтобы выбрать Это.Как только вы это сделаете, недостающий указатель направления снова появится, как если бы он был там все время (что было):

Удерживайте нажатой клавишу «Ctrl» (Win) / «Command» (Mac), чтобы временно переключиться на инструмент «Прямое выделение», затем щелкните верхнюю точку привязки, чтобы выбрать ее. Отсутствующая точка привязки появится снова.

Удерживая нажатой клавишу «Ctrl / Command», чтобы у вас по-прежнему был доступ к инструменту прямого выбора, попробуйте изменить размер каждого маркера направления, щелкнув конец каждого из них, чтобы выбрать его, и затем перетащив его к точке привязки и от нее .Опять же, удерживая «Shift» при перетаскивании, чтобы ограничить ваше движение по горизонтали, и наблюдайте, что происходит. По мере увеличения длины ручки вы получаете больше изгиба, а при уменьшении ее длины — меньше изгиба. Также обратите внимание, что каждая ручка управляет своей стороной кривой. Ручка слева управляет кривой, входящей в точку привязки слева, а ручка справа управляет кривой, исходящей из точки привязки справа.

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

Измените форму кривых, изменив размер маркеров направления. Левая ручка управляет левой кривой, а правая ручка управляет правой кривой.

Я собираюсь отменить свои изменения, нажав несколько раз Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), чтобы вернуть мои ручки направления к их исходным размерам, чтобы они снова стали равной длины. .Теперь попробуем повернуть ручки. Удерживая нажатой клавишу «Ctrl / Command» еще раз, чтобы получить доступ к инструменту прямого выбора, щелкните конец любого маркера, чтобы выбрать его, и попробуйте повернуть его вокруг точки привязки. Поскольку мы выбрали ручку с помощью «Ctrl / Command», обе ручки вращаются вместе. Здесь я перетащил левую ручку вниз и вправо, и угол кривой слева изменился вместе с ней, теперь он выглядит как более наклонный, поскольку он поднимается вверх к точке привязки. Перетащив левую ручку вниз и вправо, я заставил правую ручку поворачиваться вверх и влево, и снова угол кривой справа изменился вместе с ней, теперь ненадолго поднимаясь над точкой привязки, прежде чем сделать крутой спуск до точки привязки справа.Опять же, слабая кривая — оригинал для сравнения:

Поверните ручки направления, чтобы изменить угол изгибов. Выберите ручку, удерживая «Ctrl» (Win) / «Command» (Mac), чтобы повернуть обе ручки вместе.

Ужасная «петля»
Одной вещи, которую следует избегать, — это слишком сильно поворачивать ручки, что приведет к перекрытию сегментов пути и образованию петель. Здесь я полностью повернул ручки, так что левая ручка теперь находится справа, а правая ручка — слева, и обратите внимание, что произошло.Мои сегменты пути теперь перекрывают друг друга, образуя петлю:

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

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

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) несколько раз еще раз, чтобы отменить мои изменения и вернуть свой путь к красивой плавной дуге, с которой я начал.А как насчет вращения маркеров направления независимо друг от друга? Как мы узнали на предыдущей странице, чтобы вращать ручки по отдельности, вместо того, чтобы выбирать их с помощью «Ctrl / Command», мы просто выбираем их, удерживая Alt (Win) / Option (Mac), что дает нам временный доступ к Convert Инструмент «Точка». Щелкните конец ручки, чтобы выбрать ее, затем перетащите ее мышью, чтобы повернуть, и на этот раз другая ручка останется на месте, разорвав связь между ними.

Здесь я выделил ручку справа, удерживая «Alt / Option», а затем повернул ее вниз и влево.Обратите внимание, как еще раз угол сегмента пути справа изменяется, чтобы соответствовать новому направлению ручки, и на этот раз ручка слева вместе с сегментом пути слева остаются на месте. Мой путь теперь немного похож на плавник акулы:

Удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac) для временного доступа к инструменту «Преобразование точки», затем щелкните конец маркера направления, чтобы выбрать его и повернуть независимо от другого маркера.

Перемещение точки привязки

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

Чтобы переместить точку привязки, удерживайте Ctrl (Win) / Command (Mac) для временного доступа к инструменту прямого выбора, как мы уже делали, затем просто щелкните точку привязки, чтобы выбрать ее, и перетащите на новое место с помощью мыши. Любые связанные с ним сегменты пути переместятся вместе с ним в новое место. Здесь я перетащил свою среднюю точку привязки немного вниз от исходного положения (опять же, слабый путь отмечает исходное местоположение для сравнения). Обратите внимание, как сам контур изменил форму, чтобы приспособиться к новому местоположению точки привязки:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните точку привязки, чтобы выбрать ее, затем перетащите в новое место.Любые сегменты пути, связанные с точкой, будут перемещаться вместе с ней, изменяя форму по мере необходимости.

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

Объединение прямых путей с кривыми

Что, если бы я не хотел, чтобы оба сегмента моего пути были кривыми? Что, если мне нужно, чтобы первый сегмент пути был изогнутым, а второй — прямым? Посмотрим, как это сделать. Я собираюсь удалить свой существующий путь и начать заново. Сначала я нажму, чтобы добавить точку привязки, чтобы начать работу. Затем, как и раньше, я нажимаю, чтобы добавить вторую точку привязки вверх и справа от моей начальной точки, и на этот раз я перетаскиваю маркеры направления, которые создадут изогнутый путь, соединяющий две точки, давая я именно то, что у меня было в начале этой страницы:

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

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

Чтобы удалить ручку, оставив только ручку слева от точки привязки, все, что мне нужно сделать, это удерживать Alt (Win) / Option (Mac), что снова временно переключит меня на инструмент Convert Point Tool, а затем Я просто нажимаю прямо на точку привязки.Когда я это сделаю, указатель направления справа исчезнет, ​​останется только один слева:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), нажмите непосредственно на точку привязки, чтобы удалить указатель направления справа, оставив только один слева.

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

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

Теперь у меня есть изогнутый сегмент пути слева и прямой справа! Что, если бы я хотел прямо противоположного? Предположим, мне нужно начать с отрезка прямого пути, а затем следовать по нему кривой? Для этого сначала я начну с добавления начальной точки привязки. Затем, поскольку мне нужен сегмент прямого пути, все, что мне нужно сделать, это щелкнуть в другом месте, чтобы добавить вторую точку привязки, и я автоматически получу прямой путь, соединяющий две точки:

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

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

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите маркер направления справа от точки привязки.

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

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

И поехали! Теперь у меня есть сегмент прямого пути слева, за которым следует изогнутый сегмент справа.Конечно, большинство контуров, которые вы рисуете, будут состоять не только из трех узловых точек. Допустим, я хотел продолжить этот путь, двигаясь в том же общем направлении вправо, и я хочу, чтобы мой следующий сегмент пути также был изогнутым. Как и минуту назад, я оставлял кнопку мыши нажатой после нажатия, чтобы добавить третью точку. Я бы удерживал Alt (Win) / Option (Mac) и перетаскивал другой маркер направления. До сих пор мы перетаскивали ручки только вправо, но на самом деле вам нужно перетащить ручки в том общем направлении, в котором вы хотите, чтобы кривая следовала.Я хочу создать кривую, которая идет вверх и вправо, поэтому я собираюсь растянуть небольшую ручку в том же общем направлении:

Перетащите маркеры направления в общем направлении кривой.

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

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

Добавление четвертой точки привязки вместе с отходящими от нее маркерами направления.

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

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

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

Изменение направления и / или длины любой ручки изменяет общую форму кривой. После поворота и удлинения обеих ручек кривая теперь принимает S-образную форму.

Кривая теперь имеет немного S-образную форму, и это потому, что нижняя ручка контролирует угол и длину кривой, когда она вытекает из третьей опорной точки, а верхняя ручка регулирует угол и длину кривой. как впадает в четвертую точку.Изменение длины и / или направления любой ручки изменит общую форму кривой.

Я собираюсь нажать Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) пару раз, чтобы отменить внесенные мной изменения, так что кривая снова имеет форму простой дуги, как это было минуту назад, и я думаю, что закончу этот путь еще одним прямым сегментом, что означает, что мне нужно удалить этот указатель направления, выходящий с правой стороны четвертой точки привязки. Мы уже научились это делать, удерживая Alt (Win) / Option (Mac) и нажимая непосредственно на точку привязки:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните непосредственно на точке привязки, чтобы удалить маркер направления справа.

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

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

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

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

Здесь у нас есть фотография пары дельфинов, выпрыгивающих из воды. Определенно пара очень пышных существ:

Фотография двух дельфинов, выпрыгивающих из воды.

Допустим, мы хотим выбрать этих дельфинов, чтобы мы могли использовать их для дизайна или коллажа, или в любом другом случае. Если бы вы попробовали выбрать их с помощью инструмента «Лассо», который, скорее всего, вы бы использовали, если бы не знали, как использовать инструмент «Перо», у вас не только были бы трудные времена, но и даже труднее пытаться убедить себя, что вы довольны результатами, когда закончили.Причина в том, что инструмент «Лассо» просто не может очень хорошо делать изогнутые выделения. Самая большая проблема с ним, помимо того, что он является инструментом выделения на основе пикселей, заключается в том, что он полагается на то, что у вас достаточно устойчивой руки, чтобы плавно перемещать его по кривым. Даже если вы не страдаете от кофеиновой зависимости, вы можете свести себя с ума, пытаясь нарисовать идеально плавную кривую с помощью мыши или даже графического планшета, и когда вы, наконец, сдадитесь, вы все равно останетесь с выбором, полным грубых, зазубренных краев, которые просто кричат ​​«любитель!».Никто не любит называться любителем, особенно когда в этом нет необходимости благодаря Pen Tool!

Сначала исследуйте объект
Всякий раз, когда вы собираетесь выбрать что-то с помощью инструмента «Перо», прежде чем начать, уделите время внимательному изучению объекта, чтобы понять, где вам нужно разместить точки привязки. Забудьте обо всех деталях объекта и сосредоточьтесь только на его форме. Где находятся области, в которых форма меняет направление? Какие части фигуры прямые? Какие части изогнуты? Если есть кривая, это плавная, непрерывная дуга или угол меняется в точке вдоль кривой? Визуализируйте в уме, где вам нужно будет разместить точки привязки, потому что, когда вы размещаете одну, вы всегда хотите думать о следующей и о том, как должен выглядеть сегмент пути между двумя точками.

Инструмент элегантности
Еще одна вещь, о которой следует помнить, это то, что инструмент «Перо» задуман как инструмент элегантности. Это не пистолет для гвоздей или скобяной пистолет. Вы же не хотите просто щелкать вокруг своей формы, добавляя точки привязки «волей-неволей» (это технический термин). Когда вы используете его для рисования кривых, вы хотите, чтобы эти кривые были красивыми и гладкими, в противном случае мы могли бы просто придерживаться инструмента лассо. Чтобы кривые плавно текли, нам нужно ограничить количество опорных точек, которые мы используем для их создания.Вот почему вы хотите сначала изучить объект и визуализировать, где должны быть точки привязки. Если вы можете очертить большую часть формы, используя только одну кривую с опорными точками на обоих концах, это то, что вы хотите сделать, потому что это даст вам те результаты, которые вы ищете. Такие результаты, которые кричат ​​«определенно , а не на любителя!».

Выберем этих дельфинов. Я собираюсь начать свой путь с середины фотографии, в том месте, где сторона дельфина слева перекрывает задний плавник дельфина справа.Нет правильного или неправильного места для начала пути. Именно с этого я и решил начать. Первая часть этого заднего плавника прямая, поэтому, поскольку мне не нужен указатель направления для создания сегмента прямого пути, я просто собираюсь один раз щелкнуть инструментом Pen Tool, чтобы добавить свою первую опорную точку, которая будет служить отправная точка моего пути:

Добавление первой точки привязки.

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

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

.

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

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

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

Продолжая движение, мы подходим к первой реальной кривой на нашем пути.Для этого мне нужно будет вытащить маркер направления из только что добавленной точки привязки, поэтому я собираюсь удерживать Alt (Win) / Option (Mac), а затем перетащить маркер в общем направлении. где я хочу, чтобы кривая текла с самого начала. Обратите внимание, как я тяну ручку только с одной стороны от точки привязки, а не с обеих:

Удерживайте «Alt» (Win) / «Option» (Mac), чтобы перетащить маркер направления с одной стороны от точки привязки.

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

Добавление точки привязки на противоположном конце кривой и перетаскивание маркеров направления из нее, их вращение и изменение размера по мере необходимости, пока кривая не совпадет с кривой объекта.

Следующая область дельфина довольно прямая, вплоть до того момента, пока его спина не начнет сливаться с его спинным плавником, в этой точке есть еще одна кривая, поэтому я собираюсь щелкнуть, чтобы добавить точку привязки непосредственно перед изгибом вверх по спинному плавнику. fin, который даст мне еще один «в основном прямой» отрезок пути между предыдущей и новой точкой.Затем я собираюсь еще раз удерживать Alt (Win) / Option (Mac) и растягивать маркер направления, когда я готовлюсь к следующему сегменту пути, который будет изогнутым:

Щелкните, чтобы добавить точку привязки, затем, удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), перетащите маркер направления, чтобы подготовиться к следующему сегменту пути.

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

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

Чтобы настроить кривую, я просто удерживаю клавишу Ctrl (Win) / Command (Mac), что дает мне временный доступ к инструменту прямого выбора, и я собираюсь перетащить ручку, выходящую из нижняя точка привязки направлена ​​вправо, чтобы удлинить его, что будет тянуть угол изгиба вправо вместе с ним, красиво выстраивая его с изгибом плавника.Я также немного повернул ручки верхнего направления по часовой стрелке, чтобы быть придирчивым, но большая часть регулировки была сделана с помощью ручки нижнего направления:

Отрегулируйте кривую, регулируя ее ручки направления.

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

Маркер направления слева от кривой слишком длинный, в результате кривая не повторяет форму плавника.

Чтобы исправить это, все, что мне нужно сделать, это еще раз удерживать Ctrl (Win) / Command (Mac), затем щелкнуть конец маркера, чтобы выбрать его, и перетащить его короче, пока кривая не приобретет правильную форму:

Уменьшение длины ручки направления для корректировки формы кривой.

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

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

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

Оба дельфина очерчены дорожкой.

Дельфины очерчены траекторией, и если мы посмотрим на палитру «Пути», мы увидим, что у нас есть траектория в форме дельфинов:

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

Как мы узнали, Photoshop автоматически называет путь «Рабочий путь», что означает, что он временный и будет заменен, если мы начнем новый путь. Если вы хотите сохранить его, вам нужно будет дважды щелкнуть имя «Рабочий путь» и переименовать его во что-нибудь другое, например, в данном случае «Дельфины». Я не буду об этом беспокоиться, так как мне не нужно его сохранять. Все, что я хочу сделать на этом этапе, — это преобразовать свой путь в выделение, и, поскольку я уже нахожусь в палитре «Пути», я сделаю это, щелкнув значок «Загрузить путь как выделение» в нижней части палитры:

Щелкните значок «Загрузить путь как выделенный» в нижней части палитры «Пути».

Я также мог использовать сочетание клавиш Ctrl + Enter (Win) / Command + Return (Mac). В любом случае мой путь преобразуется в выделение, и если я смотрю на свою фотографию, я вижу, что мой путь действительно превратился в выделение вокруг дельфинов:

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

Куда идти дальше …

И вот оно! Теперь дельфины отобраны и готовы к любым планам, которые у нас есть в отношении них. На этом мы завершаем наш взгляд на рисование контуров и выделение с помощью Pen Tool в Photoshop! Дополнительные сведения об инструментах выделения Photoshop см. В нашей серии статей «Как сделать выделение в Photoshop».Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Как использовать инструмент «Перо» в Photoshop

* Обновлено ноябрь 2020 г. *
Вы здесь, потому что хотите узнать, как использовать инструмент «Перо» в Photoshop. Я преподаю Adobe Photoshop и Illustrator более пятнадцати лет и могу без сомнения сказать, что инструмент «Перо», вероятно, является наиболее опасным инструментом в обеих программах, которого избегают. Хотя вначале это может показаться неприятным инструментом, это очень полезный инструмент, и это руководство по фотошопу поможет вам научиться работать с инструментом «Перо».

Если вам это нужно, вы можете загрузить бесплатную 7-дневную пробную версию Photoshop

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

В Photoshop инструмент «Перо» можно использовать для рисования и выделения.

Существует заблуждение, что вы можете создавать векторы только в Adobe Illustrator и что Photoshop позволяет вам работать только с фотографиями или растровой графикой. Но вы МОЖЕТЕ создавать векторы в Photoshop с помощью инструментов Pen и Shape.Щелкните здесь, чтобы узнать больше о разнице между векторной и растровой графикой. Инструменты «Перо» и «Фигура» работают в обеих программах практически одинаково.

Примечание. Все снимки экрана, которые вы видите здесь, взяты из Adobe Photoshop CC, но почти все, что вы здесь читаете, применимо к более старым версиям Photoshop, начиная с нескольких версий. Итак, давайте начнем с использования инструмента для рисования прямых линий.

Рисование прямых линий с помощью инструмента «Перо»

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

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

1 — Нарисуйте путь с помощью инструмента «Перо»

1 — Откройте новый пустой документ в Photoshop. Я создал один размером 1000 x 1000 пикселей и разрешением 72 пикселей на дюйм.

2 — На панели инструментов выберите Pen Tool. Ярлык — это нажать на клавиатуре P .

3 — На панели параметров вверху экрана;

• Выберите «Путь» в первом раскрывающемся списке. (Скоро мы рассмотрим вариант «Форма»)
• Щелкните стрелку для параметра «Параметры геометрии» и убедитесь, что флажок «Резинка» не установлен во всплывающей палитре «Параметры контура».
• Убедитесь, что выбран параметр «Автоматическое добавление / удаление».
• Выберите параметр «Объединить контуры».

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

При первом выборе инструмента «Перо» перед тем, как рисовать какие-либо точки, рядом с курсором появляется маленький значок «x».Х означает, что вы собираетесь начать рисовать новый путь.

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

4 — Щелкните один раз на документе, в котором должен начинаться отрезок прямой линии. Не тащить.

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

Примечание. Если появляются направляющие линии (они выглядят как дополнительные линии, выходящие из точки привязки), вы случайно перетащили инструмент «Перо» и нарисуете кривую, а не прямую линию. Если это произойдет, выберите Ctrl + Z (Windows) или Cmd + Z (Mac) для отмены и щелкните еще раз.

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

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

Совет. Если вы хотите ограничить угол сегмента до кратного 45 °, удерживайте нажатой клавишу Shift во время щелчка.

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

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

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

Если вы хотите оставить путь открытым, но затем начать другой новый путь, Ctrl + щелчок (Windows) или Cmd + щелчок (Mac) в любом месте от начерченного пути. Кроме того, вы можете закончить путь, щелкнув любой другой инструмент на панели инструментов.

2 — Добавить и удалить точки привязки

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

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

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

1 — Выберите инструмент Удалить опорную точку на панели инструментов (скрыт под инструментом «Перо»).

2 — Щелкните точку, которую хотите удалить.

Добавление точки привязки на траекторию

3 — Выберите инструмент «Добавить точку привязки» на панели инструментов.

4 — Щелкните в любом месте отрезка линии с помощью инструмента «Добавить точку привязки».

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

Практика использования инструмента «Перо для прямого контура»!

Итак, вот как рисовать отрезки прямых, очень просто и ничего страшного. Ключ к использованию инструмента «Перо» — практика, практика, практика.

Создайте новый документ Photoshop и выполните следующие действия:

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

Рисование кривых с помощью инструмента «Перо Photoshop»

В этой части Руководства по использованию инструмента «Перо» вы научитесь рисовать

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

Как только вы поймете, как работают кривые, в сочетании с некоторой практикой, вы скоро станете мастером инструмента «Перо»!

Как создаются изогнутые пути

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

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

При щелчке и перетаскивании с помощью инструмента «Перо» происходят две вещи.

1 — Якорная точка помещается на монтажную область при нажатии.

2 — Направляющие линии и направляющие точки рисуются при перетаскивании.

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

3 — Нарисуйте изогнутый контур с помощью инструмента «Перо»

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

1 — Выберите инструмент «Перо» ( P ) на панели инструментов.

2 — Выберите режим Path на панели параметров в верхней части экрана.

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

3 — Щелкните один раз, чтобы поставить первую точку привязки.

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

5 — Добавьте еще одну точку правее, щелкните и перетащите вниз.Теперь вы должны увидеть приятный пологий волнообразный путь.

6 — Добавьте еще одну точку справа и растяните по горизонтали.

7 — Чтобы закончить рисование пути, просто нажмите Ctrl + щелчок (Windows) / Cmd + щелчок (Mac). Обратите внимание, как изменяется курсор инструмента «Перо» и появляется небольшая звездочка. Это означает, что когда вы снова начнете рисовать, вы начнете новый путь.

4 — Нарисуйте контур замкнутого круга с помощью Pen Tool

Замкнутый векторный контур — это просто путь, в котором первая точка привязки совпадает с последней точкой вектора, например круг, прямоугольник, звезда.Нарисуем круг.

1. Выберите инструмент «Перо» ( P ) на панели инструментов.
2. Выберите режим Path на панели параметров в верхней части экрана.
3. Щелкните, удерживайте и перетащите указатель инструмента «Перо» вверх. В этом примере мы создаем восходящую кривую.
   

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

4. Продолжите кривую, нажав, чтобы добавить новую опорную точку, и, удерживая, перетащить вниз.
   
   

Если вы допустили ошибку во время рисования, выберите Правка> Отменить новую точку привязки или нажмите Ctrl + Z (Windows) или Cmd + Z (Mac ), чтобы отменить последнюю точку, которую вы нарисовали, и повторите попытку. .

5. Наведите указатель мыши на первую опорную точку и обратите внимание, как под курсором инструмента «Перо» появляется маленький кружок. Это означает, что если вы нажмете на первую точку, вы закроете путь. Так что продолжайте и нажмите на точку.
   

Теперь ваш путь закрыт, и у вас должен получиться почти идеальный круг или, по крайней мере, правильный путь в форме эллипса.Неважно, будет ли оно немного яйцевидным :).

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

Совет: если вы удерживаете Shift при щелчке и перетаскивании, вы ограничиваете наклон направляющей линии с шагом 45 °.

5 — Объедините изогнутые и прямые сегменты контура с помощью Pen Tool

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

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

Угловые (или прямые) точки либо не имеют направляющих линий, либо имеют только одну направляющую линию, либо две направляющие линии, расположенные под углом, отличным от 180 °. (Я знаю, это немного сбивает с толку!)

Вероятно, самая сложная часть рисования с помощью Pen Tool в Photoshop — это соединение двух кривых в угловой точке. Если вы можете это сделать, вы можете рисовать пером любого типа.

В этом упражнении мы нарисуем путь ниже.

1. Выберите инструмент «Перо» или нажмите P на клавиатуре.
2. Мы начинаем с прямого сегмента, что очень просто, поэтому щелкните один раз для начальной точки (не перетаскивайте), а затем щелкните еще раз, чтобы поставить второй якорь.
   
3. Теперь мы идем по кривой. Наведите указатель на вторую точку привязки и удерживайте Alt (Windows) или Option (Mac), курсор изменится, чтобы отобразить то, что выглядит как перевернутая буква «v».Это означает, что вы собираетесь преобразовать точку из прямой в изогнутую.
   
4. Щелкните в той же точке и потяните вверх одним движением, чтобы начать кривую.
   
5. Затем щелкните и перетащите вниз, чтобы создать следующую точку привязки и завершить начатую кривую.
   
   

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

6. Чтобы этого не произошло и наша кривая снова пошла вверх, нам нужно начать новую кривую, удерживая Alt / Option + щелкнув на последней опорной точке. Вы снова увидите маленькую перевернутую букву «v». Это в основном сбрасывает изогнутую точку в прямую.
   
7. Нажмите на опорную точку еще раз и перетащите вверх, чтобы создать вторую кривую, идущую вверх. Это будет выглядеть так, как будто вы перетащили новый дескриптор поверх предыдущего.
   
8. Добавьте новую опорную точку и потяните вниз, чтобы закончить вторую кривую.
   
9. Повторите шаги 6, 7 и 8, чтобы создать третью «восходящую» кривую.
   
10. Чтобы закончить, нам нужно преобразовать изогнутую точку в прямую. Еще раз, удерживая нажатой клавишу Alt / Option , щелкните один раз на последней точке привязки.
    
11. Щелкните еще раз, чтобы поставить последнюю точку привязки. Теперь у вас должен получиться такой путь;
    
12. Ctrl / Cmd + щелкните в любом месте, чтобы завершить путь.

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

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

Больше практики с инструментом «Перо»!

Действительно хороший способ попрактиковаться в совмещении кривых и прямых точек с помощью инструмента «Перо» — это попытаться нарисовать контуры букв.Начните с простых, таких как I и Z, затем попробуйте строчные буквы T, S, P и так далее. Я даю это упражнение своим классам, и они считают его полезным. Не волнуйтесь, если ваши реплики не идеальны на этом этапе, главное — попробовать что-нибудь.

Надеюсь, вы нашли этот урок о том, как рисовать прямые контуры и кривые с помощью Pen Tool в Photoshop, полезным. Следующий навык, который нам нужно изучить в отношении рисования путей, — это как редактировать наши точки и пути. Это отдельное руководство, которое вы можете прочитать здесь.

Буду очень признателен, если вы поделитесь этим постом. Спасибо! 🙂

Загрузить бесплатную 7-дневную пробную версию Photoshop

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

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

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку, и загрузите шпаргалку панели инструментов Photoshop.

Как использовать инструмент «Перо» в Photoshop: Руководство по использованию инструмента «Перо»

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

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

Инструмент «Перо» — один из самых универсальных и инструментов Photoshop с бесконечным списком применений. Он может создавать выделения, контуры, помогать уточнять маски слоев и создавать совершенно безупречные вырезы. У этого списка нет конца. Какого черта я не любил так сильно, раньше ?!

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

Инструмент «Перо» позволяет упростить процесс выбора без всех этих дополнительных доработок. Давайте разберемся, как использовать инструмент «Перо» в Photoshop и как максимально использовать его в .

Как получить доступ к инструменту «Перо»

Доступ к инструменту «Перо» можно получить через панель инструментов.Значок инструмента «Перо» похож на старинную чернильную ручку. Вы можете быстро получить доступ к инструменту «Перо», нажав P на клавиатуре (то же самое для Mac и ПК).

Что такое инструмент «Перо» в Photoshop?

Инструмент «Перо» — это универсальный инструмент в Photoshop, который можно использовать для создания очень точных форм и контуров с помощью размещенных вручную узловых точек. Хотя инструмент «Перо» обычно используется для выделения, изначально он не использовался как «инструмент выделения». При этом созданные пути могут быть позже преобразованы в выборки.Учитывая, как много людей используют инструмент «Перо» исключительно для создания выделения, это кажется немного удивительным, не так ли?

Типы инструментов пера в Photoshop

В окне Pen Tool есть шесть различных опций. Три верхних параметра предназначены для создания новых путей / выделений, три нижних параметра — инструменты для настройки уже существующих путей. А пока давайте просто разберем варианты творческого пути.

Существует четыре версии инструмента «Перо»: инструмент «Перо», инструмент «Перо произвольной формы», инструмент «Магнитное перо» и инструмент «Перо кривизны».Вот что они делают:

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

Стандартный инструмент «Перо»

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

Инструмент Freeform Pen Tool

Инструмент «Магнитное перо»: Этот инструмент можно найти на панели инструментов только при использовании инструмента Freeform Pen Tool . Чтобы активировать его, просто отметьте поле магнитный . Инструмент «Магнитное перо» работает, автоматически привязывая путь к краям желаемого выделения. Photoshop делает все возможное, чтобы угадать, что вы пытаетесь сделать. Он намного точнее, чем инструмент Freeform Pen Tool, но все же может потребовать некоторых доработок.

Магнитный перо

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

Инструмент Curvature Pen

Обычно я использую инструмент «Стандартное перо» для создания всех выделений. Я лично считаю, что это самый универсальный инструмент, который может удовлетворить все ваши потребности в перьевых инструментах.Дополнительные инструменты для редактирования существующих контуров можно обойти, используя простые ярлыки, описанные в разделе Pen Tool Basics этой статьи.

Когда использовать инструмент «Перо» в Photoshop?

Инструмент «Перо» в Photoshop лучше всего использовать для создания очень точных выделений. В самом общем смысле я буду использовать его, чтобы вырезать объект из фона. Я часто выбираю инструмент «Перо», когда мой объект находится на сложном фоне.

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

Путь пером, созданный с помощью инструмента «Стандартное перо» на сложном фоне.

Инструмент «Перо» упрощает выбор именно того, что вы хотите. Фотошопу не нужно гадать, так как вы проделали всю работу, создав контур пером.Я считаю, что инструмент «Перо» лучше всего использовать при вырезании более однородных краев, таких как контур человека. Пытаться вырезать случайные края, такие как ветки деревьев, не является сильной стороной инструментов пера. Этот инструмент отличается простыми прямыми и изогнутыми краями. Легко и просто!

Выбор, сделанный с помощью инструмента Standard Pen Tool

Как использовать инструмент «Перо»: основы работы с Photoshop

Многие считают, что инструмент «Перо» в Photoshop устрашающий инструмент с бесконечными настройками. Но какие настройки действительно полезны? Что можно превратить в простые ярлыки? Как наиболее эффективно вырезать объект или создать форму? Давайте поговорим обо всем этом и многом другом:

Настройки панели инструментов — Параметры контура и формы

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

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

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

Создание точек привязки

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

Создание изогнутого контура пера в Photoshop

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

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

Регулировка рычагов управления анкером инструмента «Перо»

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

Вы будете регулировать рычаги управления автоматически, когда вы щелкаете и перетаскиваете мышь при создании новой точки привязки. Если вы хотите настроить кривую после создания точки привязки, удерживайте OPT (MAC) или ALT (PC) и нажимайте на рычаги управления для индивидуальной настройки.

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

Mac: Command или ПК: Control + Щелкните на точке привязки — перемещение всей точки привязки

Mac: опция или ПК: Alt + Щелкните на рычаге управления или опорной точке — отрегулируйте кривую траектории пера

Добавление и удаление точек привязки вдоль пути пера

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

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

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

Превращение траектории пера в выделенную область

После того, как вы обрисовали контур объекта, вам нужно удалить фон, используя маску слоя. К сожалению, контур пера нельзя применить к маске слоя, так как же мы можем преобразовать его в выделение?

Шаг 1:

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

Метод № 1

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

Метод № 2

Шаг 2:

Затем появится диалоговое окно « Make Selection» с просьбой установить радиус растушевки.Я всегда устанавливаю радиус растушевки 0,5 пикселя , если хочу, чтобы края выглядели реалистично резкими. Если вы хотите, чтобы у выделения было больше размытых краев, увеличьте радиус размытия до большего числа (например, 10 пикселей и выше) для более заметного размытия.

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

Когда все будет готово, нажмите OK, чтобы превратить ваш путь в выбор! Чтобы завершить процесс удаления фона, добавьте теперь активное выделение к маске слоя, чтобы удалить фон неразрушающим образом.

Эти черные и белые линии представляют собой выделение

Щелкните значок маски слоя, чтобы создать маску слоя из активного выделения

Создание новых фигур с помощью инструмента «Перо»

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

Заливка: Определяет, какого цвета будет ваша форма.

Обводка: Определяет, насколько контур определенного цвета будет окружать вашу форму. Крепление пикселей определяет толщину обводки вокруг вашей формы.

Эти настройки можно изменить в любой момент, поэтому вам не нужно беспокоиться о выборе идеальных цветов сразу же. Ниже приведены несколько примеров совместной работы обводки и заливки для создания формы с помощью инструмента «Перо».

Прозрачный штрих. Синяя заливка

Белая обводка размером 10 пикселей.Синяя заливка.

Белая обводка размером 40 пикселей. Синяя заливка

Как мы узнали ранее, инструмент «Перо» работает точно так же при создании фигур. Щелкните, чтобы добавить опорные точки, щелкните и перетащите, чтобы изогнуть края фигуры (объяснено выше в разделе Основы работы с инструментом «Перо» ). Единственная разница теперь заключается в том, что будет отображаться цветовая заливка, заполняющая промежутки между точками привязки.

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

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

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

Лично я предпочитаю использовать планшет для редактирования, это больше похоже на рисование, чем на непрерывное нажатие. С кем вы предпочитаете работать? Мышь или планшет для редактирования? Позвольте мне знать в комментариях ниже!

Если вы все еще чешете голову, у меня есть для вас ответ. Мой основной курс Photoshop охватывает множество эффективных способов вырезания изображений в Photoshop; включая перо!

Этот курс включает более 7 часов, материалов курса, 100+ результатов обучения, файлы курса до , а также и прямую поддержку от меня на протяжении всего процесса.

Мой курс Photoshop Essentials — лучший способ быстро улучшить свои навыки фотошопа (и инструмента пера!) И начать редактировать фотографии как настоящий профессионал. Вы можете получить к нему доступ ЗДЕСЬ, чтобы узнать больше о том, что он может вам предложить.

Счастливого редактирования,

-Брендан

Как использовать инструмент «Перо» в Photoshop, краткое руководство

В этом уроке показано, как начать использовать инструмент «Перо» в Photoshop.Вы найдете это проще, чем вы думаете, с этим уроком Photoshop от Колина Смита.

РИСУНОК С ПЕРОМ

Когда дело доходит до создания контура с нуля, инструмент «Перо» является наиболее распространенным вариантом. Этот инструмент может показаться вам знакомым. Это потому, что он почти идентичен инструменту «Перо» в других приложениях Adobe, таких как Illustrator

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

1 ПРЯМЫЕ ЛИНИИ

Нарисовать прямую линию легко, вы можете использовать инструмент «Линия» или инструмент «Перо».

Выберите инструмент «Перо» на панели инструментов.

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

Щелкните один раз, чтобы отметить начальную точку, затем щелкните, удерживая Ctrl, Cmd-щелчок) в другом месте (без перетаскивания), чтобы отметить конечную точку. Прямая линия соединяет точки.

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

2 изогнутых контура

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

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

3 П-образных КРИВЫХ

Создайте простую U-образную кривую. Чем дальше вы перетаскиваете, тем больше будет кривая.

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

2. Переместите указатель вправо параллельно первой точке, которую вы отметили; щелкните и перетащите вверх.
Щелкните и перетащите вверх, и теперь вы увидите создаваемую U-образную кривую. Кривая идет в том направлении, в котором вы перетаскиваете. Не волнуйтесь, если он не идеален; вы можете изменить любую кривую.

4 S-образные кривые

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

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

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

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево.Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от контура, чтобы остановить рисование.

5 M КРИВЫЕ

Кривая M немного сложнее, потому что она включает новый инструмент: инструмент преобразования точки. Инструмент точки преобразования находится под инструментом «Перо» на панели инструментов, как показано на шаге 3.

1 От начальной точки перетащите вверх.
Вы создаете маркер направления.
2.Двигайтесь вправо и параллельно, перетаскивайте вниз.
Вы сейчас создаете перевернутую U-образную кривую.
3. Теперь сложная часть: удерживая клавишу Alt (Option), перетащите вверх.
Вы сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом. Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания.Если вам нужна резкая кривая (называемая выступом), вам необходимо сначала изменить направление ручки, не затрагивая ранее нарисованную кривую. Инструмент «Преобразовать точку» — такой инструмент для этой задачи. Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

1. Поместите указатель справа от второй точки и потяните вниз

Вы только что построили М-образную кривую.

1. Ctrl-щелчок ( c-щелчок) вдали от контура, чтобы остановить рисование.

Это видео — отрывок из нового курса Колина: «Секреты выделения Photoshop CC».

Это полное руководство по выделению и вырезанию в Photoshop.

Подробнее здесь

Спасибо за проверку!

Колин

Новый курс Колина Смита

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