Инструмент Перо (Pen Tool) в Фотошопе. Приёмы использования инструмента «Перо» (Pen tool) в Illustrator
Инструментом Перо (Реп Tool) , который находится на панели инструментов, овладеть, пожалуй, труднее всего, однако он является самым точным и гибким из всех инструментов выделения. Перо (Реп Tool) используется, как основной инструмент для создания контуров и различных фигур. Переключение между этими режимами производится на палитре настроек инструмента. Контур можно редактировать, добавляя, удаляя или перетаскивая точки на нем. В этой статье описаны основные настройки и функции инструмента Перо (Реп Tool) .
Панель инструментов.
Инструмент Перо (Реп Tool) можно активировать через панель инструментов, кликнув на иконке инструмента, либо с помощью клавиши быстрого вызова (Р) . Если в панели инструментов кликнуть на иконке инструмента Перо (Реп Tool) правой клавишей мышки, то откроется меню с набором инструментов группы «Перо» для редактирования контуров:
1 . Перо (Реп Tool) - основной инструмент при работе с контурами и фигурами. Переключение между этими режимами производится на палитре настроек инструмента (мы их рассмотрим позже). Инструмент Перо (Реп Tool) вычерчивает прямую или кривую линию от одной опорной точки до другой. Чтобы установить опорную точку, достаточно кликнуть левой кнопкой мышки на рабочем документе. Затем кликните в другой точке документа, чтобы установить вторую опорную точку, если при этом Вы не отпустите кнопку мышки и начнёте отводить контур в сторону, то линия получится кривая. Чтобы замкнуть контур, кликните в начальной опорной точке.
2 . - инструмент, ближайшей аналогией которого является Лассо (Lasso Tool) . Отличие только в том, что Лассо создает выделение, а данный инструмент - контур. Этим инструментом удобно пользоваться только в том случае, если Вы можете очень точно рисовать курсором, так как контур полностью повторяет его траекторию. Как правило, при помощи мыши так не получается, и поэтому Свободное перо (Freeform Pen Tool) пользуются в основном владельцы диджитайзеров (панели для рисования). В панели настроек инструмента возможно включение режима Магнитное (Magnetic) . В этом режиме Перо очень напоминает инструмент Магнитное лассо (Magnetic LassoTool) , с той лишь разницей, что Перо создает путь, а не выделенную область.
3 . Добавить опорную точку (Add Anchor Point Tool) - добавить опорную точку контура. Один из самых необходимых инструментов редактирования контура. Например, если Вам нужна дуга, то можно сделать её следующим образом: при помощи пера построить прямую линию, затем добавить опорную точку на середину линии, отпустить клавишу мышки, а затем вытянуть линию вверх или вниз. Очень быстро и удобно. Если не отпускать кнопку мышки и отвести контур в сторону, то линия получится кривая.
4 . Удалить опорную точку (Delete Anchor Point Tool) - инструмент, противоположный предыдущему, который удаляет опорную точку контура простым щелчком мыши на точке, которую необходимо удалить.
5 . Угол (Convert Point Tool) - инструмент преобразует опорную точку на сглаженном участке контура в угловую и наоборот простым щелчком мышки по выбранной точке.
Панель настроек инструмента.
Инструмент Перо (Реп Tool) имеет множество настроек. На панели так же имеются настройки имеющие отношение к другим инструментам рисования фигур, которые в рамках этого урока мы не будем рассматривать. Инструмент Перо (Реп Tool) имеет два режима работы: с контурами и фигурами. Итак, коротко разберёмся с настройками инструмента:
1. Настройки инструмента . Позволяет сохранять настроенные образцы инструмента. Определите параметры, которые мы рассмотрим ниже, и сохраните в качестве образца, задав им своё имя, чтобы быстрее вернуться в эти настройки позже.
2. Режим Слой-фигура (Shape Layers) . При выборе данной иконки, контуры создаются на новом слое, как фигуры, видимые в палитре Слои , как векторные маски и заливаются выбранным цветом.
3. Стиль слоя . Позволяет выбрать стиль слоя для создания фигур. Набор стилей можно выбрать из выпадающего меню.
4. Режим Контуры (Paths) . Это режим создания рабочего контура. Рабочий контур невидим на изображении, но видим в палитре Контуры , и его можно сохранять и использовать для дальнейшей работы в качестве фигуры или для создания выделения. В частности, этот режим очень удобен для выделения объекта и переноса его на другой фон. Если кликнуть правой клавишей мышки на созданном контуре, откроется меню с командами: Создать векторную маску ; Удалить контур ; Определить произвольную фигуру ; Выполнить заливку контура ; Выполнить обводку контура ; Обтравочный контур и Свободное трансформирование контура .
6. Просмотр . Если стоит галочка, то будет видна линия контура до образования следующей опорной точки.
7. Настройки инструмента Свободное перо (Freeform Pen Tool) :
1 . Погрешность - введенное значение определяет точность работы инструмента. Чем выше значение, тем более точным будет Ваш результат. Требуется от 0,5 до 10 пик.
2 . Параметры определяющие ширину области и контрастности пикселей для точность прилипания пути и частоту образования опорных точек.
3 . Нажим пера. Влияет на ширину пера, при работе с графическим планшетом.
Инструмент Перо (Pen Tool) присутствует практически во всем диапазоне продукции Adobe. Его функции и применение варьируются в зависимости от используемого приложения, и, освоив Перо (Pen tool), вы будете работать значительно быстрее, качественнее и с лучшими результатами. В этом уроке вы узнаете, как использовать Перо в программе Photoshop.
Прежде чем начать изучение инструмента, скачайте файл PSD с упражнением (http://d2f8dzk2mhcqts.cloudfront.net/221_Pen_Tool/Pen_Tool_Exercise.psd.zip) и, следуя рекомендациям в уроке, попробуйте сами создать подобный контур.
Функции
Перо (Pen Tool) : кликните по холсту, создавая контур из нескольких прямых сегментов. Кликните и перетащите манипуляторы из опорной точки для создания контуров с изогнутыми линиями, так называемыми «кривыми Безье». (http://en.wikipedia.org/wiki/Bézier_curve) . Используя манипуляторы, можно округлять сегменты, выстраивая плавные очертания контура.
Инструмент «Свободное перо» (Freehand Pen tool) : щелкните по холсту и свободно рисуйте, как если бы вы рисовали кистью.
Инструмент «Добавить опорную точку» (Add Anchor Point) : щелкнув по любому сегменту контура, вы можете добавить дополнительную опорную точку.
Инструмент «Удалить опорную точку» (Delete Anchor Point) : щелкнув по любой опорной точке контура, вы можете удалить ее с него.
Инструмент «Угол» (Convert Point tool) : нажмите на любую точку контура и вытяните из нее манипуляторы для изменения формы сегмента. Чтобы удалить манипуляторы с опорной точки, снова щелкните по ней.
Сочетание клавиш
Клавиша P: Выбор инструмента Перо (Pen Tool) или Свободное Перо (Freeform Pen tool) в зависимости от того, который был последним установлен в панели инструментов.
Курсоры
Инструмент Перо (Pen tool) принимает различные формы в зависимости от того, что именно вы делаете, когда его используете.
Клавиша Caps Lock выполняет переключение между указателем (иконка) и перекрестием инструмента.
– подготовка к началу создания контура;
– в процессе создания или редактирования контура;
– при нажатии мышью;
– добавить опорную точку контура;
– удаление опорной точки с контура;
– возврат в начальную точку контура при его закрытии;
– остановка на конечной точке во время создания контура для ее редактирования;
–подготовка для преобразования опорной точки;
–свободное перо;
– магнитное свободное перо;
– инструмент Direct Selection Tool (Стрелка) . Активируется также инструментом Перо (Pen Tool) с нажатой клавишей Ctrl (Сommand) .
– инструмент Path Selection Tool (Выделение контура) . Активируется с инструментом Перо (Pen tool) c нажатыми клавишами Alt+Ctrl (Alt+Command) .
–время остановки над холстом с нажатой клавишей Ctrl, подготовка для опций меню.
Вторичное управление мышью (во время создания контура автоматическое добавление (Add) /удаление (Delete) ) опорных точек).
Инструмент Перо при подведении мыши к любой опорной точке контура изменяется на инструмент «Удалить опорную точку» (Delete anchor point tool) .
Инструмент Перо при подведении мыши к любому сегменту контура изменяется на инструмент «Добавить опорную точку» (Add anchor point tool) .
Управление клавиатурой
Нажатие Ctrl и клик по холсту открывает меню опций;
Нажатие Shift на опорной точке контура выполняет управление кривой под углами 45, 90, 135 или 180° при ее создании или редактировании;
Выбираем опорную точку контура инструментом «Стрелка» (Direct selection tool) и нажимаем клавишу Delete (Удалить) . Удаляется данная опорная точка и два прилегающих к ней сегмента;
Сочетание Перо (Pen Tool) +Alt активирует инструмент «Угол» (Convert anchor point tool) ;
Сочетание Перо (Pen Tool) +Alt позволяет редактировать контур, используя на узловой точке кривую Безье. Разбивает кривую на две рукоятки.
Сочетание Перо (Pen tool) +Ctrl во время создания контура активирует инструмент «Стрелка» (Direct Selection Tool) , позволяющий переместить созданные ранее опорные точки.
Параметры
Панель параметров (Windows-Options) , как правило, расположена в верхней части экрана, и содержит наиболее важные настройки для выбранного вами инструмента.
Это также относится и к инструментам группы Перо (Pen Tools) .
1. Наборы (Presets) : данная опция позволяет сохранять созданные наборы выбранного вами инструмента. Определяет опции, показанные ниже, и сохраняет созданный набор для быстрого возврата к нему в случае необходимости. Сохранение набора выполняется нажатием на иконку нового набора справа (выглядит, как иконка нового слоя) .
2. Слой-фигура (Shape Layers) : вторая иконка в панели параметров. При ее активации контур будет создаваться в виде векторной фигуры с заданным цветом. Отражается в палитре «Контуры» (Paths) и в панели «Слои» (Layers) в виде векторной маски.
3. Контуры (Paths) : третья иконка в панели параметров. Выглядит, как перо в рамке. При ее активации контур создается обычным способом. Отражается в панели «Контуры» (Paths) .
4. Заливка пикселей (Fill Pixels) : четвертая иконка в панели параметров. Активируется при выборе любого инструмента векторных фигур. При создании фигуры заполняется выбранным цветом заливки.
Перо (Pen Tool) : эта иконка активирует инструмент Перо.
Свободное перо (Freehand Pen Tool) : активирует инструмент Свободное перо (Freehand Pen Tool) .
Резиновая лента (Rubber Band) или просмотр контура: эта опция доступна при активации инструмента Перо (Pen Tool) . Помогает представить визуально контур, который вы хотите создать, без необходимости нажатия мышью на холсте.
Кривые (Curve fit) (Freehand Pen Tool) . Позволяет установить свои настройки для создания контура. Введенное значение погрешности определяет точность, с которой манипуляторы Безье будут добавлены к вашему свободному контуру. Чем выше значение, тем точнее будет ваш результат. Требуемое значение от 0,5 до 10 рх.
Магнитное перо (Magnetic) : опция доступна при активации инструмента «Свободное перо» (Freehand Pen) . Позволяет создавать контур по краю изображения, как бы «примагничиваясь» к пограничным пикселям. В параметрах настройки инструмента можно задать ширину области контура, контрастность пикселей и частоту (кол-во) опорных точек контура.
Опция «Нажим пера» (Pen Pressure) : доступна при активации инструмента «Свободное Перо» (Freehand Pen Tool) . позволяет при использовании планшета выполнять имитацию нажима на ручку, влияет на толщину пера.
Автоматическое добавление/удаление (Add/Delete) : опция доступна при активации инструмента Перо (Pen tool) . Позволяет добавлять или удалять опорные точки при создании контура (см. главу «Вторичное управление мышью») .
Варианты выделения контуров (Pathfinders) : эти параметры позволяют выполнить добавление контуров, вычитание, их исключение и пересечение.
Стиль слоя (Layer Style) : опция доступна при активации параметра слоя-фигуры (иконка рамки в верхней панели настроек) . При выбранном вами в верхнем выпадающем меню стиле слоя создается векторная фигура с заданными параметрами как отдельный слой (если активна иконка скрепки) или на текущем слое (если иконка скрепки не активна) .
В состоянии выделения контура клавиша Пробел (Spacebar) активирует инструмент «Рука» (Hand Tool) , позволяющий выполнять прокрутку изображения на экране монитора без снятия выделения контура или смены инструментов.
Переходим в меню Просмотр - Показать – Сетку (View > Snap To > Grid) для более точного создания контура.
Перетаскиваем манипуляторы из первой опорной точки, когда начинаем создавать кривую контура;
Перетаскиваем манипуляторы вокруг одной трети кривой для округления вашего контура.
Располагайте опорные точки на кривой там, где контур начинает изменять направление, но не в середине контура.
Используйте опорные точки дозировано: чем их меньше, тем аккуратнее контур.
Упражнения
Теперь, чтобы лучше закрепить теоретический материал, выполните наше практическое упражнение. Скачайте его из ресурсов урока и попробуйте самостоятельно создать контур букв, следуя рекомендациям статьи.
Программа Phoroshop помимо широких возможностей обработки готовых изображения, например, фотографий, предоставляет много разнообразных возможностей для рисования. Рисовать можно инструментами карандаш, кисть. При этом сразу создается растровое изображение. Исправлять нарисованное можно стирая созданные элементы резинкой.
Инструмент Pen Tool (Перо) предназначен для рисования векторных контуров. Векторные контуры можно сохранять, редактировать, увеличивать, уменьшать. Возможности этого инструмента безграничны. Но освоить работу с ним не просто.
Что такое контуры и зачем они нужны
Контуры - это векторные объекты-линии, служебные обьекты, которые позволяют легко и быстро создавать интересные изображения. В общем случае контур состоит из одного или более прямых или криволинейных сегментов. Узловые точки отмечают положение конечных точек сегментов контура. Форма сегментов контура определяется направляющими, выходящими из узловых точек.
Контуры сами по себе в Photoshop не имеют ни толщины, ни цвета. Они являются вспомогательным инструментом для выполнения различных действий: выделений сложной формы, построения изображений, для криволинейного расположения текста (вдоль какой-то кривой) и т.д.
Контур может быть замкнутым, не имеющим ни начала, ни конца (к таким контурам относятся эллипсы и произвольные многоугольники),
или открытым, имеющим отдельные конечные точки (например, зигзаг или волнообразная линия).
Контуры сохраняются в текущем документе совместно с растровыми объектами. Все имеющиеся в документе контуры доступны на палитре Paths (Контуры) .
Что можно делать с контуром?
1.Построить какой-либо контур, обвести его (команда Stroke Pass, нажимаете на контуре правой кнопкой - выбираете из меню), чтобы образовалась линия (указать инструмент для обводки, выбрав предварительно цвет, толщину и другие параметры);
2.Если контур замкнутый можно окрасить внутреннюю область в какой-либо цвет (команда Fill Pass, нажимаете на контуре правой кнопкой - выбираете из меню)или преобразовать контур в выделение (команда Make Selection, нажимаете на контуре правой кнопкой - выбираете из меню).
Рисование фигур (прямоугольников, эллипсов и т.д.) по своей сути представляет собой рисование встроенных контуров определенной формы, внутренняя область которых окрашивается в выбранный цвет.
Как рисовать контур произвольной формы?
Рисовать контур нужно инструментом Pen Tool (Перо).
Чтобы нарисовать прямолинейный контур вы определяете положение узловых точек контура щелчками мыши, а программа Photoshop автоматически соединяет их прямыми линиями.
Для создания криволинейного сегмента контура нужно щелкнуть точку изменения направления кривой и, не отпуская левую клавишу мыши, перемещать указатель. На холсте появится направляющая (она определяет изгиб сегмента) и кривая, которая будет плавно изгибаться вслед за перемещением мыши. Когда кривая примет требуемую форму и размер, нужно отпустить мышь.
Если при работе инструментом удерживать нажатой клавишу «Shift», будет создан контур правильной формы (соседние точки преломления будут располагаться под углами, кратными 45°, а точки сглаживания будут размещаться на дуге воображаемой окружности).
Инструменты группы Перо
Инструмент панели инструментов фотошоп Pen Tool (Перо) включает несколько инструментов:
инструмент Pen Tool (Перо) - предназначен для вычерчивания векторного контура (контур задается набором его узловых точек);
инструмент Freeform Pen Tool (Свободное перо)
- предназначен для вычерчивания векторного контура (контур задается набором нарисованных от руки линий);
инструмент Add Anchop Point Tool (Добавить опорную точку) - предназначен для добавления новых узловых точек к имеющемуся векторному контуру, с его помощью можно изменить форму контура, переместить узлы или направляющие;
инструмент Delete Anchop Point Tool (Удалить опорную точку) - предназначен для удаления существующих узловых точек из векторного контура, с его помощью также можно изменить форму контура, переместить узлы или направляющие;
инструмент Convert Point Tool(Угол) - предназначен для изменения типа узловых точек и формы существующих векторных контуров.
По умолчанию в группе «Перо активен инструмент Pen Tool (Перо), для выбора другого инструмента этой группы нужно нажать правую клавишу мыши на кнопке группы (не отпускать ее несколько секунд), а затем щелкнуть название требуемого инструмента в появившемся на экране меню.
Для вызова инструментов группы «Перо» служит также «горячая» клавиша «Р» . При нажатии этой клавиши активизируется последний использованный инструмент группы. Для переключения между инструментами группы нужно одновременно нажать клавишу «Р» и клавишу «Shift» (в результате каждого нажатия активизируется следующий по списку инструмент).
Панель настройки параметров инструмента Перо
На панели настройки параметров инструмента Перо необходимо отметить следующие элементы:
Далее с помощью соответствующих кнопок можно прямо с панели параметров перейти к инструменту Pen Tool (Перо), Freeform Pen Tool (Свободное перо), Rectangle Tool (Прямоугольник), Rounded Rectangle Tool (Прямоугольник со скругленными углами), Ellipce Tool (Эллипс), Polygon Tool (Многоугольник), Line Кнопки отвечают за установку того или иного режима комбинирования контуров (новый контур, добавление к существующему контуру, вычитание, пересечение контуров и т.д.) и аналогичны таким же настройкам инструментов выделения.
Для режима Shape Layers (Слой-фигура) есть кнопки
- Стиль - предназначен для выбора стиля, который будет использоваться при оформлении заливки контура. Щелкнув по кнопке раскрытия списка, можно просмотреть доступные образцы стилей Photoshop CS4
- Поле Цвет - предназначено для отображения и изменения цвета заливки контура. При щелчке мышью по полю на экране появляется диалоговое окно выбора цвета, в котором пользователь может задать желаемый цвет заливки контура.
Вам показалось, что все очень сложно? Ничего подобного! Простой пример . Попробуйте, все получится!
Многих волнует вопрос, с какой стороны подойти к инструменту Перо?
Данная фотошоп статья наконец ответит на этот животрепещущий вопрос и расскажет вам о базовых основах работы с группой инструментов Перо. Возможности, которые вы получаете овладев этим инструментом, просто безграничны.
Этот материал окажет вам неоценимую помощь в выполнении различных фотошоп уроков.
Инструменты группы "Перо" и работы с контуром: и
Инструмент Перо позволяет рисовать векторные объекты. Самый главный принцип в векторном искусстве заключается в способности изменять форму объекта после его создания без изменения качества.
Итак, все начинается с Пера .
Будем рассматривать инструменты группы "Перо" на примере яйца! Причем не простого, а золотого! Теперь бегом в холодильник, потому что рисовать мы будем с натуры:)
У яйца как вы знаете форма необычная, от руки нарисовать такие сглаженные края очень трудно.
Возьмите и нарисуйте вот такую фигуру:
Это конечно не яйцо, а какой-то неотесанный камень.
Перед тем как приступать к сглаживанию, познакомимся с двумя инструментами - это:
Редактирование контура
Выделение контура
Если вы щелкните черной стрелкой () по контуру, то на углах объекта появятся черные точки, и вы сможете легко передвигать контур.
На самом деле заливка также перемещается вместе с контуром, только немного отстает.
Если вы щелкните по пустому контуру этим инструментом, то появятся белые точки.
Если вы кликните по белой точке или выделите, как показано на рисунке, то она станет черной и ее можно будет трансформировать. При этом все остальные точки не двигаются.
Таким образом вы можете редактировать контур.
Теперь приступим к самому интересному, будем учиться изгибать прямые линии.
Посмотрите еще раз на наше неотесанное яйцо. Даже курица скажет, что на яйцо это не похоже. Так и хочется сравнять углы и сделать все ровненько.
Возьмите тогда инструмент и проставьте дополнительные точки на середине каждого прямого отрезка.
Теперь, чтобы прямая изогнулась нужно потянуть за серединку, то есть за ту дополнительную точку, которую мы установили.
Вы заметили, что от черной точки отходят два усика - это направляющие. Если взяться за кончик усика и потянуть его например вниз, мы изменим контур вот таким образом:
Кроме того, точки можно удалять с помощью инструмента
Мы лишились половины яйца.
С помощью этого инструмента вы сможете сглаживать углы. Кликаете по угловой точке и вытягиваете из нее направляющие, далее придаете нужную форму.
Если вы хотите попробовать нарисовать яйцо от руки, то возьмите Перо произвольной формы
Нарисуйте нужную форму:
У вас надеюсь лучше!
Затем берете стрелку редактирования и получаете что-то подобное:
Если вы хорошо усвоите этот материал и будете много тренироваться в рисовании не только яиц, а чего-нибудь посложнее, то вскоре достигните невероятных результатов в рисовании.
Перо станет вашим любимым фотошоп инструментом.
Вот посмотрите, что случается с хрупкими продуктами как яйца, когда мимо пробегают беспардонные мышки.
Этот простой в использовании пошаговый урок научит вас рисовать контуры и фигуры с помощью нового инструмента Curvature Pen Tool (P) (Перо кривизны) в Photoshop CC 2018. Так же вы узнаете, как преобразовать созданные контуры в слои-фигуры, векторные маски и выделение.
Видео: как рисовать с помощью инструмента «Перо кривизны»
Одной из самых значимых возможностей в Photoshop CC 2018 является новый инструмент Curvature Pen Tool (P) (Перо кривизны). «Перо кривизны» является упрощённой версией стандартного инструмента Pen Tool (P) (Перо). Он позволяет нам рисовать сложные фигуры и контуры без необходимости редактировать направляющие или запоминать клавиатурные комбинации. Использовать инструмент «Перо кривизны» так же просто, как добавлять опорные точки, щёлкая по рабочему холсту. Photoshop использует тпкие точки для автоматического рисования вашего контура. Как следует из его названия, инструмент «Перо кривизны» по умолчанию рисует изогнутые линии. Я так же покажу вам, как при помощи него рисовать прямые линии и переключаться между изогнутыми и прямыми линиями по мере необходимости. Подобно стандартному инструменту «Перо», вы так же легко сможете преобразовать контуры в выделение, позволяя любому, даже начинающему пользователю, создать идеальное выделение в Photoshop. Посмотрим, как это работает!
Инструмент Curvature Pen Tool (P) (Перо кривизны) доступен только в Photoshop CC 2018, поэтому вам необходимо обновить свою программу. Если вы являетесь подписчиком Creative Clouds, вы можете обновить свою программу, используя данный в качестве помощника. Давайте начнём!
1. Настройка документа
Создание нового документа
Вместо того, чтобы мне просто показать, как работает инструмент «Перо кривизны», я расскажу вам всё подробно, а вы просто следуйте за мной. Начнём мы с создания нового документа. Откройте Photoshop, перейдите в меню File (Файл) и выберите New (Создать).
Откроется диалоговое окно «Новый документ». На панели Preset Details (Подробные сведения о стиле) справа для ширины и высоты документа установите 1000 пикселей. Для разрешения установите 72 пикс/дюйм и убедитесь, что в поле «Cодержимое фона» установлен белый цвет. После всех изменений нажмите Create (Создать) в нижнем правом углу. На вашем экране откроется новый документ, заполненный белой заливкой.
Настройки для направляющих
Теперь, когда у нас есть документ, давайте добавим несколько направляющих, чтобы нам было легче рисовать. Для этого перейдите в меню View (Просмотр) и выберите New Guide Layout (Новый макет направляющей).
В диалоговом окне «Новый макет направляющей» введите значение 6 для двух параметров «Число столбцов» и «Число строк». Убедитесь, что значение Gutter (Средник) (или его ещё называют отступ) для столбцов и строк было пустым или ровнялось 0. Если у вас есть какие-либо ранее существующие направляющие, которые необходимо удалить, выберите опцию Clear Existing Guides (Удалить существующие направляющие) в нижней части окна. После внесения всех изменений нажмите OK.
Посмотрите на рабочий холст у вас появилась сетка в 6 строк и 6 столбцов из направляющих.
2. Как рисовать при помощи инструмента «Перо кривизны»
Выбираем инструмент Curvature Pen Tool (P) (Перо кривизны)
Теперь, когда наш документ настроен, давайте узнаем, как использовать новый инструмент Curvature Pen Tool (P) (Перо кривизны) в Photoshop CC 2018. Выберите его на панели инструментов. По умолчанию инструмент «Перо кривизны» расположен в одном наборе со стандартным инструментом Перо (P), поэтому кликните и удерживайте левую кнопку мыши по значку пера до появления выпадающего списка. Затем выберите инструмент «Перо кривизны».
Изменяем режим для инструмента
Прежде чем мы начнём рисовать нашим новым инструментом, определитесь, что вы хотите нарисовать контур или фигуру, используя параметр Tool Mode (Режим инструмента) в верхней панели. По умолчанию для данного параметра задано значение Path (Контур), что мне и нужно. Если вы хотите нарисовать фигуру, установите значение Shape (Фигура). Я считаю, что проще нарисовать контур, потому что его легче видеть, когда вы рисуете, помимо этого свой контур вы сможете преобразовать в фигуру, когда закончите. Но об этом чуть позже. На данный момент оставьте режим инструмента без изменения (Контур).
Создаём начальную опорную точку
Чтобы нарисовать контур или фигуру, кликните один раз внутри документа, чтобы установить начальную точку. Я сделал клик в месте, где пересекаются две направляющие центральная вертикальная и самая нижняя горизонтальная. Обратите внимание, на том месте, где вы кликнули, появился маленький квадрат. Это и есть начальная опорная точка.
Добавляем вторую опорную точку для рисования прямой линии
Далее кликните ещё раз, чтобы добавить вторую опорную точку. Я добавлю её в месте пересечения двух направляющих самая первая вертикальная направляющая слева и центральная горизонтальная. Обратите внимание, что даже если инструмент называется «Перо кривизны», Photoshop рисует прямую линию, известную как сегмент контура между двумя опорными точками. Причина в том, что рисование кривой линии требует наличие трёх опорных точек. Первая – начало кривой, вторая – конец, третья - центральная. Центральная точка определяет угол и дугу кривой. Без неё Photoshop будет рисовать прямую линию.
Добавляем третью точку для рисования кривой
Кликните инструментом «Перо кривизны», чтобы добавить третью точку. Я добавлю её в месте пересечения двух направляющих самой верхней горизонтальной и центральной вертикальной. Как только вы добавите третью точку, прямая линия станет кривой.
Изменение толщины и цвета контура
По желанию вы можете откорректировать цвет и толщину контура, кликнув по значку шестерёнки в верхней панели параметров.
Откроется диалоговое окно «Параметры контура», в котором вы можете изменить толщину контура в пределах от 0,5 до 3 пикселей, так же вы можете выбрать другой цвет для контура. Я задам толщину 3 пикселя и цвет Magenta (Пурпурный). Обратите внимание, что эти настройки доступны только для того, чтобы вы могли видеть свой контур во время работы. Они не влияют на фактический контур в документе. Чтобы закрыть диалоговое окно «параметры контура» снова кликните по значку шестерёнки.
Теперь мы видим, что и толщина, и цвет моего контура изменились.
Для продолжения рисования контура или фигуры просто кликайте, чтобы добавить больше точек. По умолчанию, как только вы начали рисовать кривую, добавив третью точку, все последующие, которые вы добавите, так же будут рисовать кривую. Четвёртую точку я добавлю в месте пересечения двух направляющих самой правой вертикальной и центральной горизонтальной. Тем самым мы добавим новый сегмент контура между третьей и четвёртой точками и расширим кривую.
Закрываем контур
Чтобы закрыть контур, кликните по начальной опорной точке. Мы нарисовали идеальный круг с помощью инструмента Curvature Pen Tool (P) (Перо кривизны).
3. Изменение формы контура
Перемещение опорной точки
Мы нарисовали наш контур, но можно легко вернуться и изменить его форму. На самом деле существует несколько способов сделать это. Вот один из них: с выбранным инструментом «Перо кривизны» кликните по опорной точке, чтобы выбрать, а затем перетащите её в новое место. Я переместил верхнюю опорную точку на две вертикальные направляющие вправо.
Добавляем дополнительные опорные точки
Так же можно добавить дополнительные опорные точки к нашему контуру. Для этого кликните в любом месте по контуру, затем перетащите новую точку, чтобы изменить форму контура. Я добавил точку слева вверху.
Затем переместил её в сторону верхнего левого угла. Опирайтесь на скриншот ниже.
Переключение между «гладкой» и угловой точками
До сих пор все опорные точки, которые мы добавили инструментом «Перо кривизны», были точками кривой (их так же называют «гладкие точки»). То есть форма пути изгибается, проходя через точку. Другой способ изменить форму контура – преобразовать точку кривой в угловую точку. Для этого дважды щёлкните по существующей точке кривой.
Я проделал это с последней точкой, которую переместил вниз, и теперь мы видим, что вместо плавной кривой траектория контура резко меняет направление в этой точке. Чтобы обратно преобразовать угловую точку в гладкую, снова сделайте двойной клик по ней.
Удаление опорной точки
Для удаления опорной точки с выбранным инструментом «Перо кривизны» выделите точку, а затем нажмите клавишу Backspace (Win)/Delete (Mac) на клавиатуре. Я удалил точку, с которой мы чуть ранее делали преобразование, и контур вернулся к той же форме, в которой он находился перед добавлением точки.
Удаление всего контура
Чтобы удалить весь контур, сделайте клик правой кнопкой мыши внутри документа и выберите Delete Path (Удалить контур). Так же можно удалить весь контур, нажимая Backspace (Win)/Delete (Mac) на клавиатуре, если не выбраны никакие опорные точки.
Я удалил весь контур, чтобы вернуться к чистому документу.
Рисуем прямые контуры с помощью инструмента Curvature Pen Tool (P) (Перо кривизны)
Основным преимуществом инструмента «Перо кривизны» заключается в том, что им легко рисовать кривые контуры. Но мы так же можем легко использовать его для рисования прямых линий. Вы уже знаете, как преобразовать гладкую опорную точку в угловую, просто дважды кликнуть по ней. Но если мы заранее знаем, что нам нужно нарисовать прямую линию, то нет необходимости сначала добавлять точку кривой, а затем преобразовывать её. Поэтому, создавая новую опорную точку, сразу делайте двойной клик. Photoshop автоматически добавит точку в качестве угловой точки.
Предположим, что мы хотим нарисовать контур прямоугольной формы, используя наш новый инструмент. Начинаем с клика, чтобы установить начальную точку. Я начну с нижнего левого угла.
Поскольку мы знаем, что следующая точка должна быть угловой, создайте её двойным щелчком мыши, а не одним. Двойным кликом я создал угловую точку чуть выше начальной точки на две горизонтальные направляющие.
Добавляя третью точку для прямоугольной формы, я снова делаю двойной клик, чтобы добавить её в качестве угловой точки. Обратите внимание, поскольку мы добавляем точки в виде угловых точек, Photoshop соединяет их при помощи прямых линий вместо кривых.
Я добавлю четвёртую опорную точку, дважды кликнув по правому нижнему углу. И опять Photoshop добавляет прямолинейный сегмент.
И в завершении прямолинейного контура, дважды кликните по начальной опорной точке, и Photoshop добавит оставшийся прямолинейный сегмент.
Преобразование прямолинейного сегмента в арку
Что, если вместо плоской горизонтальной линии в верхней части прямоугольной фигуры вы хотите сделать арку? С помощью инструмента Curvature Pen Tool (P) (Перо кривизны) это легко. Всё, что необходимо сделать, - это кликнуть в любом месте сегмента верхнего контура, чтобы добавить новую опорную точку.
Затем перетащите новую точку вверх для создания арки.
Перемещение одновременно нескольких опорных точек
До сих пор мы узнали, как переместить отдельную опорную точку, кликнув и перетащив её с помощью нового инструмента. Но что, если нам необходимо переместить сразу две или несколько опорных точек? В этом случае мы можем использовать инструмент Direct Selection Tool (A) (Выделение узла), выглядит он в виде белой стрелочки. Находится он в одном наборе с инструментом Path Selection Tool (A) (Выделение контура) в виде чёрной стрелки на панели инструментов. Нажмите и удерживайте инструмент «Выделение контура», пока не появится выпадающий список, а затем выберите инструмент «Выделение узла».
Предположим, мы хотим изменить высоту нашей прямоугольной фигуры. Нам нужно выбрать все три точки, составляющие верхнюю её часть (точки в верхнем левом и верхнем правом углах и по центру вверху арки). Чтобы выбрать сразу эти три точки, нажмите и перетащите прямоугольную область вокруг всех трёх точек с помощью инструмента «Выделение узла».
Выбрав все три точки в верхней части, кликните по одной из них и перетащите все три вниз.
Вернитесь к инструменту «Перо кривизны», повторно выбрав его на панели инструментов.
Чтобы удалить контур и начать всё заново, кликните правой кнопкой мыши внутри документа и выберите Delete Path (Удалить контур).
4. Рисуем сердце с помощью инструмента Curvature Pen Tool (P) (Перо кривизны)
В заключающей части урока давайте объединим всё то, что мы узнали о гладких и угловых точках и нарисуем контур в форме сердца. Когда мы закончим эту часть, то вы узнаете, как превратить контур в реальную фигуру, а также в векторную маску и в выделение.
Сначала кликните в центре нижней горизонтальной направляющей инструментом «Перо кривизны», чтобы установить начальную опорную точку.
Затем кликните в левом верхнем углу, где первая вертикальная направляющая слева пересекает вторую горизонтальную направляющую сверху. Этим мы добавили вторую точку, поскольку на данный момент у нас есть только две точки, Photoshop нарисовал прямолинейный сегмент между ними.
Третью точку добавьте, где верхняя горизонтальная направляющая пересекается со второй вертикальной направляющей слева. Поскольку мы добавили третью точку, Photoshop преобразовал прямолинейный сегмент в кривую.
Нам нужно добавить четвёртую точку в то место, где вторая горизонтальная направляющая сверху пересекает вертикальную направляющую в центре. В данном случае нам нужна не гладкая точка, а угловая, поэтому при её создании делайте двойной клик.
Добавим ещё одну точку в месте пересечения двух направляющих первой верхней горизонтальной и второй вертикальной справа. Несмотря на то, что мы добавляем гладкую точку (одним кликом), Photoshop рисует прямолинейный сегмент. Это потому, что наша предыдущая точка была угловой.
Следующую точку мы добавим, где первая вертикальная направляющая справа пересекает вторую горизонтальную направляющую сверху. Программа снова преобразует прямую линию в кривую.
Наконец, давайте закроем контур и завершим форму сердца, кликнув по начальной точке внизу. Нам нужно, чтобы эта точка была угловой, а не гладкой, поэтому завершаем контур двойным кликом по начальной точке.
Отключение направляющих
Мы закончили рисовать инструментом Curvature Pen Tool (P) (Перо кривизны), поэтому давайте удалим направляющие. Для этого перейдите в меню View > Show (Просмотр - Показать) и выберите Guides (Направляющие).
В результате на рабочем холсте останется только наш контур в виде сердца.
5. Преобразование контура в выделение, векторную маску или фигуру
Теперь, когда наш контур готов, Photoshop упрощает процесс преобразования контура в выделение, векторную маску или фигуру. При активном инструменте «Перо кривизны» все три варианта преобразования вы найдёте в верхней панели параметров. Просто выберите тот, который вам нужен.
Выделение контура
Для преобразования контура в выделение выберите Selection (Выделение).
Photoshop откроет диалоговое окно Make Selection (Выделить область), по желанию вы можете внести какие-либо изменения в окне или просто нажмите OK, чтобы закрыть диалоговое окно.
Программа мгновенно преобразует контур в выделение подобно «марширующим муравьям».
Давайте отменим выделение и рассмотрим два других варианта. Для этого перейдите в меню Edit > Undo Selection Change (Редактирование - Отменить: замена выделенной области) или нажмите Ctrl + Z на клавиатуре.
Векторная маска
Чтобы создать векторную маску из контура выберите вариант Mask (Маска) на панели параметров.
Photoshop преобразует контур в векторную маску, и только область внутри контура останется видимой в документе. Рисунок шахматной доски вокруг сердца представляет прозрачность, так как у нас нет других слоёв ниже маски.
И если мы посмотрим на панель слоёв, то увидим миниатюру векторной маски.
Я отменил второй вариант, чтобы продемонстрировать вам третий. Для отмены так же пройдите во вкладку Edit > Undo Add Vector Mask (Редактирование - Отменить: добавить векторную маску) или нажмите Ctrl + Z на клавиатуре.
Фигура
Наконец, чтобы преобразовать контур, нарисованный инструментом Curvature Pen Tool (P) (Перо кривизны), в фигуру, выберите Shape (Фигура) на панели параметров.
Photoshop заполнит новую фигуру текущим цветом переднего плана, в моём случае это чёрный.
Если мы снова обратимся на панель слоёв, то увидим новый слой Shape 1. Чтобы изменить цвет фигуры, дважды кликните по миниатюре фигуры.
Затем выберите новый цвет из окна Color Picker (Палитра цветов). Поскольку мы нарисовали форму сердца, я выберу красный оттенок. Нажмите OK, когда закончите, чтобы закрыть окно.
Чтобы скрыть контур вокруг фигуры, нажмите Enter (Win)/Return (Mac) на клавиатуре. Или просто выберите другой инструмент на панели инструментов. Моя форма сердца теперь заполнена красным цветом.
Вот и всё! Это наш пошаговый урок по рисованию контуров и фигур с помощью нового инструмента Curvature Pen Tool (P) (Перо кривизны) в Photoshop CC 2018.
