Advertisement
  1. Design & Illustration
  2. Pen Tool

Используем Инструмент Adobe Photoshop Перо Кривизна

Scroll to top
Read Time: 4 min

Russian (Pусский) translation by Anna K (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Однако, в последнем обновлении Photoshop CC были решены основное проблемы, с которыми вы могли столкнуться при работе с инструментом Перо, путём добавления нового инструмента—Перо Кривизны. Он очень интуитивно понятен в использовании, и он по-прежнему столь же мощный, как и его классический аналог. Позвольте мне рассказать вам о нём!

1. Подготавливаем Фоновое Изображение для Векторной Иллюстрации

Шаг 1

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

Скопируйте изображение бабочки, а затем откройте его в новом документе (Ctrl+N) в Photoshop, используя буфер обмена в качестве шаблона.

photoshop new clipboard filephotoshop new clipboard filephotoshop new clipboard file
photoshop vector backgroundphotoshop vector backgroundphotoshop vector background

Шаг 2

Уменьшите Непрозрачность (Opacity) слоя, чтобы исходное изображение было едва видно.

photoshop how to lower opacityphotoshop how to lower opacityphotoshop how to lower opacity

Шаг 3

Идём Просмотр – Линейки (View > Rulers). Щёлкните и потяните вертикальную направляющую линию, чтобы расположить её во центру тельца бабочки.

photoshop place a rulerphotoshop place a rulerphotoshop place a ruler

Шаг 4

Идём Изображение – Размер Изображения (Image > Image Size), чтобы сделать размеры документа больше и проще работать (позже вы сможете увеличить изображение на своё усмотрение, поскольку векторные изображения можно свободно менять без потерь).

photoshop how to resize imagephotoshop how to resize imagephotoshop how to resize image

2. Создаём Векторное Тельце Бабочки

Шаг 1

Исходное изображение готово, поэтому, давайте приступим к созданию! Щёлкните и удерживайте кнопку мыши на инструменте Перо (Pen Tool), чтобы найти инструмент Перо Кривизна (Curvature Pen Tool).

photoshop where is curvature pen toolphotoshop where is curvature pen toolphotoshop where is curvature pen tool

Шаг 2

Добавьте несколько точек вокруг грудной клетки бабочки. Фигура будет определяться автоматически.

photoshop how to use curvature pen toolphotoshop how to use curvature pen toolphotoshop how to use curvature pen tool

Если вы хотите поменять цвет фигуры, то просто дважды щёлкните по миниатюре слоя.

photoshop how to change shape colorphotoshop how to change shape colorphotoshop how to change shape color

Шаг 3

Создайте брюшко таким же образом.

photoshop create shapes with pen toolphotoshop create shapes with pen toolphotoshop create shapes with pen tool

Шаг 4

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

photoshop how to move pen tool pointsphotoshop how to move pen tool pointsphotoshop how to move pen tool points

Шаг 5

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

photoshop vector butterfly headphotoshop vector butterfly headphotoshop vector butterfly head

Шаг 6

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

photoshop how to draw lines with pen toolphotoshop how to draw lines with pen toolphotoshop how to draw lines with pen tool

Чтобы преобразовать фигуру в линию, отмените Заливку (Fill) и добавьте Обводку (Stroke). Вы также можете настроить толщину обводки.

photoshop how to remove shape fillphotoshop how to remove shape fillphotoshop how to remove shape fill
photoshop how to add shape strokephotoshop how to add shape strokephotoshop how to add shape stroke

Шаг 7

Добавьте кончик на усик бабочки.

photoshop vector butterfly antennaphotoshop vector butterfly antennaphotoshop vector butterfly antenna

3. Создаём Векторные Крылышки Бабочки

Шаг 1

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

photoshop create vector butterfly wingphotoshop create vector butterfly wingphotoshop create vector butterfly wing

Шаг 2

Откорректируйте фигуру крылышка, добавляя больше точек и смещая их.

photoshop advanced vector shapephotoshop advanced vector shapephotoshop advanced vector shape
Подсказка: вы можете удалить точки, для этого, щёлкните по ним, а затем нажмите клавишу (Backspace).

Шаг 3

Таким же образом, создайте другое крылышко.

photoshop create vector wingsphotoshop create vector wingsphotoshop create vector wings

Шаг 4

На узор крылышка уйдёт много слоёв, а поскольку мы не хотим менять Непрозрачность (Opacity) всех этих слоёв по отдельности, то создайте новую группу и уменьшите её непрозрачность.

photoshop create a layer groupphotoshop create a layer groupphotoshop create a layer group

Шаг 5

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

photoshop vector buttefly wing patternphotoshop vector buttefly wing patternphotoshop vector buttefly wing pattern

Шаг 6

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

photoshop how to create butterfly wing cellsphotoshop how to create butterfly wing cellsphotoshop how to create butterfly wing cells
Подсказка: вам не нужно создать новый слой для каждой фигуры. Просто удерживайте клавишу (Ctrl), а затем щёлкните, чтобы разъединить соединение с предыдущим контуром, и продолжайте рисовать. Этот позволит вам использовать тот же самый цвет, что и для предыдущей ячейки.

Шаг 7

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

photoshop create butterfly wingsphotoshop create butterfly wingsphotoshop create butterfly wings

Шаг 8

Когда вы завершите, верните Непрозрачность (Opacity) всех слоёв обратно до 100%, а затем с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите половинку бабочки. Скопируйте её полностью, для этого идём Редактирование- Скопировать совмещённые (Edit > Copy Merged).

photoshop copy merged symmetryphotoshop copy merged symmetryphotoshop copy merged symmetry

Шаг 9

Вклейте скопированное изображение, а затем идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), расположите вторую половинку бабочки рядом с первой. Не забывайте, что данная скопированная часть не является векторным изображение— если вы хотите увеличить изображение, то после этого, повторите последний шаг.

photoshop how to use symmetryphotoshop how to use symmetryphotoshop how to use symmetry

Замечательно!

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

how to use curvature pen tool in photoshophow to use curvature pen tool in photoshophow to use curvature pen tool in photoshop
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads