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

Рисуем и Раскрашиваем Галактический Афро Портрет в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating
Final product image
Итоговый результат

Африканцы прекрасны – так же, как и космос! Давайте объединим всё это в этом уроке, вдохновлённым для создания галактического портрета в Adobe Photoshop.

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

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

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

Шаг 1

Давайте начнём с создания нового документа. Я использовала следующие размеры для создания рабочего документа: 10 дюймов (inches) по высоте и 8 дюймов (inches) по ширине, разрешение 300 dpi.

Image of New Document Window

Шаг 2

При создании эскиза, я всегда рисую на новом слое – отдельно от фонового слоя (Background). Это помогает сохранить эти два аспекта независимыми друг от друга.

Начните с базовых форм, это поможет вам воссоздать ваш объект. Мне нравится использовать стандартную жёсткую кисть Photoshop при создании первоначальных эскизов.

Обратите внимание на варьирование непрозрачности моих линий рисунка — это происходит потому, что я настроила настройки кисти Колебание Непрозрачности (Opacity Jitter) и Колебание Количества Краски (Flow Jitter) на Нажим пера (Pen Pressure). Вы можете найти эти настройки через панель Кисть (Brush), для этого идём Окно – Кисть (Windows > Brush), мы обсудим эти настройки позже в этом уроке, после создания собственной кисти.

Example of Initial Sketch

Шаг 3

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

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

Example of Refined Sketch

2. Создаём Собственную Кисть

Шаг 1

Пока мы не зашли так далеко, давайте рассмотрим наши кисти.

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

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

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

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

Далее, растрируйте слой, чтобы он больше не был векторным слоем. Для этого, щёлкните правой кнопкой мыши по слою с нарисованным кругом и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer).

Example illustrating how to Rasterize a Layer

Шаг 2

Теперь нам нужно добавить текстуру к нашему кругу. Вначале, Закрепите Прозрачность Пикселов (Lock Transparent Pixels) в панели слоёв, таким образом, фильтры, которые мы применим, будут применимы только внутри круга. Я использовала два фильтра Губка (Sponge) и Зернистость фотоплёнки (Film Grain) через Галерею фильтров (Filters Gallery), чтобы добавить текстуру (указанные фильтры можно найти через меню Фильтр – Галерея фильтров (Filter > Filter Gallery).

Example of applied Filter and Locking Transparent Pixels

Шаг 3

Далее, я откорректировала Экспозицию (Exposure), для этого идём Изображение- Коррекция – Экспозиция (Image > Adjustments > Exposure), а затем вручную создайте дефекты, как внутри, так и вокруг окружности круга (не забудьте отключить опцию Закрепить Прозрачность Пикселов (Lock Transparent Pixels), поскольку мы будем прокрашивать как внутри, так и по внешнему края круга). Примечание переводчика: 1. Для создания дефектов, используйте ластик 2. Создайте рваные края вдоль контура и внутри круга.

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

Example of modified circle

Шаг 4

Имейте в виду, что, если ваш круг не будет в точности выглядеть, как у меня – ничего страшного! Основная цель – это создать кисть с текстурой и с некоторой формой.

В конце, примените фильтр Размытие по Гауссу (Gaussian Blur) к слою с кругом (я использовала радиус размытия 2.5%), а затем почистила любые лишние метки, которые я решила не включать в свою кисть. Чтобы применить фильтр Размытие по Гауссу, идём Фильтр – Размытие – Размытие по Гауссу (Filters > Blur > Gaussian Blur).

Example of Blur applied to the circle

Шаг 5

Чтобы добавить данный круг в библиотеку кистей, идём Редактирование – Определить кисть (Edit > Define Brush Preset). В появившемся окне, дайте название своей новой кисти, любое название подойдёт! Обычно я выбираю название, которое поможет мне вспомнить, что именно я создавала и / или с какой целью я создавала кисть.

Example illustrating the creation of a Brush Preset

3. Добавляем Первоначальные Цвета и Объём

Шаг 1

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

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

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

Example of initial Base Colors

Шаг 2

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

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

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

Example with Background color added

Шаг 3

Я довольна своим выбором цветовых оттенков, но мне бы хотелось, чтобы всё было в фиолетовых тонах, так как персонаж расположен на фоне космоса.

Создайте новый слой, поменяйте режим наложения для данного слоя на Цветовой тон (Hue). Уменьшите Непрозрачность (Opacity) слоя до 32%, это создаст лёгкий оттенок, а не сплошной фиолетовый тон. Я использовала тот же самый фиолетовый тон, который я использовала для других деталей иллюстрации.

Example showing a purple hue added to illustration

Шаг 4

Теперь давайте поэкспериментируем с нашим источником света.

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

Здесь я поэкспериментировала со светло-фиолетовым оттенком, поменяв режим наложения на Умножение (Multiply).

Example of initial values added with Clipping Mask

Шаг 5

Отобрав исходные цвета и тона, пришло время провести совмещение и коррекцию рисунка.

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

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

Close up of illustration showing use of different Brushes

Шаг 6

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

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

Вы можете найти эти настройки в панели Кисть (Brush), для этого идём Окно – Кисть (Windows > Brush).

Example of Brush Settings in the Brush Panel

Шаг 7

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

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

Example illustrating soft and hard values in the illustration

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

Example Brush Strokes

Шаг 8

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

Example showing additional value added

Шаг 9

Теперь давайте возьмём то, что мы узнали, и применим это к нашей созданной кисти. Мы используем кисть в моей самой любимой части – создание афро стиля!

Я рекомендовала бы сохранить значение Интервала (Brush Spacing) между 5% и 10% для данной кисти и цели этого урока. Опять же, вы можете открыть панель настроек Кисть (Brush) для этого идём Окно – Кисть (Window > Brush).

Значение Интервала (Brush Spacing) – это пространство между мазками вашей настроенной кистью. Помните круг, который мы создали в качестве основы для нашей пользовательской кисти? Увеличьте значение Интервала (Brush Spacing), и кисть начнёт воспроизводить круг, который мы первоначально создали.

Example of Brush Spacing

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

Two Sample Circles drawn with different Brushes

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

In progress example of painting the afro hair

4. Создаём Галактический Задний Фон

Шаг 1

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

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

Вначале, создайте новый слой поверх фонового слоя (Background), залейте этот слой чёрным цветом. Это будет начало нашего звёздного неба.

Example illustrating toggling Layers and creating new ones

Шаг 2

Далее, мы примени фильтр к новому слою. Существует множество способов создания звёздного неба—основная цель - это просто создать задний фон, наполненным звёздами. Для этого урока, мы применим фильтр Губка (Sponge Filter) через Галерею фильтров (Filter Gallery), для этого идём Фильтр – Галерея фильтров (Filters > Filter Gallery).

Example of the Filter Gallery and settings

Шаг 3

Далее, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (radius) размытия на 3.5 px.

Example of Gaussian Blur settings

Шаг 4

Затем нам необходимо провести коррекцию кривых. Идём Изображение- Коррекция – Кривые (Image > Adjustments > Curves), чтобы открыть панель для коррекции кривых.

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

Example of Curves and Input values

Шаг 5

Далее, давайте создадим новый слой поверх слоя, с которым мы только что работали. Мы применим фильтр Облака (Cloud) к данному слою, используя чёрно-белые цвета.

Поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge).

Example showing the new layer added with Cloud Filter set to Color Dodge

Шаг 6

Итак, мы подошли у интересной части урока! Создайте новый слой между слоем с эффектами облаков (с режимом наложения Осветление основы (Color Dodge) и слоем со звёздами (который расположен прямо поверх фонового слоя (Background). Уменьшите значение Непрозрачности (Opacity) для этого нового слоя до 15%.

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

По мере прокрашивания, вы заметите появление облаков в небе среди звёзд!

Example that shows color added to the galaxy background

Шаг 7

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

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

Artwork on top of the galaxy background

5. Раскрашиваем волосы в Галактические Цвета

Шаг 1

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

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

Color placed on top of the illustration in a Clipping Mask

Шаг 2

Как только вас устроит область, которую вы обозначили, поменяйте режим наложения на Цветность (Color). Не забудьте включить опцию Закрепить Прозрачность Пикселов (Lock Transparent Pixels), таким образом, мы будем ограничены областью прокрашивания, которую мы только что создали.

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

Example of Layers Blending Mode changed to Color

Шаг 3

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

Refinements added to the hair area of the illustration

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

Шаг 1

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

Initial creation of hair sparkles

Шаг 2

Далее, продублируйте данный слой со звёздочками, применив фильтр Размытие по Гауссу (Gaussian Blur) к дубликату слоя, чтобы добавить свечение к звёздочкам.

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

Progress image of sparkles added to the hair area

Шаг 3

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

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

Я также решила добавить нотку галактики на её глаза, добавив тени на веки! Для этого я использовала ту же самую технику, которую мы использовали ранее, когда добавляли цвета на волосы. Создайте новый слой, поменяйте режим наложения для данного слоя на Цветность (Color), a затем добавьте цветовой тон с помощью мягкой кисти. Если эффект получился слишком насыщенным, тогда уменьшите непрозрачность слоя.

Close up of finishing touches added to the illustration

Шаг 4

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

Close up of the bottom of the portrait blended into the background

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

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

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

Finished Galaxy Afro Portrait
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.