Уроки фотошопа, графика, дизайн
arrow

Учимся работать с Pen Tool

Доброго времени суток, друзья. Сегодня я расскажу вам про важный инструмент в Photoshop — Pen Tool (Перо). Этот Photoshop урок претендует на полное руководство по Pen Tool в фотошопе, поэтому, если я что-то забыл, напомните мне об этом в комментариях.

Учимся работать с Pen Tool

Инструмент Pen Tool представлен в панели инструментов в виде иконки пера — Иконка инструмента "Перо". Pen Tool имеет 2 режима работы: Shape Layer (Форма) и Paths (Путь).

Учимся работать с Pen Tool

Как можно догадаться из названия, в режиме Shape Layer перо будет создавать форму на новом слое:

Учимся работать с Pen Tool

А Paths будет создавать путь:

Учимся работать с Pen Tool

Думаю, вы поняли разницу.

Сначала мы рассмотрим режим Paths

Работаем с Pen Tool в фотошопе: Paths (Пути)

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

Учимся работать с Pen Tool

Каждая точка — это так называемый anchor point (якорь). Главная особенность Pen Tool состоит в том, что якорь можно передвигать после того, как он уже поставлен. Если в момент выставления якоря вы будете удерживать клавишу Shift, у вас получится идеально прямая вертикальная или горизонтальная линия (в зависимости от того, под каким углом вы будете ставить якорную точку):

Учимся работать с Pen Tool

Чтобы передвинуть точку, возьмите инструмент Direct Selection Tool (A)

Учимся работать с Pen Tool

Кликните им по нужной точке и двигайте её:

Учимся работать с Pen Tool

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

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

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

Учимся работать с Pen Tool

Давайте удалим вот эту точку:

Учимся работать с Pen Tool

Для этого возьмите инструмент Delete Anchor Point Tool и кликните им по точке, и она будет удалена:

Учимся работать с Pen Tool

По такому же принципу работает Add Anchor Point Tool (Добавление точки) — выберите его и кликните по любому месту на пути, появится новая точка.

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

Учимся работать с Pen Tool

Удерживая Ctrl можно перемешать точку, а если вы нажмёте на один из концов касательной, то сможете «сломать» угол:

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Для удаления пути нажмите по нему правой кнопкой мыши и выберите Delete.

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

Учимся работать с Pen Tool: Shape Layer (Форма)

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

Для наглядности, вот такое сердце рисуется с помощью Pen Tool в режиме Shape Layer за 2 минуты:

Учимся работать с Pen Tool

Форму можно сохранить (если вы собираетесь использовать её не один раз). Для этого возьмите инструмент Path Selection Tool (A) (или Direct Selection Tool), и нажмите на форму правой кнопкой мыши, в появившемся меню нам понадобится Define Custom Shape:

Учимся работать с Pen Tool

Дайте форме имя, и нажмите ОК. Теперь новая форма сохранена, и вы всегда сможете использовать её, выбрав инструмент Custom Shape (U):

Учимся работать с Pen Tool

Учимся работать с Pen Tool

Этим же способом вы можете сохранять формы, созданные в режиме Paths.

Скажу несколько слов о параметрах пересечения Pen Tool

Учимся работать с Pen Tool

Их всего 5:

Create new shape layer (создать новую форму) — Если выбран этот параметр, Pen Tool будет создавать новую форму (при этом она будет создана на новом слое).

Add to shape area (Добавить к форме) — Работает с формой на текущем слое:

Учимся работать с Pen Tool

Subtract from shape Area (Вычесть из формы) — Вычитает одну форму из другой:

Учимся работать с Pen Tool

Intersect shape area (Пересечение форм) — Активным становится только участок на пересечении форм:

Учимся работать с Pen Tool

Exclude Overlapping shape area (Исключение пересекающихся форм) — Удаляет места пересечений форм:

Учимся работать с Pen Tool

Выделение с помощью Pen Tool

Иногда Pen Tool удобно использовать для выделения объектов. Давайте рассмотрим эту возможность на конкретном примере. Возьмите любое изображение, я нашёл у себя такое:

Учимся работать с Pen Tool

Итак, допустим нужно сделать выделение памятника. Для этого активируйте Pen Tool в режиме Paths, и начинайте строить форму:

Учимся работать с Pen Tool

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

Теперь дорабатываем углы с помощью Convert Point Tool и удаляем лишние точки, словом, подгоняем форму:

Учимся работать с Pen Tool

Берем Selection Tool (A) и нажимаем правой кнопкой мыши по пути, находим Make Selection и нажимаем:

Учимся работать с Pen Tool

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

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

Учимся работать с Pen Tool

Учимся работать с Pen Tool: Штрих и заливка

Pen Tool позволяет заштриховывать и заливать пути.

Штриховка представляет собой применение какого-либо инструмента (это может быть кисть, карандаш, ластик, инструменты затемнения и осветления и т.д.) по пути. Для того, чтобы заштриховать путь, надо кликнуть по нему правой кнопкой мыши и выбрать Stroke Path:

Учимся работать с Pen Tool

Появится окно, в котором можно выбрать инструмент для штриха:

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Этот метод применяется, например, в уроке красивый фон в photoshop.

Заливка пути аналогична инструменту Paint Bucket Tool (заливка). Всё пространство между точками заполняется выбранным цветом. Чтобы выполнить заливку, достаточно кликнуть по пути правой кнопкой мыши и выбрать Fill Path (Заполнить путь). При этом заливка выполняется на текущем слое.

Что ещё можно делать с Pen Tool

Photoshop позволяет также писать текст вдоль созданного пути. Для этого нужно создать путь:

Учимся работать с Pen Tool

Взять инструмент текста (Type Tool), подвести им на то место, с которого текст должен начинаться (при этом курсор изменится) и кликнуть мышью. Всё, теперь текст будет следовать точно по проложенному пути:

Учимся работать с Pen Tool

Существует ещё инструмент Freedom Pen Tool (свободное перо):

Учимся работать с Pen Tool

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

Учимся работать с Pen Tool

Однако получаемый результат далёк от идеала, поэтому данный инструмент практически не используется.

Посмотреть все созданные пути мы всегда можете во вкладке Paths панели слоёв:

Учимся работать с Pen Tool

На этом photoshop урок подошёл к концу. Надеюсь, вы узнали много нового о том, как работать с Pen Tool в фотошопе, и этот инструмент теперь станет вашим другом :) А я желаю вам успехов и прощаюсь до новых встреч на страницах psforce.ru ;)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (6)

  1. k.maslakov k.maslakov:

    Жаль,что я познал перо не по этому уроку :(

  2. Saint888:

    Всё подробно и понятно. Спасибо за урок!

  3. KLeo:

    Спасибо! просто, понятно, адекватно и очень позновательно!

  4. галина:

    У меня здесь пробел огромный, Боже, как интересно, руки чешутся! Спасибо!!!

  5. Евгения:

    Спасибо огромное! Даже не представляете, как вы мне помогли!!!:)

  6. Ваня:

    вы крутые)

Оставить комментарий

Имя: *

Сообщение: