Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Рисуем Портрет Кота в Викторианском Стиле

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Художники по компьютерной графике имеют уникальную возможность окунуться в атмосферу прошлого, используя технику, а также одев своих героев в стиле прошлых эпох. В этом уроке я покажу вам, как создать весёлый портрет стильно одетого кота, данный стиль одежды навеян портретными картинами Викторианской эпохи. Мои инструменты, с которыми я буду работать это программа Adobe Photoshop CS6, а также планшет Wacom Intuos. Итак, давайте приступим!

Исходные материалы

Исходные материалы, которые были использованы в уроке:

Обсуждаем Викторианскую Эпоху

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

Согласно Википедии, “Антропоморфизм” (попробуйте проговорить в пять раз быстрее) — наделение человеческими качествами животных, предметов, явлений, мифологических созданий.

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

Элементы Викторианской Эпохи

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

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

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

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

1. Контурный Рисунок: Викторианский Кот

Шаг 1

Я наткнулся на действительно интересный сайт Pinterest, который посвящён Антропоморфизму и использовал его в качестве вдохновения для своей картины. Тамблер также помог собрать информацию, так как многие люди уже посвятили свои страницы моде Викторианской эпохи. Примечание переводчика: Тамблер сервис микроблогов, включающий в себя множество картинок, статей, видео и GIF-изображений по разным тематикам и позволяющий пользователям публиковать посты в их тамблелог (англ. tumblelog).

Итак, создайте новый документ в программе Photoshop. Установите следующие настройки:

  • Размеры Изображения (Image Size) 8.5 x 11 дюймов
  • Разрешение (Resolution) 300 dpi

Шаг 2

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

Trace the Cat Reference

Шаг 3

Из всего материала, который я изучил, в голове у меня было три варианта, как будет одет мой кот.

Sketch Outfits for the Cat

Шаг 4

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

Clean Up the Cat Sketch

Шаг 5

Чтобы не перегружать картину, я решил создать обычную овальную раму, которой будет достаточно. С помощью инструмента Овальная область (Ellipse Tool (U), создайте вытянутый овал, далее, создайте дубликат слоя, затем уменьшите масштаб дубликата слоя, расположив дубликат внутри первого овала.

Use the Ellipse Tool to Create the Frame

Далее, я просто расположил кота внутри рамы, использовав инструмент Свободная трансформация (Free Transform Tool (Ctrl-T). При масштабировании, удерживайте клавишу (Shift), чтобы сохранить пропорции кота.

Resize the Cat to Fit Inside the Frame

2. Создаём Полутоновую Основу

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

С помощью инструмента Заливка (Paint Bucket Tool (G), я залили задний фон светло-серым оттенком.

Fill the Background with a Light Gray Color

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

Fill the Painting Area with a Dark Gray

3. Добавляем Цвета

Шаг 1

Создайте новый слой (Ctrl+Shift+N). Преобразуйте данный слой в обтравочную маску к слою с тёмно-серым овалом. Обтравочная маска поможет вам не зайти за контур овала при прокрашивании. Выберите текстурную кисть в панели кистей, чтобы приступить к закрашиванию.

Paint the Base Colors on a Clipping Mask

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

Шаг 2

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

Paint Shadows on a Layer Set to Multiply

4. Создаём Текстуру, Освещение, Тени

Шаг 1

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

Paint Above the Sketch Layer

Шаг 2

К слою с серым овалом, добавьте новый корректирующий слой Цветовой тон / Насыщенность (Hue and Saturation) в качестве обтравочной маски так же, как и предыдущий слой. Уменьшите значение Яркости (Lightness) до -70, таким образом, мы можем добавить больше контраста между котом и задним фоном.

Add a Hue and Saturation Adjustment Layer

Шаг 3

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

Add an Overlay Layer to Brighten Up the Painting

Шаг 4

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

Add an Additional Light Source

5. Рисуем Драпировку на Заднем Фоне

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

Paint the Background Curtain

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

Finish the Background Curtain

6. Усиливаем Текстуру Меха и Костюма

Шаг 1

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

Paint the Fur with Hard and Soft Brushes

Шаг 2

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

Deepen and Brighten Colors with Multiply and Overlay Layers

Шаг 3

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

Continue Painting the Fur Until it looks Realistic

7. Используем Корректирующие Слои для Усиления Цвета

Я не могу завершить картину без добавления одного или двух корректирующих слоёв. Идём Слой – Новый корректирующий слой - Уровни (Layer > New Adjustment Layer > Levels), установите Входные значения (Input Levels) для параметров Тени (Shadows), Средние тона (Mid tones), а также Световые блики (Highlights) для усиления контраста.

Add a New Adjustment Layer for Levels

Добавьте ещё один корректирующий слой Цветовой Баланс (Color Balance) для коррекции Средних тонов (Midtones) и Световых бликов (Highlights), чтобы добавить синий оттенок.

Add a New Adjustment Layer for Color Balance

8. Рисуем Раму и Задний Фон

Шаг 1

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

Use the Ellipse Tool to Create the Oval Frame

Шаг 2

Щёлкните правой кнопкой по слою с овалом и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Выберите следующие стили слоя Тень (Drop Shadow) и Внутренняя тень (Inner Shadow).

Add a Drop Shadow and Inner Shadow to the Frame

Шаг 3

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

Create Clipping Masks for the Color Texture and Shadows

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

Заключительный вид картинной рамы.

Final Frame for the Painting

Шаг 4

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

Color the Background Blue

9. Создаём Дамастный Узор

Шаг 1

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

Sketch a Custom Damask Design in Photoshop and Fill it

Шаг 2

Продублируйте узор несколько раз, соединив дубликаты узоров вместе с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T). Объедините все слои с узором в один слой. Как только вы создадите объединённый слой с узором, выделите узор с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M) и далее, идём Редактирование – Определить кисть  (Edit > Define Brush), чтобы создать свою кисть с дамастным узором.

Create a Custom Damask Design Brush

Шаг 3

С помощью кисти с дамастным узором, аккуратно нанесите узор на половину стены. Далее, продублируйте слой с узором. Отразите дубликат слоя по горизонтали, Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), чтобы создать цельный узор для заднего фона. Далее, поменяйте режим наложения для слоя с узором на Яркий свет (Vivid Light), а также уменьшите непрозрачность слоя до 12%.

Create a Damask Pattern Background

Добавьте простой эффект виньетки, путём создания нового слоя и заливки его чёрным цветом. Далее, с помощью инструмента Ластик (Eraser Tool (E), обработайте центр изображения. Поменяйте режим наложения для слоя с виньеткой на Мягкий свет (Soft Light), непрозрачность слоя 80%.

Add a Vignette Effect to the Background

10. Заключительные Детали

Время для завершения картины! С помощью жёсткой круглой кисти непрозрачностью (50-100%), проведите ретушь картины. Во время этого этапа, я в основном сфокусировался на том, чтобы детали были чётко видны, а не были слишком размытыми.

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

Clean Up the Painting and Finish Details

Ваш Викторианский Кот нарисован!

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

Final Result for Painting a Dapper Cat in Photoshop

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.