Инструмент «Кривизна» в Photoshop CC 2018: Рисование контуров стало проще

Одна из самых больших новых функций в Photoshop CC 2018 — это новый инструмент Pen Curvature Pen Tool . Curvature Pen Tool — это упрощенная версия стандартного инструмента Photoshop Pen Tool. Это позволяет нам рисовать сложные формы и контуры без необходимости редактировать ручки управления или запоминать сочетания клавиш. Использовать инструмент Curvature Pen Tool так же просто, как щелкнуть, чтобы добавить точки. Затем Photoshop использует эти точки, чтобы автоматически нарисовать ваш путь.

Как следует из названия, инструмент Curvature Pen Tool по умолчанию рисует изогнутые линии. Но, как мы увидим, рисовать прямые линии так же легко, и переключаться между кривыми и прямыми по мере необходимости. И, как и стандартный Pen Tool, мы можем легко преобразовать наши контуры траектории в контуры выделения, что позволяет любому, даже начинающему, делать чистые профессиональные выборы в Photoshop. Посмотрим, как это работает!

Инструмент Curvature Pen Tool доступен только в Photoshop CC 2018 , поэтому для его использования потребуется CC 2018. Если вы являетесь подписчиком Creative Cloud, вы можете узнать, как обновить свою копию Photoshop до CC 2018, используя наш учебник « Как поддерживать Photoshop CC в актуальном состоянии». Давайте начнем!

Настройка документа

Создание нового документа Photoshop

Вместо того, чтобы просто рассказать вам, как работает инструмент Curvature Pen Tool, давайте настроим так, чтобы вы могли легко следовать за мной. Мы начнем с создания нового документа Photoshop. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :

Откроется диалоговое окно « Новый документ ». На панели « Детали предустановки» справа установите для ширины и высоты нового документа значение 1000 пикселей. Установите для параметра Разрешение значение 72 пикселя / дюйм и убедитесь, что для параметра « Содержимое фона» установлено значение « Белый» . Затем нажмите кнопку « Создать» в правом нижнем углу. На вашем экране откроется новый документ, заполненный белым цветом:

Настройка руководства

Теперь, когда у нас есть наш документ, давайте настроим несколько направляющих, чтобы нам было легче рисовать одинаковые фигуры. Подойди к меню View в строке меню и выбери New Guide Layout :

В диалоговом окне «Новый макет руководства» установите для параметра « Количество столбцов» и « Количество строк» значение 6 . Убедитесь, что значение « Желоб» для столбцов и строк либо пусто, либо установлено в 0. Если у вас есть какие-либо ранее существующие направляющие, которые необходимо удалить, выберите « Очистить существующие направляющие» внизу. Затем нажмите OK, чтобы закрыть диалоговое окно:

Теперь вы должны увидеть 3 строки и 3 столбца направляющих перед вашим документом:

Как рисовать с помощью инструмента Curvature Pen

Шаг 1: выберите инструмент Pen Curvature из панели инструментов

Теперь, когда наш документ настроен, давайте узнаем, как использовать новый инструмент Pen Curvature Pen в Photoshop CC 2018. Мы выбираем инструмент Pen Curvature Pen Toolbar на панели инструментов . По умолчанию инструмент Curvature Pen Tool находится за стандартным инструментом Pen Tool , поэтому вам нужно будет нажать и удерживать значок инструмента Pen Tool, пока не появится всплывающее меню. Затем выберите Curvature Pen Tool из меню:

Не видите инструмент Pen Curvature на панели инструментов? Вот где это можно найти.

Шаг 2: Установите режим инструмента на «Путь» или «Форма»

Прежде чем начать рисовать с помощью инструмента Curvature Pen Tool, выберите, хотите ли вы нарисовать контур контура или фигуру, используя параметр « Режим инструмента» на панели параметров. По умолчанию для параметра «Режим инструмента» задано значение « Путь» , и я оставлю его равным. Если вы хотите нарисовать фигуру, вы должны установить для параметра «Режим инструмента» значение « Форма» . Я считаю, что проще просто нарисовать путь, потому что пути легче увидеть во время рисования, и вы можете легко преобразовать свой путь в форму, когда закончите. Мы научимся это делать чуть позже. А пока оставьте Tool Mode в значении Path:

Шаг 3: Нажмите, чтобы добавить отправную точку

Чтобы начать рисовать путь или фигуру, щелкните один раз внутри документа, чтобы установить начальную точку. Я нажму на место, где пересекаются вертикальная направляющая в центре и горизонтальная направляющая вдоль дна. Обратите внимание, что в том месте, где вы щелкнули, появляется маленький квадрат . Это известно как точка привязки, потому что она привязывает положение пути в документе:

Шаг 4: добавь вторую точку, чтобы нарисовать прямую линию

Затем нажмите, чтобы добавить вторую опорную точку. Я нажму там, где пересекаются вертикальная направляющая слева и горизонтальная направляющая в центре. Обратите внимание, что даже несмотря на то, что инструмент назван инструментом Pen Curvature Pen, Photoshop рисует прямую линию , известную как сегмент пути , между двумя точками. Причина в том, что рисование кривой требует трех точек; один для начала кривой, один для конца и один в середине. Точка в середине определяет угол или дугу кривой. Без этой средней точки все фотошоп может рисовать прямую линию:

Шаг 5: добавь третью точку, чтобы нарисовать кривую

Нажмите с помощью инструмента Curvature Pen Tool, чтобы добавить третью точку. Я нажму там, где пересекаются верхняя горизонтальная направляющая и центральная вертикальная направляющая. Как только вы нажимаете, чтобы добавить третью точку, прямая линия становится изогнутой:

Изменение толщины и цвета пути

Если у вас возникли проблемы с отображением контура пути, вы можете настроить цвет и толщину пути, щелкнув значок шестеренки на панели параметров:

Откроется диалоговое окно « Параметры пути », в котором можно изменить толщину контура пути от 0,5 до 3 пикселей. Вы также можете выбрать другой цвет для пути. Я установлю толщину на 3 пикселя, а цвет на пурпурный . Обратите внимание, что эти настройки предназначены только для того, чтобы помочь вам увидеть ваш путь во время работы. Они не влияют на фактическое появление пути в документе. Чтобы закрыть диалоговое окно «Параметры пути», снова щелкните значок шестеренки:

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

Шаг 6: Нажмите, чтобы добавить больше очков

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

Шаг 7: Нажмите на начальную точку, чтобы закрыть путь

Чтобы закрыть свой путь, нажмите еще раз на исходную отправную точку. Теперь мы нарисовали полный круг с помощью инструмента Curvature Pen Tool, просто нажав:

Изменение формы контура пути

Перемещение существующего Anchor Point

Мы наметили наш путь, но мы можем легко вернуться к этому моменту и изменить его. На самом деле, есть несколько способов сделать это. Один из них — щелкнуть существующую опорную точку с помощью инструмента Curvature Pen Tool, чтобы выбрать ее, а затем перетащить точку в новое место. Здесь я перетаскиваю верхнюю опорную точку на две вертикальные направляющие вправо:

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

Мы также можем добавить больше опорных точек к существующему пути. Чтобы добавить новую точку, щелкните в любом месте вдоль контура пути. Затем перетащите новую точку, чтобы изменить форму пути. Я нажму в левом верхнем углу пути, чтобы добавить новую точку:

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

Я также нажму, чтобы добавить новую опорную точку в самом верху пути, а затем перетащу новую точку вниз туда, где линии сетки встречаются чуть выше центра:

Переключение между точками кривой и угловыми точками

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

Я дважды щелкну на точке, которую я только что добавил, в верхнем центре, и теперь мы видим, что вместо плавной кривой контур траектории резко меняет направление в этой точке. Чтобы переключиться с угловой точки обратно на точку кривой, просто дважды щелкните мышью на точке:

Удаление точки

Чтобы удалить опорную точку, нажмите на нее с помощью инструмента Curvature Pen Tool, чтобы выбрать ее, а затем нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре. Здесь я удалил точку в верхнем центре, и теперь путь вернулся к той же форме, в которой он был до добавления точки:

Удаление всего пути

Чтобы удалить весь путь, щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) внутри документа, а затем выберите « Удалить путь» в меню. Вы также удаляете весь путь, нажимая Backspace (Win) / Delete (Mac) на клавиатуре, когда точки привязки не выбраны:

Я удалю свой путь, чтобы вернуться к пустому документу и руководствам:

Рисование отрезков прямых линий с помощью инструмента «Кривизна»

Основным преимуществом инструмента Curvature Pen Tool является то, что его легко рисовать кривые контуры траектории. Но мы также можем использовать его для рисования прямых линий так же легко. Мы уже видели, что мы можем преобразовать точку кривой в угловую точку, дважды щелкнув по ней. Но если мы заранее знаем, что нам нужно нарисовать прямую линию, нет необходимости сначала рисовать точку кривой, а затем преобразовывать ее. Вместо этого просто щелкните дважды , а не один щелчок, чтобы добавить новую точку. Фотошоп автоматически добавит точку в качестве угловой точки.

Допустим, мы хотим нарисовать контур прямоугольного контура с помощью инструмента Pen Curvature. Начните с нажатия, чтобы установить начальную точку для пути. Я нажму в левом нижнем углу:

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

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

Я добавлю четвертую угловую точку, дважды щелкнув в правом нижнем углу. Опять же, Photoshop добавляет еще один прямой участок пути:

Чтобы завершить путь, я дважды щелкните начальную точку, и Photoshop добавит оставшийся прямой сегмент:

Преобразование отрезка прямого пути в арку

Что если вместо плоской горизонтальной линии в верхней части пути вам понадобится арка? С инструментом Pen Curvature это легко. Все, что вам нужно сделать, это щелкнуть в любом месте вдоль верхнего сегмента пути, чтобы добавить новую точку привязки:

Затем перетащите новую точку вверх, чтобы создать арку:

Перемещение нескольких опорных точек одновременно

До сих пор мы узнали, что мы можем перемещать отдельную опорную точку, щелкая и перетаскивая ее с помощью инструмента Curvature Pen Tool. Но что, если нам нужно переместить две или более опорных точек одновременно? В этом случае мы можем использовать инструмент прямого выбора Photoshop . Вы найдете инструмент прямого выделения, также известный как «инструмент белой стрелки», вложенный за инструментом выбора пути («инструмент черной стрелки») на панели инструментов. Нажмите и удерживайте инструмент выбора пути, пока не появится всплывающее меню, а затем выберите инструмент прямого выбора из меню:

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

Затем, выбрав все три точки вверху, нажмите на любую из них и перетащите все три вниз вместе:

Чтобы вернуться к инструменту Pen Curvature, снова выберите его на панели инструментов:

А затем, чтобы удалить путь, чтобы мы могли начать заново, щелкните правой кнопкой мыши (Win) / Control-click (Mac) внутри документа и выберите « Удалить путь» из меню:

Рисование сердца с помощью пера Curvature

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

Во-первых, нажмите в нижнем центре с помощью инструмента Curvature Pen Tool, чтобы установить начальную точку:

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

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

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

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

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

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

Выключение гидов

Мы закончили рисование с помощью инструмента Curvature Pen Tool, поэтому давайте удалим направляющие, перейдя в меню « Вид» в строке меню, выбрав « Показать» , а затем выбрав направляющие, чтобы отменить их выбор:

Это оставляет нам только наш путь:

Преобразование пути в выделение, маску или форму

Теперь, когда мы нарисовали наш путь, Photoshop упрощает преобразование пути в контур выделения , векторную маску или форму . Пока инструмент Curvature Pen Tool активен, вы найдете все три параметра на панели параметров. Просто выберите тот, который вам нужен:

Схема выбора

Чтобы преобразовать ваш путь в схему выбора, выберите « Выбор» :

Photoshop откроет диалоговое окно « Сделать выбор ». Здесь вы можете добавить растушевку к выделению, если это необходимо, или просто нажмите кнопку ОК, чтобы закрыть диалоговое окно:

Фотошоп мгновенно преобразует контур вашего пути в контур выбора «марширующих муравьев»:

Я отменил это, чтобы мы могли посмотреть на другие два варианта, зайдя в меню « Правка» и выбрав « Отменить изменение выбора» . Я также могу просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

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

Чтобы создать векторную маску из контура пути, выберите « Маска» на панели параметров:

Photoshop преобразует путь в векторную маску , и только область внутри пути остается видимой в документе. Рисунок шахматной доски в настоящее время окружая путь представляет прозрачность, так как у нас нет никаких других слоев ниже масок:

И если мы посмотрим на панель «Слои» , мы увидим миниатюру векторной маски :

Я отменим векторную маску, чтобы мы могли взглянуть на третий вариант, зайдя в меню « Правка» и выбрав « Отменить добавление векторной маски» . Или еще раз, я могу просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Слой формы

Наконец, чтобы преобразовать контур, нарисованный инструментом Curvature Pen Tool, в слой Shape, выберите Shape :

Фотошоп заполняет новую форму вашим текущим цветом переднего плана, который в моем случае черный:

Если мы снова посмотрим на панель Layers, мы увидим новый слой Shape . Чтобы изменить цвет фигуры, дважды щелкните миниатюру фигуры :

Затем выберите новый цвет из палитры цветов . Поскольку мы нарисовали форму сердца, я выберу оттенок красного. Нажмите OK, когда вы закончите, чтобы закрыть палитру цветов:

Наконец, чтобы скрыть контур траектории вокруг фигуры, нажмите Enter (Win) / Return (Mac) на клавиатуре. Или просто выберите другой инструмент на панели инструментов. Вот моя форма сердца, теперь заполненная красным:

И там у нас это есть! Это наше пошаговое руководство по рисованию контуров и форм с помощью нового инструмента Curvature Pen Tool в Photoshop CC 2018! Также ознакомьтесь с новыми советами по использованию инструментов в Photoshop CC 2018. Посетите раздел « Основы работы с Photoshop», где можно найти похожие учебники!