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

Рисуем и Раскрашиваем в Цвета Радуги в Adobe Photoshop

by
Length:LongLanguages:

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

Final product image
What You'll Be Creating

Любовь приходит во множестве различных красивых форм и цветовых оттенков! В этом уроке мы нарисуем и раскрасим счастливую красочную пару в Adobe Photoshop. Мы также задействуем символизм, который включает как цвета флага трансгендеров, так и цвета радужного флага ЛГБТ.

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

Давайте приступим к этой романтической встрече!

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

1. Начинаем с Первоначального Эскиза

Шаг 1

Вначале, нам нужно создать новый документ; я использовала следующие размеры рабочего документа: 11 дюймов по высоте и 14 дюймов по ширине с разрешением 300 dpi. В данном случае, мы используем горизонтальное расположение холста, а не вертикальное.

New Document Window

Шаг 2

Я настоятельно рекомендую рисовать эскиз на новом слое. Если вы не видите панель слоёв, то вы можете открыть её через меню Окно – Слои (Window > Layers).

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

Создайте новый слой, для этого щёлкните по значку Новый слой (New Layer) в нижней части панели слоёв.

Example of the Layers Panel

Шаг 3

Итак, давайте приступим к нашему эскизу. При создании эскиза, я часто использую жёсткую круглую кисть. Однако, я редко рисую без предварительной настройки кисти в панели настроек Кисть (Brush).

Я настоятельно рекомендую, чтобы настройки кисти Колебание Непрозрачности (Opacity Jitter) и Колебание Количества Краски (Flow Jitter) были установлены на Нажим пера (Pen Pressure).

Непрозрачность (Opacity) относится к степени прозрачности, в то время как Количество краски (Flow) можно сравнить с тем, сколько краски “выходит” из вашей кисти. Вы можете найти это в настройке Передача (Transfer) в панели Кисть (Brush). Установив эти параметры на Нажим пера (Pen Pressure), вы заметите варьирование непрозрачности и количества краски на основе штрихов кисти.

Example of Opacity and Flow Jitter

Шаг 4

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

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

Preview of Initial Sketch on New Layer

Шаг 5

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

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

Example of Initial Sketch partially visible behind Refined Sketch

Шаг 6

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

Example of Refined Sketch and Hiding Layers

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

Шаг 1

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

Color placed on top of lines using Multiply Blending Mode

Шаг 2

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

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

Examples of multiple Clipping Masks

Шаг 3

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

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

Чтобы переименовать слои, дважды щёлкните по названию слоя – это так просто! Вы также можете переименовать слой, щёлкнув правой кнопкой мыши по слою и в появившемся окне, выбрать опцию Переименовать (Rename).

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

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

Example of Folders and Colors in the Layers Panel

Шаг 4

Как только меня устроят выбранные базовые цвета, я лично предпочитаю выполнять сведение слоёв. Перед сведением слоёв, я обычно Сохраняю (Save) свою работу, просто на всякий случай, если я решу “вернуться”, что-то исправить.

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

Помните, что вы всегда можете продублировать слой (группу), зажав его кнопкой мыши и перетащив на значок Новый слой (New Layer) в нижней части панели слоёв.

В качестве альтернативы, вы можете щёлкнуть правой кнопкой мыши по слою и в появившемся окне, выбрать опцию Создать дубликат слоя (Duplicate Layer).

Тем не менее, над задним фоном также необходимо поработать! Используя инструмент Заливка (Paint Bucket Tool), я залила фоновый слой светло-голубом оттенком. Я хочу создать несколько пушистых облаков на заднем фоне, но мы позаботимся об этом позже. На данный момент я просто хочу определить начальный цвет заднего фона.

Preview of adjusted Background Layer

Шаг 5

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

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

Initial Values added to Illustration

3. Раскрашиваем Персонажей

Шаг 1

Прежде чем начать, убедитесь, что вы знакомы с настройками Непрозрачность (Opacity) и Нажим (Flow). Эти настройки расположены в верхней части панели управления (рядом с меню Файл, Редактирование и т.д.), а вы можете увидеть эти настройки, когда активен инструмент Кисть (Brush Tool).

Я часто регулирую эти настройки в зависимости от мазки кисти, который я хочу получить. Например, с настройками Непрозрачности (Opacity) и Нажимом (Flow) 100%, я знаю, что я собираюсь создать более плотную линию, чем если бы у меня были оба значения около 50%.

Здесь нет "правильных настроек", на мой взгляд – меняйте и корректируйте их, при необходимости.

Opacity and Flow in the Options Panel

Шаг 2

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

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

Soft Round Brush used in the facial area

Шаг 3

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

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

Также обратите внимание, что я рисую поверх своей работы в новом слое с режимом наложения по умолчанию: Нормальный (Normal).

Example of Face Rendering on both characters

Шаг 4

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

Для добавления розовых теней для век, давайте создадим новый слой с режимом наложения Умножение (Multiply). Далее, нанесите яркий насыщенный розовый цвет.

Для добавления зелёных теней для век, создайте новый слой с режимом наложения Цветовой тон (Hue). Нанесите зелёный цвет.

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

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

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

Make up added to the character art

4. Проводим Рендеринг Волос

Шаг 1

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

Давайте начнём с персонажа, которая расположена слева от наблюдателя.

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

Лично мне нравится начинать с более тёмных тонов и “обыграть таким образом свет”. Когда дело касается выбора цветов, я использую инструмент Пипетка (Eyedropper Tool), чтобы отобрать цветовой оттенок, основываясь на первоначальных тонах, которые уже были определены здесь.

Start of rendering the left characters hair

Шаг 2

Для световых бликов, вы могли бы выбрать более светлые тона с помощью Палитры цветов (Color Picker), однако мне нравится экспериментировать с режимами наложения.

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

Я продолжила добавлять новые слои с режимами наложения Осветление основы (Color Dodge) и Умножение (Multiply) для коррекции волос.

Process illustrating the rendering process

Шаг 3

Теперь давайте посмотрим на персонажа справа.

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

Start of rendering afro textured hair

Шаг 4

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

Example of afro rendering process

Шаг 5

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

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

Details added to the hair areas

5. Добавляем Цветовое Разнообразие

Шаг 1

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

Refining the fold areas

Шаг 2

Итак, мы подошли к самой увлекательной части урока! Давайте добавим самые разные цвета.

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

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

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

Refining the hair area in a solid color

Шаг 3

Далее, давайте поменяем режим наложения для данного слоя на Цветность (Color). Обратите внимание, как режим наложения изменит цвет области, которую мы прокрасили.

Если мы Сохраним Прозрачность Пикселов (Lock Transparent Pixels) в палитре слоёв, то тогда мы можем применить несколько цветов к этой области, не выходя из границы контура волос. Я использовала мягкую круглую кисть, чтобы создать плавные переходы цвета.

Adding rainbow colors to the hair

Шаг 4

Теперь давайте добавим цветовое разнообразие на другие участки композиции.

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

Поменяйте режим наложения для данного слоя на Умножение (Multiply).

Как только вы прокрасили / обозначили область, куда вы собираетесь добавлять цветовое разнообразие, не забудьте включить опцию Сохранить Прозрачность Пикселов (Lock Transparent Pixels) для слоя. Таким образом, мы можем добавлять любые цвета, при этом не переживать, что мы заденем кистью смежные участки.

Defining another area for color variation

Шаг 5

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

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

Серёжки у персонажа слева окрашены в цвета флага трансгендеров, а серёжки у персонажа слева окрашены в радужные цвета флага ЛГБТ.

Using Multiply Blending Mode to apply colors

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

Шаг 1

Вначале, давайте добавим немного цвета и блики на глаза.

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

Далее, создайте ещё один новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply). Я добавила синие блики на верхние участки глаз.

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

Adding details to the eye areas

Шаг 2

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

Откройте панель настроек Кисть (Brush) (через меню Окно – Кисть (Window > Brush), далее, выберите опцию Форма отпечатки кисти (Brush Tip Shape). Увеличьте значение Интервала (Spacing)—я увеличила интервал до 98%. Обратите вниманием, что штрих кисти больше не выглядит, как сплошной штрих. Вместо этого, вы увидите штрих кисти в виде нити из кружочков.

Создайте новый слой, чтобы добавить нить с жемчугом.

Example of excess spacing added to the Brush Strokes

Шаг 3

Чтобы раскрасить ожерелье, Сохраните Прозрачность Пикселов (Lock Transparent Pixels) на применяемом слое. Таким образом, мы можем добавить радужные цвета на ожерелье и не переживать, что цвет выдут за пределы области. Которую мы прокрасили / обозначили.

Вместо прокрашивания вручную внешнего контура вокруг ожерелья, я использовала стиль слоя Обводка (Stroke). Нажмите на значок Добавить стиль слоя (Add a Layer Style) в нижней части панели слоёв ив появившемся меню, выберите опцию Обводка (Stroke).

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

Effects and colors added to the necklace area

Шаг 4

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

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

Highlights added to the necklace areas

Шаг 5

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

Вначале, я откорректировала светло-голубой фон. Я слегка затемнила синий цвет.

Далее, я добавила облака на новом слое с помощью жёсткой и мягкой кисти.

Чтобы создать более естественные и нежные облака, используйте инструменты Размытие (Blur) и Палец (Smudge) для коррекции контуров ваших облаков.

Example of clouds added to the background

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

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

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