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

Тема 14. Рисование. Инструмент перо.

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

Итак, выберите на панели инструментов инструмент «Перо»

Панель параметров этого инструмента такая же как у инструментов типа «Фигура»:

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

Свободное перо — очень похож на инструмент «Лассо», только тот создает выделение, а «Свободное перо» — контур. Его хорошо использовать тем, кто может точно рисовать курсором мыши.

Магнитное перо — «Свободное перо» станет «Магнитным пером», если поставить галочку у «Магнитное». Этот инструмент применяется для точного выделения объектов (впрочем также как и инструмент «Перо»).

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

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

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

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

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

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

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

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

Для закрепления этого материала, потренируемся рисовать цифры:
1. Берем инструмент «Перо» и щелкаем в точке 1, отпускаем.
2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.
3. Щелкаем в точке 3 и, не отпуская, протягиваем дугу нужной формы.
В панели «Контуры» сохраните контур с именем «Цифра 1» и создайте новый контур с именем «Цифра 2». Будем рисовать цифру 2.
1. Берем инструмент «Перо» и щелкаем в точке 1, отпускаем.
2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.
3. Щелкаем в точке 3 и, не отпуская, протягиваем вниз и влево до образования дуги нужной формы.
4. Щелкаем в точке 4 и, не отпуская, протягиваем вверх до образования дуги нужной формы.
5. Щелкаем в точке 5 и, не отпуская, протягиваем вниз и вправо до образования дуги нужной формы.
В панели «Контуры» создайте новый контур с именем «Цифра 3». Будем рисовать цифру 3.
1. Точки 1-5 нарисуйте также как в предыдущих цифрах.
2. Возьмите инструмент «Угол», щелкните по точке 3 и, не отпуская, протяните немного вниз. Теперь ухватитесь за нижнюю балансировочную точку и протяните ее вверх и влево.
3. Теперь возьмите инструмент «Стрелка» (белая стрелка), ухватитесь за точку 3 и опустите ее чуть ниже и правее. Готово.
Нарисуйте так все цифры, это очень хорошая тренировка. В следующий раз познакомимся с инструментом «Магнитное перо».

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

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

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

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

Дата: 05.08.2011

Обновлено: 27.06.2023

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

Для тренировки создайте документ 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 точки накладываются друг на друга:

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

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

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

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

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

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

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

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

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

Именно для таких ситуаций и разработаны инструменты группы Перо , которые вы найдёте, щёлкнув значок на уже знакомой палитре.
- Перо. Инструмент позволяет создавать векторные контуры на основе нарисованных на холсте опорных точек. Вы ставите точки, перо рисует линии. Границы контура легко меняются. Впрочем, об этом инструменте мы будем говорить всю оставшуюся часть статьи.
- Свободное перо. Создаёт контур на основе нарисованных вами от руки уже не точек, а линий.
- Добавить опорную точку. Используется для изменения уже существующего контура. Позволяет изменить его форму, переопределив направляющие, переместив существующие или добавив новые узловые точки.
- Удалить опорную точку. Как и предыдущий инструмент, нужен для работы с формой уже нарисованного контура, но, в отличие от него, позволяет не добавлять, а удалять узловые точки.
- Угол. Даёт возможность сменить тип узловых точек.
Теперь сделайте следующее:
1. Создайте новый документ Photoshop с произвольными настройками.
2. Выберите инструмент Перо .
3. Щёлкните там, где должен начинаться контур. Так вы создадите первую опорную точку. В ней будет начинаться отрезок.
4. Щёлкните кнопкой мыши там, где грань контура должна заканчиваться. Чтобы угол наклона сегмента не превышал 45 градусов, во время щелчка удерживайте нажатой клавишу Shift .
5. Добавьте третью опорную точку там, где должен заканчиваться второй отрезок (выходить он будет из первой опорной точки).
6. Добавляйте столько опорных точек, сколько нужно. Чтобы завершить контур, щёлкните в первой опорной точке. Если указатель установлен верно, рядом с пером появится окружность. Если же вы хотите оставить контур открытым, просто выберите другой инструмент.
С помощью пера можно рисовать и дугообразные кривые лини. Для этого.
1. Щёлкните кнопкой мыши в первой опорной точке и, удерживая её нажатой, перемещайте указатель, задавая таким образом крутизну части будущей линии. Когда всё готово, отпустите кнопку мыши.
1. Щёлкните кнопкой мыши на второй опорной точке, а затем, удерживая её нажатой, задайте кривизну и форму дуги.
Для создания C-образной линии перемещайте указатель в сторону, противоположную от направляющих первой узловой точки.

Чтобы получить S-образную линию, двигайте указатель мыши в ту же сторону, в которую перемещали его при создании предыдущей точки.
1. Аналогичным образом нарисуйте остальные грани контура.
2. Для завершения щёлкните на первой опорной точке.
Таким достаточно простым способом инструмент Перо позволяет рисовать сложные элементы.

Полезные ссылки:
- Бесплатные видеоуроки по Фотошопу;
- Каталог платных курсов по Фотошопу видеоуроки по разным направлениям;
- Курсы для фотографов;
- Полноценный онлайн курс по веб-дизайну с нуля от SkillBox.
Похожие публикации: