Инструмент перо в фотошопе как пользоваться
Перейти к содержимому

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

  • автор:

Инструмент Перо (Pen Tool) в Фотошопе

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

Версия Photoshop: Photoshop CS3 (2007)

Сложность: Низкая

Дата: 05.08.2011

Обновлено: 27.06.2023

Инструмент «Перо» (Pen Tool / P) на примере Photoshop CC (2014) (Rus)

Некоторые хитрости помогут вам освоить перо в Фотошопе.

Для тренировки создайте документ 600 х 600 px, разрешение 150, фон белый:

Для работы с «контурами» используют эти инструменты:

Для начала нужно запомнить следующее:

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

А если нажать Левой Кнопкой Мыши (ЛКМ) и протянуть — получите кривую Безье, с возможностью настройки ее кривизны. В данном случае, узлы будут гладкими.

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

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

Давайте попробуем:

Включите инструмент «перо», включите режим «контур» и выполните 1-й пример (вверху).

Затем нажмите клавишу Esc (чтобы закончить вычерчивание первого контура) и выполните ниже 2-й пример:

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

Для этого в процессе создания контура подведите инструмент к ранее созданному узлу, и вы увидите значок «минус» – щелкнув им на узле – можно удалить ненужную точку (Перо с минусом не разрывает контур. Для разрыва контура нужно выделить узел и нажать Delete).

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

В нарисованных контурах различают узлы: гладкий, угловой и узел стыка.

Гладкий узел – обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

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

Узел СТЫКА (ОСТРЫЙ узел) – используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить прямолинейный сегмент и криволинейный с резким переходом.

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

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

При перемещении с клавишей Alt контур будет дублироваться.

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

При перемещении вид стрелки изменится (см. рисунок ниже – б)).

Белой стрелкой можно изменять и сами сегменты.

Если сегмент криволинейный – при его перемещении он будет изменяться (вытягиваться и/или гнуться) — см. рисунок ниже – в).

Если контур прямолинейный – он будет просто перенесен (см. рисунок ниже – г)).

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

Например, если нужно изменить гладкий узел в узел стыка.

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

Для работы с цифрами этих знаний достаточно, а рисовать будем вот что:

Начнем с самых простых чисел – 1 и 4.

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

Сначала разберемся с одиночными дугами. Дуга имеет одно свойство – она настраивается.

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

Ниже показан пример. Старайтесь располагать узлы там, где они расставлены.

Строго горизонтальные, вертикальные или под 45° прямолинейные сегменты вам поможет сделать клавиша Shift, не забывайте ее держать, когда это требуется. А чтобы не запутаться начинайте с первого узла.

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

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

Рисуются эти цифры одинаково, только одна сверху вниз, а другая снизу вверх.

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

У цифр 2, 3, 7 и 5 – есть точки стыка и нужно научиться ими управлять.

Рассмотрим на примере цифры 2. Выполните примерное вычерчивание контура, ну а потом будем его поправлять:

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

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

Попробуйте сами нарисовать:

Ну и оставшиеся цифры 8 и 0. Они обе замкнутые и гладкие и состоят из трех узлов.

Во всех узлах выполняется протягивание. 1 и 3 точки накладываются друг на друга:

Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.

Автор: Наталия Васильева ;

Другие материалы по теме:

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

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

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

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

Выберите инструмент «Перо» (P) .

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

Нарисуйте контур с опорными точками и ручками.

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

Инструмент «Перо» в Фотошопе: как пользоваться

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

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

Смотрите также: «Как убрать морщины в Фотошопе»

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

Инструмент перо в Фотошопе: как пользоваться

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В Photoshop предоставляется несколько инструментов «Перо», которые подойдут для ваших вариантов использования и стиля:

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

Используйте сочетание клавиш Shift+P для циклического просмотра инструментов в группе «Перо».

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

Примечание.

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

Инструмент «Трассировка с учетом содержимого»

Инструмент «Трассировка с учетом содержимого» представлен как функция «Просмотры технологии» в выпуске Photoshop за октябрь 2020 г. Он позволяет создавать векторные контуры и выделенные области путем наведения курсора на края изображения и нажатия кнопки мыши.

Включите инструмент «Трассировка с учетом содержимого» в разделе Установки > Просмотры технологии , затем перезапустите Photoshop.

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

В группе инструментов «Перо» выберите Инструмент «Трассировка с учетом содержимого» .

Инструмент «Трассировка с учетом содержимого»

Инструмент «Трассировка с учетом содержимого»

Наведите курсор на край объекта, чтобы выделить его.

Инструмент «Перо трассировки с учетом содержимого»

Инструмент «Перо трассировки с учетом содержимого»

Примечание.

Различные уровни масштабирования будут влиять на то, как Photoshop видит изображение и, следовательно, как инструмент определяет края. Например, если вы работаете с изображением с низким разрешением, масштабирование может помочь Photoshop определить край. Увеличение масштаба (до 100 % или более) приведет к тому, что инструмент для определения краев будет использовать разрешение в пикселях по умолчанию 1-1.

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

Инструмент «Трассировка с учетом содержимого»

Инструмент «Трассировка с учетом содержимого»

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

Инструмент «Трассировка с учетом содержимого»

Инструмент «Трассировка с учетом содержимого»

Чтобы удалить область из контура, удерживайте клавишу Alt (Windows) или Option (Mac) и щелкните область. Также можно щелкнуть и перетащить в нужном направлении для удаления больших частей.

Инструмент «Перо трассировки с учетом содержимого»

Инструмент «Перо трассировки с учетом содержимого»

Детализация

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

Ползунок «Детализация»

Ползунок «Детализация»

Трассировка

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

Трассировка

Трассировка

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *