Работа с пером в фотошопе. Инструмент Перо (Pen Tool) в Фотошопе

Был давным-давно на PSD Tuts отличный урок-тренажер для новичков, желающих мастерски владеть таким полезным и удобным инструментом Photoshop как Pen tool (Перо в русскоязычной версии). Хотела я на него сегодня сослаться, да не вышло — что то там перекосилось на psd.tutsplus.com и картинки в уроке больше не отображаются. А туториал полезный, вот и решила я его восстановить. Итак, всем любящим Pen tool посвящается.
Вы найдете инструмент «Перо» практически в любом продукте линейки Adobe (и не только). Его функции и поведение изменяются в зависимости от приложения, но суть остается одинаковой: овладев им, вы заметите, как ускорилась и упростилась ваша работа, а результат ее стал заметно лучше. В этом уроке я расскажу вам основные принципы работы с пером в Photoshop.

PSD-файл с упражнением

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

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

1. Функции Пера

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

Freeform Pen tool — Свободное Перо
Кликните по холсту и протяните, свободно рисуя путь, будто кистью.

Add Anchor Point tool — Добавить опорную точку (якорь)
Кликните этим инструментом по созданому пути, и к сегменту добавится точка крепления.

Delete Anchor Point tool — Удалить опорную точку (якорь)
Кликните точку (якорь) — и эта точка удалится с пути.

Convert Point tool — Изменить опорную точку (якорь)

2. Горячая клавиша

P — выбирает Pen tool либо Freeform Pen tool, в зависимости от того, что вы выбирали перед этим.

3. Курсор и его формы

Pen tool принимает различные формы в зависимости от того, что вы делаете, когда его используете. Каждая из них поскажет вам на интуитивном уровне, что именно вы сможете сделать данной формой инструмента.
(Используйте Caps Lock для переключения между самим указателем и крестиком-мишенью, в указанных случаях)

— Готов начать путь

— Во время создания или редактирования пути

— При нажатии мышью

— Добавить опорную точку на путь

— Удалить опорную точку с пути

— Закрыть путь (появляется при наведении на стартовую точку пути)

— Изменить кривизну последующего сегмента (появляется при наведении на последнюю добавленную точку пути)

— Изменить опорную точку — готовность изменять существующую точку

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

— Магнитное перо

— Path Selection Tool (Выделение контура / Выбор элементов контура); Появляется, когда выбрано перо и зажат Ctrl+Alt. Позволяет скопировать путь и перенести его в нужное место.

4. Действия второго уровня

Доступны, когда путь активен и стоит галочка Auto Add/Delete (Автоматически добавлять/удалять)

1. Pen tool удаляет опорную точку при клике по одной из опорных точек в середине пути.
2. Pen tool добавляет новую точку при клике по одному из сегментов в середине пути.

5. Дополнительное управление с клавиатуры

1. Выберите опорную точку с помощью Direct Selection Tool и нажмите клавишу Delete. Удалится как сама точка, так и смежные с ней сегменты, разорвав путь на две части.

2. Pen tool + Shift : Зажмите Shift, создавая новую точку кривой Безье, чтобы ее линии управления располагались ровно под 45°, 90°, 135° или 180°.

3. Pen tool + Alt = Convert anchor point tool (Изменить опорную точку)
Превращает опорную точку прямого отрезка в опорную кривой Безье и наоборот. Кликните точку, не имеющую управляющих линий и протяните, чтобы создать их. Кликните по точке с управляющими линиями — и они исчезнут.

4. Кликнуть + Alt + протянуть = Создать точку с одной линией управления.

5. Pen tool + Ctrl = Direct Selection tool (Частичное выделение / Непосредственное выделение). Позволяет перемещать опорные точки.

6. Pen tool + Ctrl + Alt = Path Selection Tool (Выделение контура / Выбор элементов контура). Позволяет скопировать путь и перенести его в нужное место.

6. Настройки

Панель настроек (включается через Window — Options / Окно — Настройки) обычно расположена в верхней части экрана, она обеспечивает доступ к наиболее важным параметры какого-либо инструмента. Это относится и к семейству Pen tool. Просмотрите следующие параметры:

1. Presets — Выбор заготовок/пресетов
Позволяет сохранять настройки инструмента. Выставьте нужные вам параметры и сохраните в качестве пресета, чтобы быстрее вернуться к этим настройкам впоследствии.


2. Shape Layers — Формы
При выборе данной иконки, пути создаются в виде форм, видимых как в палитре Paths (Пути), так и в палитре Layers (Слои) в качестве векторных маскок.


3. Paths — Пути
при выборе данной иконки, создаваемые пути отображаются в палитре Paths (Пути).


4. Заполнение контура
третья иконка становится активной, если выбран один из инструментов формы. При этом параметре создаваемый путь становится заполненной областью. Этот параметр — отдельная история, его мы впоследствии рассмотрим подробнее.


5. Pen Tool -Выбор пера

6. Freehand Pen Tool — Свободное перо

7. Rubber Band — Резиновая нить
Этот параметр появляется в выпадающем меню настроек пера, если активирован именно Pen tool. Этот чертовски удобный параметр позволяет вам видеть кривизну создаваемого сегмента еще до того, как вы поставили очередную точку.


8. Curve fit — Настройка кривой
Появляется в выпадающем меню настроек пера, если активирован Freehand Pen Tool. Введите здесь значение, определяеющее погрешность, с которой на ваш путь будут добавляться точки. Допустимое значение — от 0,5 до 10 пикселей. Чем больше значение, тем меньше точек получится.


9. Magnetic — Магнитное перо
Появляется в виде галочки на панели настроек пера, если активирован Freehand Pen Tool. Если включить, ваш путь будет «прилипать» к пикселям. В выпадающем меню можно установить уровень прилипания: Width — расстояние, на которое может отклониться путь, Contrast — уровень контрастности, который может повлиять на путь, Frequency — частота опорных точек на создаваемом пути (чем выше значение, тем быстрее контур привязывается к месту).

Pen Pressure — учитывать или нет силу нажима при использовании планшета. Влияет на частоту расстановки точек.


10. Auto Add/Delete — Автоматически добавлять/удалять
Появляется на панели настроек пера, если активирован Pen Tool. Позволяет добавлять и удалять точки на пути обычным пером (смотрите выше, Действия второго уровня).

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


12. Layer Style — Стили
Появляется, когда выбран Shape Layer (Форма). Выбранный стиль применится к выбранной форме, если включена цепочка-связь, и к последующей созданной форме, если связь отключена.

Дополнительные хитрости

• Как и во многих других инструментах, зажав пробел, вы получите доступ к Hand tool (Рука), это позволит вам перемещать экран, не снимая выделения с пути и не сменяя инструмент.
• Выберите View — Snap To — Grid, и ваши кривые будут точно прилегать к сетке.

Упражнение

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

PS: Мы решили продолжить серию детализированных уроков по инструментам Photoshop. Встречайте — первая часть обзора Selection Tool

Творчество фанатов Pen Tool:

Комментарии

1. redisoj
   22 октября 2011 в 0:14

   Инструмент не очень простой для овечков. Весьма полезная статья.

   ICaR-Soft.ru Ответ:
   февраля 6, 2013 at 12:32 дп

   Я вижу ты тут главный чабан?

2. Вячеслав Добрынин
   22 октября 2011 в 1:55

   Доброго времени суток всем!

   Инструмент обалденный, использую постоянно в своей работе.

   Для новичков сложновато, но если приноровишься, то потом не оторвать

   Советую всем...

   «Упорство и труд — все перетрут»

   Всем удачи и творческих успехов =)

   VVV Ответ:
   января 29, 2014 at 12:29 пп

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

3. Оля
   22 октября 2011 в 12:30

   Полезная статья. Просьба: напишите, пож-та, подобную статью про инструмент Brush.

   Olga Ответ:
   октября 22, 2011 at 7:16 пп

   В планах сделать подобные обзоры на каждый инструмент Photoshop.

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

4. grv42
   25 октября 2011 в 8:17

   Не могу понять

   «при выборе данной иконки, создаваемые пути отображаются в палитре Paths (Пути)»

   А зачем вообще палитра Paths (Пути), чем она отличается от палитры Layers (Слои) ?

5. Olga
   25 октября 2011 в 11:32

   Спасибо за вопрос.

   Смотрите, на панели, или, как еще говорят, палитре Layers (Слои) отображаются все слои документа, группы слоев и эффекты, примененные к этим слоям.

   А на панели Paths (Пути) отображаются именно пути, созданные вами в процессе работы. Вы видите пути как маленькие превьюшки, они обычно автоматически нумеруются Path 1, Path 2 и так далее, а вы их можете переименовать, как вам удобней. Помимо путей, созданных непосредственно пером Pen tool, которые сохраняются как постоянные пути, в этой панели еще отображается текущая векторная маска. Другими словами, та выделенная в данный момент фигура, что вы нарисовали с помощью векторных форм.

   Понятно? или надо отдельно остановиться на панели Paths?

   Grv42 Ответ:
   октября 25, 2011 at 3:37 пп

   В целом понятно. Просто никогда не пользовался палитрой. Спасибо.

   P.S. Отличный сайт *IN LOVE*

   Olga Ответ:
   октября 25, 2011 at 4:06 пп

Я снова вас приветствую, мои дорогие читатели. Погода как обычно радует и с +1 перескочила до -10, из-за чего после позавчерашнего «плавания по лужам» вся вода замерзла и на работу я уже не шел, а катился как на коньках. Хорошо, что хоть не упал). Ну это нам не помешает нашим занятиям в фотошопе, тем более, что я еще рассказал не про все инструменты выделения области.

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

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

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

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

Увеличение опорных точек

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

Представьте, что вы сделали выделение пером, но оно у вас получилось каким-то неровным и некоторые части выделения стоят дальше, чем края самого объекта и получается, что выделение какое-то обрезанное. Это не беда, так как всё это выделение можно отредактировать и сделать четким и ровным.

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

Добавление опорных точек

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

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

Ну как? Я надеюсь, что у всех всё получается, но если есть вопросы или комментарии, то не забудьте выразить свои мысли.

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

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

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

С уважением, Дмитрий Костин.

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

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

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

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

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

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

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

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

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

Изменение контуров с помощью пера

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

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

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

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

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

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

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

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

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

Перевод статьи “How To Use The Pen Tool To Make Detailed Selections ” был подготовлен дружной командой проекта .

Хорошо Плохо

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

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

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

Режимы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заливка

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

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

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

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

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

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

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

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

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

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

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

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

Угол

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

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

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

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

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

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

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

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

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

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

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

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

Начинаем

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

Создайте новый документ (Ctrl + Shift + N)размером 284х284 пикселя. Нужно включить Сетку. Для этого перейдите в меню View ? Show ? Grid (Ctrl + ‘). Также активируйте Привязку (View ? Snap) (Shift + Ctrl + ;).

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

Выберите инструмент Pen Tool и в параметрах инструмента установите следующие значения:

Выберите любой для фигуры на своё усмотрение.

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

Попробуйте нарисовать такую звезду (или любую другую фигуру):

Рисование кривых

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

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

Постарайтесь нарисовать круг.

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

Степень кривизны зависит от того, насколько далеко Вы оттяните мышь. После того, как фигура закончена Вы всё ещё можете изменять её форму. Для этого используйте сочетание с клавишами Ctrl и Alt.

Примеры фигур

Теперь применим то, что мы изучили. Если ВЫ использовали тот же размер холста, что и я, то можете скопировать мои рисунки в Ваш документ и следовать моим якорным точкам.

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

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

Теперь попробуйте создать ещё одну фигуру:

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

В завершении давайте нарисуем иконку инструмента Pen Tool.

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

Заключение

Инструментом Pen Tool можно без труда нарисовать векторную фигуру любой формы, размер которой можно будет изменять без потери качества. Есть некоторые ограничения в пределах программы Photoshop. Лучше работать с векторной графикой в программе Adobe Illustrator.

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

Поделитесь уроком

Правовая информация

Переведено с сайта www.tutorial9.net , автор перевода указан в начале урока.