Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Рисуем и Раскрашиваем Прекрасную Русалку в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

Мы будем рисовать, а также раскрашивать в Adobe Photoshop, от начала и до конца - включая даже первоначальный эскиз. Надеюсь, что у вас есть базовые знания Photoshop, такие как создание новых документов и выбор различных инструментов в панели Инструменты (Tools). Вы также должны иметь базовое понимание слоёв. Обратите внимание, что в этом уроке требуется графический планшет определенного типа, с настройкой чувствительности пера.

Давайте приступим!

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

1. Рисуем Эскиз

Шаг 1

Мы начнём с создания нового документа. Для этого идём в меню Файл - Новый (File - New).

Существует множество вариантов (достаточных для целого урока!), но для цели этого урока я собираюсь использовать следующие размеры для создания рабочего документа: 10 дюймов (inches) по высоте и 8 дюймов (inches) по ширине, разрешение 300 dpi. Как только вас устроят заданные параметры, нажмите кнопу "ОК".

New Document Dialog Box displaying file options

Шаг 2

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

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

Для этого, убедитесь, чтобы панель Слои (Layers) была активна. Если вы не видите эту панель открытой по умолчанию, тогда идём Окно - Слои (Window - Layers).

По умолчанию, вы заметите, что в панели слоёв присутствует только один слой. Это слой называется фоновым (Background), а мы могли бы рисовать на нём, если бы захотели. Однако я собираюсь создать новый слой, щелкнув по значку Создать новый слой (Create a New Layer ).

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

Example of creating a New Layer in the Layers Panel

Шаг 3

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

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

Чтобы увидеть панель настроек Кисть (Brush), идём Окно - Кисть (Windows - Brush).

Попробуйте переключить Колебание непрозрачности (Opacity Jitter) на Нажим пера (Pen Pressure).

Brush Panel and where to adjust the Opacity Jitter

Эта настройка усилит и уменьшит непрозрачность ваших мазков кисти, в зависимости от нажима, которое вы оказываете на перо.

Также попробуйте переключить Колебание размера  (Size Jitter) на Нажим пера (Pen Pressure).

Brush Panel and where to adjust the Size Jitter

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

Шаг 4

Теперь давайте приступим к рисованию! Я начну со стандартной жёсткой кисти.

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

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

Example image of blocking out basic forms

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

Example image of refined sketch

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

Example image of further refined sketch utilizing layers

2. Добавляем Первоначальные Цвета

Шаг 1

Теперь давайте поработаем над цветами! Лично мне нравится рисовать поверх своих эскизных линий. Вначале создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply). Далее, я прокрашиваю кистью поверх эскиза. Вы заметите, что цвет линий эскиза также поменяется благодаря цветовому оттенку, который я использую.

Placing colors on top of lines using Blending Modes

Как только меня устроит выбор цветовых оттенков, далее, я объединяю слои. Внимание, это означает, что я объединяю слой с эскизом и слой с цветной раскраской в один слой! Зачастую я предпочитаю Сохранить (Save) копию своей работы перед тем, как выполнить сведение слоёв, просто на всякий случай, если я решу вернуться обратно к этому шагу!

Чтобы выделить сразу несколько слоёв, удерживайте клавишу (Shift) нажатой. Далее, объедините выделенные слои, для этого щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers).

Example of Merging Layers

Шаг 2

Теперь давайте добавим базовый фоновый цвет. Выберите цветовой оттенок через Палитру цветов (Color Selector) в панели Инструментов (Tools), а затем выполните заливку фонового (Background) слоя с помощью инструмента Заливка (Paint Bucket Tool). При необходимости, удалите любые цветовые вкрапления на вашем рисунке.

Example image showing the addition of a Background Color

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

In progress examples of blocking out background elements

Чтобы добиться этого эффекта, я использовала цвета светлее, чем синий задний фон, жёсткую круглую кисть, а так же мягкий и жёсткий круглый ластик, чтобы совместить и воссоздать элементы подводной сцены. Я также использовала инструменты Размытие и Палец (Blur и Smudge Tools), чтобы элементы подводной сцены были более естественными в верхней части композиции.

Шаг 3

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

Это означает, что я могу прокрашивать поверх рисунка, оставаясь в пределах границ рисунка. Для этого, находясь на новом слое, который вы только что создали, щёлкните правой кнопкой мыши по нему и в появившемся окне, выберите опцию Cоздать обтравочную маску (Create a Clipping Mask).

На скриншоте ниже вы можете увидеть, как должна выглядеть обтравочная маска. Обратите внимание, что я также поменяла режим наложения для данного слоя на Умножение (Multiply).

Example Clipping Mask with Blending Mode set to Multiply

3. Раскрашиваем Русалку

Шаг 1

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

Example of Soft Round Brush used to smooth skin areas

Но как получить нежные изменения тона? Как вы совмещаете линии, чтобы элементы сцены были более живописными?

Экспериментирование с Непрозрачностью (Opacity) (степень прозрачности) и Нажимом (Flow) (насколько сильно проявляется “краска”) может помочь на тех участках картины, где требуется нежные изменения тона. Тон может варьироваться в зависимости от того, насколько сильно вы нажимаете на перо, от стилистического выбора и то, как вы предпочитаете рисовать.

Image showing where to find the Opacity and Flow options in the Options Panel

Шаг 2

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

Example of lines drawn from the crown to the tips of the hair

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

Example of hair rendering process mid completion

Шаг 3

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

Example of stray hair added to the illustration

Шаг 4

Чтобы добавить больше одного цвета на волосы, создайте новый слой поверх слоя с раскрашенными волосами. Я ещё раз преобразовала новый слой в обтравочную маску, чтобы не переживать, что я случайно "залезу" за контуры линий волос. Поменяйте режим наложения для данного слоя на Цветность (Color) и вуаля! Теперь кончики волос синие!

Example of Clipping Masks and Blending Modes used to change Color

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

4. Добавляем Текстуру к Хвосту

Шаг 1

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

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

Image that shows tail area smoothed with Soft Round Brush

Шаг 2

Во-первых, добавление теней очень похоже на то, как мы изменили цвет волос, мы начнём с создания нового слоя поверх всех слоёв. Прокрасьте элемент хвоста одним цветом, но на этот раз не меняйте режимы наложения для слоя (просто оставьте тот же самый режим наложения Нормальный (Normal).

Тем не менее, вам необходимо Сохранить прозрачность пикселов (Lock Transparent Pixels), как показано на скриншоте ниже.

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

Area above tail blocked out with a solid color

Шаг 3

Вначале мы применим фильтр Облака (Clouds), чтобы воссоздать вариацию тонов. В качестве альтернативы, здесь вы могли бы добавить свою вариацию тонов вручную.

Когда вы используете фильтр Облака (Clouds), убедитесь, чтобы цвета переднего и заднего плана были установлены на соответствующие цвета. В данном примере, а также для этого урока, я использовала светло-голубые и белые цвета. Далее, находясь на слой с заливкой элемента хвоста, идём Фильтр – Рендеринг – Облака (Filters > Render > Clouds).

Example of applied Cloud filter

Шаг 4

Теперь давайте создадим эффект чешуи! Откройте панель Галерею фильтров (Filter Gallery) через Фильтр – Галерея фильтров (Filters > Filter Gallery).

Далее, мы применим два фильтра к нашему слою с заливкой хвоста: первый, Витраж (Stained Glass), а второй, Целлофановая упаковка (Plastic Wrap). На скриншоте ниже вы можете увидеть, как будет выглядеть окно с настройками фильтра:

Обратите внимание, что стрелка указывает на перечень используемых фильтров. Вы можете добавить или удалить фильтры через значки Новый (New) и Корзина (Trash), которые выделены кружком.

Я использовала следующие настройки:

  • Витраж (Stained Glass): Размер ячейки (Cell Size 28), Толщина границ (Border Thickness) 7, Интенсивность света (Light Intensity) 4
  • Целлофановая упаковка (Plastic Wrap): Подсветка (Highlight Strength) 13, Детализация (Detail) 12, Смягчение (Smoothness) 5

Однако имейте в виду, что нет “идеальных настроек”. Я бы посоветовала вам поэкспериментировать и откорректировать эти значения, на те значения, которые вы сочтете нужными.

Нажмите кнопку ‘OK’, если вы будете довольным настройками, которые вы установили.

Example of the Filter Gallery and its settings

Шаг 5

Теперь, поменяйте режим наложения для слоя, с которым мы работали на Умножение (Multiply). Вуаля! Хвост нашей русалки выглядит так, как будто он покрыт чешуей.

Scales Layer set to Multiply illustrating effect on tail area

5. Добавляем Заключительные Штрихи

Шаг 1

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

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

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до примерно 50%, как показано на скриншоте ниже. Это сделает хвост прозрачным.

Example of fin cut with lowered opacity

Шаг 2

Чтобы добавить небольшое цветовое разнообразие к хвосту, дублируйте слой с хвостом, поменяйте режим наложения для дубликата слоя на Нормальный (Normal). Я уменьшила Непрозрачность (Opacity) слоя до 33%, а также закрепила прозрачность пикселов в панели Слои (Layers), a затем, используя технику, используемую ранее в этом уроке, я добавила синие и фиолетовые тона.

Example of color placed underneath transparent fin

Шаг 3

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

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

Visual adjustments made to fin and tail area

Шаг 4

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

Example of final refinements

Отличная Работа!

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

Желаю вам удачи в создании своих собственных красочных русалок!

Final tutorial image
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.