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

Рисуем и Раскрашиваем Портрет Звёздного Единорога в Adobe Photoshop

by
Difficulty:IntermediateLength: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, такие как использование базовых инструментов, работа со слоями и создание новых документов. Мы будем работать полностью в программе Photoshop, от начала и до конца.

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

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

Шаг 1

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

Example of New Document window

Шаг 2

Создайте первоначальный эскиз на новом слое – чтобы создать новый слой, нажмите значок Создать новый слой (Create a New Layer) в нижней части панели слоёв.

Example of Initial Sketch on New Layer

Шаг 3

При создании эскиза, я использую жёсткую круглую кисть, предварительно установив Колебание Непрозрачности (Opacity Jitter) и Колебание Количества Краски (Flow Jitter) на Нажим пера (Pen Pressure). Это означает, что степень давления, с которым я надавливаю на своё перо, влияет на непрозрачность и насыщенность моих мазков кисти.

Brush Panel demonstrating Opacity Jitter and Flow Jitter

Шаг 4

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

Lowering the Opacity on the Initial Sketch while drawing on top

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

Шаг 1

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

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

Utilizing Clipping Masks and Blending Modes when applying color

Шаг 2

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

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

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

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

Example of multiple clipping masks when applying color

Шаг 3

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

Вначале, выберите самый верхний слой с заливкой цветового оттенка, которым прокрашены волосы. Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Далее, появится окна настроек данного корректирующего слоя.

Не забудьте поставить галочку в окошке Предварительный просмотр (Preview). Далее, откорректируйте три настройки – Цветовой тон (Hue), Насыщенность (Saturation) и Яркость (Lightness) —чтобы поэкспериментировать со цветом в данной части рисунка. Лично я считаю, что это самый быстрый способ просмотреть, как работают различные цвета и настройки, чтобы увидеть, что мне может понравиться лучше всего!

Example of Hue and Saturation adjustment

Шаг 4

Как только меня устроит выбор цветовых оттенков, я обычно свожу все слои вместе (кроме фонового слоя).

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

Flattened artwork with background color changed

Шаг 5

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

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

Поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add), чтобы слегка усилить цветовые оттенки нашего рисунка. Уменьшите Непрозрачность (Opacity) данного слоя до 75%, чтобы эффект был менее интенсивным.

Сами оцените разницу!

Example of artwork with and without Linear Dodge Add applied

Шаг 6

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

В данном славе, я решила расположить источник света перед лицом персонажа.

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

Example of initial values

3. Создаём Задний Фон

Шаг 1

Давайте поработаем над задним фоном. Вначале создайте новый слой между фоновым слоем и слоем с раскрашенным рисунком. На этом слое мы нарисуем наши звёздочки.

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

Dots placed on a new layer above the background

Шаг 2

На данном этапе, наши звёздочки выглядят всего лишь, как маленькие точки. Давайте применим фильтр Размытие по Гауссу (Gaussian Blur), чтобы придать им немного пылевидной дымки. Установите радиус размытия фильтра Размытие по Гауссу (Gaussian Blur) на 15 px, для этого идём Фильтр- Размытие – Размытие по Гауссу (Filters > Blur > Gaussian Blur).

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

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

Adding Blur and extra color to the stars

Шаг 3

Давайте дополнительно добавим красок на всё небо.

Создайте новый слой поверх предыдущего слоя с раскраской звёзд, а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). С помощью мягкой кисти, добавьте полоску светло-розового цвета на небо. Будьте внимательны, линия не должна выглядеть слишком "идеально".

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

Example of added colors in the sky area

Шаг 4

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

Установите цвет переднего и заднего плана по умолчанию, на чёрно-белые цвета. Далее, находясь на новом слое, примените фильтр Облака (Cloud), для этого идём Фильтр – Облака (Filters > Cloud).

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

Example of the Cloud Filter

Шаг 5

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

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

Applying a new Blending Mode to the Cloud Filter applied

Шаг 6

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

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

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

Creating the shooting star

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

Шаг 1

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

Обычно, я рисую и раскрашиваю, предварительно настроив параметры кисти Колебание непрозрачности (Opacity Jitter) и Колебание Количества Краски на Нажим пера (Pen Pressure), хотя, я также вручную регулирую эти настройки, при необходимости в верхней панели управления инструмента. Данную панель вы можете найти в верхней части своего монитора, предварительно выбрав инструмент Кисть (Brush Tool).

Demonstrating Opacity and Flow in the Options Panel

Шаг 2

Давайте продемонстрируем эти правила на волосах.

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

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

Example of painting on top of artwork in a new layer

Шаг 3

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

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

Example of using Color Dodge to create and develop highlights

Шаг 4

Когда дело доходит до лица, то я зачастую использую мягкую круглую кисть.

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

Using a Soft Round Brush to render the face

Шаг 5

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

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

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

Preview of rendering the character

Шаг 6

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

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

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

Adding additional values to the illustration

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

Шаг 1

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

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

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

Adding values to the unicorn horns and star areas

Шаг 2

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

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

Adding additional dark values on the dark side of the character

Шаг 3

На данном этапе, я объединила все слои своего рисунка (за исключением слоя с падающей звездочкой и слоями с задним фоном).

Давайте добавим больше света, отталкиваясь от падающей звёздочки.

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

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

Adding light to the character inspired by the shooting star

Шаг 4

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

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

Данный процесс очень похож на предыдущий, с единственной разницей- это режим наложения Осветление (Screen).

Adding in blue reflected light

Шаг 5

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

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

Adding in final refinements

Шаг 6

Так же, я решила попробовать добавить розовые тени на веки.

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

Adding in pink eyeshadow

Шаг 7

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

Здесь я использовала жёсткую круглую кисть на новом слое.

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

Finishing touches in the hair area

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

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

Желаю творческих успехов!

Final illustration
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.