Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Brushes

Создаём и Применяем кисть Рыбьи Чешуйки в программе Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Photoshop Brushes from Scratch.
How to Create Custom Brushes to Render Fur in Adobe Photoshop
How to Create Custom Scratched Metal Brushes in Adobe Photoshop

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

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

Представляю вам свою картину, которую я нарисовал в программе Photoshop. На этой картине изображена русалка вместе со своим другом мистером Фиш. Мисс Русалке нужно добавить чешуйки на хвост, но мне так лень рисовать их от руки и как мне поступить, чтобы облегчить свою жизнь? Конечно же, создать кисть!

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

Mermaid Base IllustrationMermaid Base IllustrationMermaid Base Illustration

1. Как Создать Кисть

Шаг 1

Создайте новый документ, идём Файл – Новый (File > New) или нажмите клавиши (Ctrl+N). Т.к. картина была нарисована в цветовом режиме CMYK, то нам нужно создать кисть в том же цветовом режиме CMYK, поэтому, убедитесь, чтобы в настройках Цветового режима (Color Mode) вашего рабочего документа был выставлен соответствующий цветовой режим.

Brush Document SetupBrush Document SetupBrush Document Setup

Шаг 2

Создайте новый слой (Ctrl+Shift+N).

С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте круг. Выполните обводку чёрным цветом. Скопируйте / вклейте созданный круг, чтобы создать ещё три круга, выстроив их по горизонтали. Скопируйте / вклейте круг ещё раз, расположите дубликаты круга между верхними тремя кругами. Примечание переводчика: 1. не забудьте удалить контур после создания обводки 2. автор вначале создал три круга на одном слое, потом ещё два круга на втором слое или вы можете всё создать на отдельных слоях, главное не запутайтесь.

Теперь, в палитре слоёв, сместите слой с двумя кругами вниз, расположив данный слой ниже слоя с тремя кругами. Повторите весь процесс, пока у вас не получится четыре ряда из следующей комбинации 3-2-3-2, данная комбинация напоминает базовую текстуру чешуек. Для удобства, вы можете использовать направляющие линии, чтобы облегчить выравнивание кругов. Для этого, нажмите клавиши (Ctrl+R), чтобы появились Линейки, теперь, потяните направляющие линии от Линеек, используя инструмент Перемещение (Move Tool (V). Примечание переводчика: вы можете сгруппировать круги в две группы. Одна группа для трёх чешуек, одна группа для двух чешуек.

Scale TemplateScale TemplateScale Template

Шаг 3

Закрасьте круг, это будет первая чешуйка. Для этого, используйте жёсткую кисть, цвет кисти – серый цвет средних тонов. Чтобы быстро выбрать инструмент Кисть (Brush Tool), просто нажмите клавишу (B). Примечание переводчика: автор закрашивает круг на отдельном слое.

Plain Grey ScalePlain Grey ScalePlain Grey Scale

Шаг 4

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

Scale SetupScale SetupScale Setup

Шаг 5

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

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

Copied ScalesCopied ScalesCopied Scales

Шаг 6

К некоторым чешуйкам примените коррекцию Уровни (Levels), чтобы добавить небольшое разнообразие. Чтобы быстро вызвать окно коррекции Уровней (Levels), просто нажмите клавиши (Ctrl+L).

LevelsLevelsLevels

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

Levels Changed on One CircleLevels Changed on One CircleLevels Changed on One Circle

Шаг 7

Выделите все слои с чешуйками, для этого, удерживая клавишу (Shift)+щёлкните мышкой по слоям. Теперь, объедините слои (Ctrl+E). Далее, откройте окно настроек коррекции Уровни (Levels), нажав клавиши (Ctrl+L), и сместите маленький белый треугольник, чтобы пересветить всё изображение. Отключите видимость слоёв с контурами кругов. Примечание переводчика: Отключите видимость слоёв с контурами кругов, в данном случае, две группы с кругами.

Over Exposed Scale Brush DesignOver Exposed Scale Brush DesignOver Exposed Scale Brush Design

Шаг 8

Выберите инструмент Ластик (Eraser Tool (E) и с помощью мягкой кисти, смягчите края чешуек. Таким образом, когда мы будем использовать нашу кисть, чтобы не было загнутых краёв на внешнем контуре наносимой поверхности.

Over Exposed and Softened Scale Brush DesignOver Exposed and Softened Scale Brush DesignOver Exposed and Softened Scale Brush Design

Шаг 9

Сохраните кисть, для этого, идём Редактирование – Определить кисть (Edit > Define Brush Preset), дайте кисти запоминающее название.

2. Как Использовать Кисть

Шаг 1

Давайте протестируем нашу кисть, при этом, не используя дополнительные настройки динамики (dynamics). Обратите внимание, что мы можем создать красивый узор без видимых швов и стыков, используя кисть Чешуйки в качестве штампа.

Scale Brush TestScale Brush TestScale Brush Test

Шаг 2

В следующем примере, я продублировал слой с чешуйками, далее, нажал клавиши (Ctrl+T) для трансформации, а затем, применил Деформацию (Warp), создав дизайн, напоминающее выпуклое окно. Как вы видите, мы можем деформировать форму текстуры чешуек под любые кривые исходные формы – как раз отлично для хвоста русалки!

Warp ExampleWarp ExampleWarp Example

3. Добавляем Простые Чешуйки на Хвост

Шаг 1

Поверните исходное изображение против часовой стрелки, для этого идём Изображение – Повернуть холст - 90° против часовой (Image > Image Rotation > 90° CCW). Я сделал это для того, чтобы добиться правильного расположения потока чешуек. Выпуклые края чешуек должны указывать на кончик хвоста.

Rotate Illustration 90 DegreesRotate Illustration 90 DegreesRotate Illustration 90 Degrees

Шаг 2

Выберите фиолетовый оттенок, оттенок должен быть темнее, чем самая тёмная часть хвоста.

Dark Purple Colour SelectionDark Purple Colour SelectionDark Purple Colour Selection

Шаг 3

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

Paint Over Scales Changing Brush SizePaint Over Scales Changing Brush SizePaint Over Scales Changing Brush Size

Шаг 4

Нажмите клавиши (Ctrl+T) для активации трансформации.

Transform and select WarpTransform and select WarpTransform and select Warp

Шаг 5

В настройках верхней панели данного инструмента, нажмите значок, похожий на выпуклое окно, это инструмент Деформация (Warp Tool). Данный инструмент Деформация (Warp Tool) можно также активировать через меню редактирования, для этого идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp) Итак, активировав режим трансформации, выберите инструмент деформации. Внутри трансформируемой области, появятся опорные точки. Вы можете смещать опорные точки, делая контурные линии более плавными. Вы можете потянуть или сместить опорные точки или вертикальные и горизонтальные линии внутри выделенной области трансформации. Смещая опорные точки, вы можете деформировать нашу текстуру с чешуйками под форму хвоста.

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

Warp scales to tailWarp scales to tailWarp scales to tail

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

Plain ScalesPlain ScalesPlain Scales

4. Добавляем Цветные Чешуйки на Хвост

Переходим от простых чешуек к цветной версии и этот процесс не будет легче предыдущего!

Шаг 1

Создайте новый слой (Ctrl+Shift+N) и с помощью мягкой кисти, нарисуйте палитру цветов, как на скриншоте ниже, совместив все цвета вместе.

Colour LayerColour LayerColour Layer

Шаг 2

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

Colour layer underneath scalesColour layer underneath scalesColour layer underneath scales

Шаг 3

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

Select ScalesSelect ScalesSelect Scales

Шаг 4

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

Create Mask of ScalesCreate Mask of ScalesCreate Mask of Scales

Шаг 5

Разъедините связь между слой-маской и самим слоем с цветной раскраской, для этого, щёлкните по значку "звено цепи" между ними. Это мы делаем для того, что, когда мы будем смещать слой с цветной раскраской, маска останется неподвижной. Примените трансформацию к слою с раскраской (Ctrl+T) так, чтобы цветовые оттенки легли вдоль хвоста в более привлекательной манере. Примечание переводчика: автор применяет трансформацию к цветной текстуре, подобрав наиболее подходящую цветовую гамму к чешуйкам и соответственно к хвосту.

Transform colour layer onlyTransform colour layer onlyTransform colour layer only

Шаг 6

Как только нас устроит расположение цветовых оттенков, далее, преобразуйте слой с цветной раскраской в обтравочную маску, для этого, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask). Далее, давайте поиграем с режимами наложения. В данном случае, я посчитал, что режим наложения Осветление основы (Color Dodge) является более привлекательным. Вы можете выбрать другой режим наложения. 

Color Dodge The ScalesColor Dodge The ScalesColor Dodge The Scales

На скриншоте ниже, красавица Русалка и её блестящий хвост с красивыми чешуйками!

Finished Mermaid IllustrationFinished Mermaid IllustrationFinished Mermaid Illustration

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

Заключение

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

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.