sonyps4.ru

Как научиться рисовать пером в фотошопе. Создание определённых фигур

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

Во время работы инструмента создается векторный контур, который впоследствии используется для различных целей.

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

Построение контура

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


Заливка контура

Обводка контура

Обводка контура выполняется заранее настроенным инструментом. Все доступные инструменты можно найти в выпадающем окне настроек обводки.

Рассмотрим обводку на примере «Кисти» .

1. Выбираем инструмент «Кисть» .

2. Настраиваем размер, жесткость (у некоторых кистей данная настройка может отсутствовать) и форму на верхней панели.

3. Выбираем желаемый цвет в нижней части панели слева.

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

5. В выпадающем списке выбираем «Кисть» и нажимаем ОК .

После выполнения всех действий контур обведется настроенной кистью.

Создание кистей и фигур

Для создания кисти или фигуры нам потребуется уже залитый контур. Цвет можно выбрать любой.

Создаем кисть. Обратите внимание, что при создании кисти фон должен быть белым.

1. Идем в меню «Редактирование – Определить кисть» .

2. Даем название кисти и жмем ОК .

Созданную кисть можно найти в настройках формы инструмента («Кисти» ).

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

Создаем фигуру. Для фигуры цвет фона не важен, так как она определяется границами контура.

1. Кликаем ПКМ (перо у нас в руках) по холсту и выбираем пункт «Определить произвольную фигуру» .

2. Как и в примере с кистью, даем имя фигуре и жмем ОК .

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

в настройках на верхней панели открыть набор фигур.

Фигуры отличаются от кистей тем, что поддаются масштабированию без потери качества, поэтому при создании фигуры важен не размер, а количество точек в контуре – чем меньше точек, тем качественнее фигура. Для уменьшения количества точек изгибайте создаваемый контур для фигуры при помощи лучей.

Обводка объектов

Если Вы внимательно изучили параграф о построении контура, то сама обводка не вызовет затруднений. Только пара советов:

1. При обводке (она же «обтравка» ) увеличивайте масштаб изображения (клавиши CTRL+ «+» (просто плюс)).
2. Немного смещайте контур в сторону объекта, чтобы избежать попадания фона в выделение и частично отсечь размытые пиксели.

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

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

Удаление контура

Ненужный контур удаляется просто: при активированном инструменте «Перо» нужно кликнуть правой кнопкой мыши и нажать «Удалить контур» .

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

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

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

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

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

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

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

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

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

  1. Выберите инструмент "Перо".

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

  3. Теперь щелкните в том месте, где должен быть конец отрезка. Сейчас отобразился первый отрезок.

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

  5. Для завершения создания контура щелкните по первой опорной точке.

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

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

  • Перо+ - добавляет точки привязки.

  • Перо- - удаляет точки привязки.

  • Угол - изменяет свойства узловых точек. В контурах различают три вида узловых точек:
    • Гладкий узел - обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

    • Угловой узел - представляет собой угол между двумя прямыми и не имеет настроечных балансировочных точек.

    • Острый узел - используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить отрезок и кривую с резким переходом.

    Так вот при щелчке инструментом "Узел" на гладком узле образуется угловой узел, а при протягивании углового узла – образуется гладкий узел.

Попробуем на деле:

Теперь возьмите на панели инструментов "Выделение контура":

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

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

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


Для закрепления этого материала, потренируемся рисовать цифры:


  1. Щелкаем в точке 3 и, не отпуская, протягиваем дугу нужной формы.

В панели "Контуры" сохраните контур с именем "Цифра 1" и создайте новый контур с именем "Цифра 2". Будем рисовать цифру 2.
  1. Берем инструмент "Перо" и щелкаем в точке 1, отпускаем.

  2. Щелкаем в точке 2, отпускаем. Появилась прямая линия.

  3. Щелкаем в точке 3 и, не отпуская, протягиваем вниз и влево до образования дуги нужной формы.

  4. Щелкаем в точке 4 и, не отпуская, протягиваем вверх до образования дуги нужной формы.

  5. Щелкаем в точке 5 и, не отпуская, протягиваем вниз и вправо до образования дуги нужной формы.

В панели "Контуры" создайте новый контур с именем "Цифра 3". Будем рисовать цифру 3.

Нарисуйте так все цифры, это очень хорошая тренировка. На этом все. В следующий раз познакомимся с инструментом "Магнитное перо".

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

Хорошо Плохо

Многих волнует вопрос, с какой стороны подойти к инструменту Перо?

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

Этот материал окажет вам неоценимую помощь в выполнении различных фотошоп уроков.

Инструменты группы "Перо" и работы с контуром: и

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

Итак, все начинается с Пера .

Будем рассматривать инструменты группы "Перо" на примере яйца! Причем не простого, а золотого! Теперь бегом в холодильник, потому что рисовать мы будем с натуры:)

У яйца как вы знаете форма необычная, от руки нарисовать такие сглаженные края очень трудно.
Возьмите и нарисуйте вот такую фигуру:

Это конечно не яйцо, а какой-то неотесанный камень.

Перед тем как приступать к сглаживанию, познакомимся с двумя инструментами - это:

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

Выделение контура

Если вы щелкните черной стрелкой () по контуру, то на углах объекта появятся черные точки, и вы сможете легко передвигать контур.

На самом деле заливка также перемещается вместе с контуром, только немного отстает.

Если вы щелкните по пустому контуру этим инструментом, то появятся белые точки.

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

Таким образом вы можете редактировать контур.

Теперь приступим к самому интересному, будем учиться изгибать прямые линии.

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

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

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

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

Кроме того, точки можно удалять с помощью инструмента

Мы лишились половины яйца.

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

Если вы хотите попробовать нарисовать яйцо от руки, то возьмите Перо произвольной формы

Нарисуйте нужную форму:

У вас надеюсь лучше!

Затем берете стрелку редактирования и получаете что-то подобное:

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

Перо станет вашим любимым фотошоп инструментом.

Вот посмотрите, что случается с хрупкими продуктами как яйца, когда мимо пробегают беспардонные мышки.

Этот простой в использовании пошаговый урок научит вас рисовать контуры и фигуры с помощью нового инструмента 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.



Загрузка...