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

Как создать цифровую живопись "Язык жестов" в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Communication Week.
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop
35 Best Calligraphy Fonts

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

Final product image
What You'll Be Creating

Любовь... универсальна.

Научитесь создавать цифровую живопись, основанную на алфавите американского языка жестов (ASL) в этом обучающем материале по Photoshop. Я расскажу как нарисовать каждую руку с нуля перед тем, как приступить к цифровой обработке в Режиме наложения слоёв и т.д.

Для создания текстуры и реализма были применены Акриловые и гуашевые кисти Photoshop. В Envato Elements вы можете найти больше потрясающих кистей Photoshop.

Ресурсы статьи

В подготовке данного материала были использованы следующие ресурсы:

Выбирая образцы

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

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

Hand References for ASL Alphabet
Если сомневаетесь, сделайте собственные снимки!

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

Тема

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

1. Как рисовать руки

Шаг 1

Создайте Новый документ в Photoshop. Финальная картина будет размером 3000 x 1350 пикселей при 300 точек на дюйм, но вы можете вначале нарисовать руки в отдельном файле. 

Brush Settings

В Инструменте Кисть (В) выберите Твёрдую круглую непрозрачную кисть для рисования первой руки с буквой "L". Убедитесь, что выбрана опция Нажим пера для непрозрачности. Затем создайте Новый слой и следуйте следующим шагам. 

Draw the L Hand for the ASL Alphabet
  1. Начните с двух "коробок" для ладони руки и пальцев. 
  2. Нарисуйте линии для разделения пальцев, затем нарисуйте указательный палец. 
  3. Нарисуйте большой палец, разбив его на три разные формы. 
  4. Дорисуйте руку, стерев направляющие линии и добавив ногти и складки кожи. 

Шаг 2

Далее, переходим к букве "О". Она немного сложнее, поэтому держите образец под рукой. Создайте Новый слой. 

Draw the O Hand From the ASL Alphabet
  1. Нарисуйте косые линии, чтобы показать внешние углы руки и запястья. 
  2. Определите ладонь руки, затем добавьте закруглённые формы, которые помогут сформировать "О".
  3. Закруглёнными линиями дорисуйте большой палец перед тем, как нарисовать направляющие линии для указательного, среднего и безымянного пальцев. 
  4. Слегка подотрите направляющие линии перед добавлением линий сгиба и ногтей. 

Шаг 3

Теперь нарисуйте руку для буквы "V". Создайте Новый слой. 

Draw the V Hand from the ASL Alphabet
  1. Начните с формы коробки для ладони, затем добавляйте направляющие линии для безымянного пальца и мизинца. 
  2. Добавьте большой палец, разбив его на три трёхмерные формы.
  3. Нарисуйте средний и указательный пальцы, разбив каждый палец на три цилиндрообразные формы.
  4. Сотрите направляющие линии и завершите эскиз, добавив ногти и линии сгиба.

Шаг 4

Наконец, нарисуйте последнюю букву "Е". Создайте Новый слой.

Draw the letter E from the ASL Alphabet
  1. Начните с формы "коробок" для ладони, верхней и передней сторон пальцев. 
  2. Добавьте большой палец, разбив его на три трёхмерные формы.
  3. Быстрыми линиями разделите пальцы.
  4. Сотрите направляющие линии и дорисуйте ногти и линии сгиба.

Шаг 5

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

All the hand sketches for love

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

Landscape orientation for love hands

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

Organized layers

2. Как залить фоновые цвета

Шаг 1

Цифровая живопись - это, в основном, про смешивание цветов. Давайте начнём с фоновых цветов. Уменьшите Непрозрачность каждого слоя до 50%.

Paint the Base Colors
  1. Для каждой буквенной группы создайте Новый слой под названием "фон".
  2. Используйте твёрдую круглую кисть с 100% твёрдостью для заливки каждой руки сплошным тоном. 
  3. Используйте цвета #623e36 для буквы L, #693f39 и #bc7168 для буквы О, #b0837d для V и #82554c для Е.

Шаг 2

Для добавления других тонов кожи я сделаю заливку фона тёмным цветом с тёплым центром для кинематографического эффекта. Выберите фоновый слой и при помощи Инструмента "Прямоугольная область" (М) и Инструмента "Заливка" (G) выберите и залейте фон коричневым #2f1b0d и чёрным цветами.

Fill the background with black and brown
Пусть вдоль краёв останется чёрный цвет - нам он понадобится позже для сглаживания.

3. Как затушевать руки

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

Шаг 1

Начнём в соответствующем порядке с буквы L.

Настройте эскиз на Перекрытие или Мягкий свет, в зависимости от того, как он смешивается с кожей. Создайте Новый слой, затем нажмите правой кнопкой мыши для установки его в качестве Обтравочной маски к базовому слою.  (Вам нужно будет сделать это для каждой группы.) Затем установите Режим наложения слоя на Умножение.

Начните раскрашивать тени руки при помощи мягкой круглой кисти с 0% твёрдости и 40-60% непрозрачности.

Примените точно такой же цвет как и к руке #623e36 для нанесения тени, концентрируясь на более тёмном цвете вдоль внешних краёв ладони и пальцев.

Paint shadows for the first hand

Шаг 2

Повторите эти же шаги для каждой руки. Для наложения тени на букву О вам понадобится точно такой же цвет как и фоновый #693f39. Это так хорошо работает потому, что Режим наложения "Умножение" позволяет применить тот же цвет для окрашивания тени в более тёмный цвет на отдельном слое.

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

Paint shadow on the O hand

Шаг 3

Снова повторите те же шаги для V и Е.

На этот раз используйте комбинацию #693f39 и светло-жёлтого #c2a285 для V (установите на Умножение). Это вид "до" и "после" применения параметра Умножение. Видите, как мгновенно преображается рисунок в сторону реалистичности при наложении всего одного слоя теней?

Shade the V hand

Проделайте то же самое с Е.

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

Paint shadows for the E hand

Шаг 4

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

Paint more shadow on each hand

Шаг 5

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

Наложите Новый слой поверх ваших теней на фон первой руки. Используйте #a17f70 и #4a2c25 для окрашивания ладони и пальцев в мягкие, насыщенные цвета. Установите Режим наложения слоя на Мягкий свет.

Add a soft light layer
До и после переключения режима наложения на Мягкий свет.

Используя ту же теорию, повторите эти шаги для рук О, V и Е.

Сначала добавьте больше тени руке О на слоях, установленных на Умножение.

Deepen the hand
Примечание: я осветлила первоначальный цвет кожи здесь до #c98c84. Можете сделать это в меню Цветовой тон и насыщенность.

Затем установите Новый слой на Экран для буквы V при помощи #b98b82 для рисования мягких бликов в середине руки. 

Paint highlights on V

И, наконец, добавьте Новый слой Мягкого света на Е, мягко нанося цвет #a77d70 на центр руки и пальцев.

Paint color onto E

4. Как правильно раскрасить руки для создания реалистичного эффекта

Шаг 1

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

Поменяйте Файл 3DLUT на FuturisticBleak.3DL. Измените Режим наложения на Насыщенность и уменьшите Непрозрачность до 45%.

Начните с L.

Adjust the color for L

Шаг 2

Затем двигайтесь к О. Примените те же настройки, что и ранее.

Color correct O

Затем завершите с V и Е.

Color correct V and E

5. Как раскрасить руки более реалистично

Шаг 1

Для создания большего реализма начнём с атмосферы. Добавьте тени на фоне несколькими простыми шагами.

Начните с L.

Add a shadow to L
  1. Выберите фоновый цвет для L и удерживайте Control-J для создания дубликата. Копия появится на слой выше оригинала, поэтому выберите первоначальный фоновый слой и уменьшите насыщенность.  Перейдите к Изображение > Коррекция > Цветовой фон и насыщенность и понизьте Яркость до -85.
  2. Используйте Свободное трансформирование (Control-T) для настройки Размера и Перспективы тени и поместите её слева от руки.
  3. Выбрав слой тени, перейдите в Фильтр > Размытие > Размытие по Гауссу, затем сделайте размытие тени, применив Радиус 20 пикселей.

Сделайте то же самое для О, V и Е.

Add shadows to all the hands

Шаг 2

(Примечание: теперь фон был изменён на более тёмный коричневый #201209.)

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

Создайте Новый слой поверх настройки Поиска цвета вне каждой группы. Настройте его на Наложение и примените мягкую круглую кисть 40-50% непрозрачности для заливки цветом #b69e91 поперёк руки.

Add warm color to L

Сделайте то же самое для О, V, и Е.

Add warmth to the other hands

Шаг 3

Теперь мне действительно нравятся эти цвета. Давайте сделаем завершающие штрихи!

Теперь важно определить Новые слои для создания более живых деталей. Для этих шагов я рекомендую кисть с более высокой непрозрачностью (60-90%).

Начнём с L.

Create crisp details
  1. Используя кисти с Набора акриловых и гуашевых кистей, добавьте больше бликов и текстуры руке. Выберите кисть Gouache_Wet_Stroke_ArtistMef для рисования ярких бликов #eecfbe.
  2. Сделайте растушёвку бликов Инструментом "Ластик" (Е) для уменьшения интенсивности цвета. Затем используйте твёрдую круглую кисть для рисования более чистых краёв и складок.

Сделайте то же самое для О, V и Е. Подстройте цвет бликов под тени, подходящие для каждой руки. Пусть руки отражают источник освещения, что подчёркивает складки.

Clean up the hand details

Шаг 4

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

Объедините тени голубого, зелёного и жёлтого для О, V и Е. Сделайте кожу бронзовой коричневыми тенями согласно каждому оттенку кожи.  Экспериментируйте с разными параметрами для создания интересного отражения вдоль краёв каждой руки. Смягчите все резкие цвета Ластиком (Е).

Create Realistic Colors

6. Как добиться прекрасной атмосферы и освещения

Шаг 1

Поднажмём!

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

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

Add a vignette to the painting

Шаг 2

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

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

Вот приближенные L и О.

L and O up close

И вот - V и Е.

Создайте сияние, рисуя почти белыми бликами. Затем обработайте осветлённые зоны Ластиком (Е) (при 30% непрозрачности) для смягчения краёв.

V and E up close

Шаг 3

Смешайте окружающие объекты цвета вместе, пока они не растворятся в фоне.

Blend the scene

На данный момент руки выглядят чересчур бронзовыми. Чтобы было больше вариаций оттенков кожи, нам нужно придать рукам О и V холодные оттенки. Перейдите в Слои > Новый корректирующий слой > Поиск цвета. Измените Файл 3DLut на Crisp_Winter перед тем, как понизить Непрозрачность до 42%.

Add a Color Lookup Adjustment Layer
Корректировка поиска цвета - всегда лучший способ быстро добиться прекрасных цветовых эффектов.

Вот оно! Посмотрите на финальную картину ниже.

Вывод

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

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

Не стесняйтесь оставлять свои вопросы и результаты в комментариях ниже.

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

Sign Language Love Hands Digital Painting by Melody Nieves
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.