- Инструмент Перо (Pen Tool) в Фотошопе
- Как пользоваться инструментом “Перо” в Фотошопе
- Прямые отрезки
- Прорисовка кривых
- Свободное рисование
- Прорисовка прямых, за которыми следуют кривые
- Прорисовка кривых, после которых будут прямые
- Прорисовка двух частей кривой, которые соединяются углом
- Работа с магнитным элементом
Инструмент Перо (Pen Tool) в Фотошопе
Перо в Фотошопе применяется как основной инструмент для создания контуров и векторных объектов, методом поточечного вычерчивания. Режим создания определяется на панели параметров.
Версия Photoshop: Photoshop CS3 (2007)
Сложность: Низкая
Дата: 05.08.2011
Обновлено: 25.08.2017
Некоторые хитрости помогут вам освоить перо в Фотошопе.
Для тренировки создайте документ 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 точки накладываются друг на друга:
Финальный результат
Оставшееся преобразование – острие у восьмерки и ноль к форме яйца попробуйте привести сами.
Как пользоваться инструментом “Перо” в Фотошопе
Каждому современному человеку, даже если он не художник или дизайнер, будет полезно знать принципы работы в Фотошопе. Подробнее о том, как рисовать пером в Фотошопе и как пользоваться инструментов в принципе, будет рассказано в этой статье
Прямые отрезки
Инструмент «Перо» помогает быстро сформировать прямые отрезки. Как вырезать объект в Фотошопе?
Для этого придерживайтесь такой инструкции:
- Как сделать выделение пером в Фотошопе? Нажмите на нужный инструмент. Направьте его в то место, где будет начало отрезка. Нажмите на экран, чтобы выделить начало.
- Нажмите на точку окончания отрезка. Если нужно, чтобы угол не превышал 45 градусов, удерживайте «Shift». Нажимайте столько раз, сколько требуется дополнительных отрезков. Конечная часть будет представлена в виде закрашенного квадрата.
- Завершение создания контура осуществляется несколькими методами. Для замыкания контура переместите инструмент в самое начало работы. Если все сделано правильно, появится круг. Для закрытия контура переместите указатель. Если требуется открытый контур, удерживайте кнопку «Ctrl» или «Command». Щелкать мышкой нужно подальше от объектов.
Версии Фотошопа CS5 и CS6, сравнительная таблица:
Прорисовка кривых
Как пользоваться инструментом pen tool в Фотошопе? Для этого следует сформировать точку опоры на участке, где будет меняться направление полосы.
Далее нужно будет перетаскивать линии управления, которые и будут формировать кривую.
- Откройте Photoshop. Поместите рассматриваемый элемент в точку начала кривой и удерживайте. Сформируется опорная точка, после чего указатель будет напоминать стрелку.
- Для задания крутизны кривой, переместите указатель и отпустите мышку. Тянуть линию управления нужно на 1/3 расстояния между точками. Для ограничения движения под углом 45 градусов, удерживайте «Shift».
- Направьте инструмент в точку начала сегмента кривой. Если нужно ее сделать в форме буквы «С», перетаскивайте его в противоположное направление от линии управления. Если требуется S-образная кривая, сделайте перемещение в сторону предыдущей линии.
- Если требуется кривую линию в Фотошопе дополнить еще несколькими, перемещайте рассматриваемый элемент в другие места.
- Завершение контура осуществляется так же, как и в предыдущем случае.
Прорисовка кривых, видео:
Свободное рисование
С помощью него можно рисовать по тому же принципу, что и в случае с бумажными рисунками. Точки узлов будут добавлены автоматически.
Вы не определяете их положение, однако можете настроить.
- Нажмите на «Свободное перо».
- Для задания чувствительности, нажмите на кнопку «стрелка вниз». Она размещена на панели фигур. Задайте значения 0,5-10 в поле «Погрешность». Чем выше показатель, тем легче осуществляется прорисовка контура.
- Переместите курсор по рисунку. Когда отпустите мышь, сформируется контур для работы.
- Для продления контура зафиксируйте указатель в крайнем месте контура, сформированной в самую последнюю очередь и переместите курсор.
- Чтобы завершить формирование контура, достаточно перестать удерживать кнопку мыши.
Прорисовка прямых, за которыми следуют кривые
Для создания прямого отрезка нажмите инструментом угловые части в разных местах. Над конечной точкой поместите «Перо». Рядом с ним появится косая. Для задания крутизны ее сегмента, нажмите на опорную точку и измените положение полосы управления.
Поставьте «Перо» в месте, где будет другая точка опоры.
Для завершения кривой необходимо нажать на недавно сформированную опорную часть.
Прорисовка кривых, после которых будут прямые
Выберите и переместите указатель для создания первой угловой точки сегмента кривой и перестаньте зажимать кнопку. Направьте инструмент в то место, где будет окончание сегмента кривой. Для завершения кривой переместите указатель мыши и отпустите его.
Выберите «Угол» и выберите конечную точку, чтобы она стала элементом преломления. Для быстрой смены инструмента «Перо» на «Угол», зажмите клавиши клавиатуры «Alt» или «Option». После выберите снова «Перо» и установите его на участке, где заканчивается прямой сегмент. Щелкните мышью, чтобы закончить работу по созданию прямого сегмента.
Прорисовка двух частей кривой, которые соединяются углом
Вначале нужно переместить рассматриваемый инструмент для создания первой сглаживающей точки в сегменте кривой. После он перемещается для прорисовки кривой со второй точкой для сглаживания. Чтобы настроить крутизну другой кривой, переместите линии управления в сторону, обратную окончанию. При этом зажмите клавиатурные кнопки «Alt» или «Option». Отпустите мышь и клавиатуру.
Благодаря такому разделению точек управления, точка сглаживания станет угловой. После переместите «Перо» в точку окончания второго сегмента. Сместите новую точку сглаживания, чтобы второй сегмент кривой был завершен.
Работа с магнитным элементом
Это инструмент для формирования контуров, которые привязываются к краям конкретных частей рисунка. Вы можете сами определять диапазон и чувствительность привязки.
Есть возможность регулировать сложность контура, формируемого в конце.
Работа с пером проводится так:
- Чтобы «Свободное рисование» превратилось в магнитный аналог, поставьте специальный флажок на панели параметров. Также можно нажать стрелку вниз и установить флажок «Магнитное».
- Введите определенные параметры. В поле «ширина» задается количество пикселей (1-256). Контрастность определяется процентами (1-100). Если изображение со слабой контрастностью, следует устанавливать наибольшее значение. В поле «Частота» нужно вводить значения 0-100. Это позволит определить, с какой частотой создаются точки узлов. Чем выше показатель, тем быстрее контур привяжется к месту.
- Нажмите на изображение для установления первоначальной точки связывания.
- Чтобы прорисовать сегмент от руки, перемещайте курсор вдоль исследуемого края. Граничный сегмент, применяемый последним, будет активным. Когда двигается указатель, происходит привязка активного сегмента к заметному краю рисунка. При этом соединяется курсор с последней точкой привязки. Возможно периодическое добавление точек привязки, чтобы секции связывались между собой.
- Если не происходит привязка границы к нужному краю, один раз щелкните на него. Это позволит добавить точку вручную и границы будут фиксированными. Ведите контроль краев. Если потребуется, увеличивайте число точек привязки. В случае ошибки следует нажать на «Delete».
- Чтобы динамично поменять свойства «Магнитного пера», можно перетаскивать курсор, зажимая при этом «Alt» или «Option». Так вы нарисуете контур от руки. Для прорисовки прямых сегментов, нажмите на мышь и клавиатурные кнопки «Alt» или «Option». Чтобы уменьшить ширину магнитного пера на 1 пиксель, нажмите на клавишу «[». Чтобы увеличить этот показатель, потребуется обратная скобка.
Как видите, работать с инструментом «Перо» в Фотошопе нетрудно. Принцип работы зависит от того, какие именно контуры нужно сформировать.