Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Рисуем Кучевые Облака, Дождевые и Перистые Облака в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Любить смотреть на небо? Воссоздайте красивые и реалистичные облака с помощью этого урока Photoshop.

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

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

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

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

Как Непосредственно Работать с Любой Фотографией с Облаками

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

Нам определенно нужно знать, на что мы смотрим!

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

Вы также можете обратиться к этому замечательному уроку для получения дополнительных советов по рисованию облаков:

Я буду использовать несколько исходных фотографий от Envato Elements. Не стесняйте использовать дополнительные изображения при необходимости.

References from Envato Elements

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

Настройте Своё Рабочее Место

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

Идём Окно- Упорядочить - 2 вверх, по вертикали (Window > Arrange > 2-Up Vertical).

Arrange Your Workspace

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

Итак, давайте приступим!

1. Рисуем Стандартные Кучевые Облака

Шаг 1

Давайте создадим задний фон!

Создайте новый документ в Photoshop со следующими размерами 900 x 450 px с разрешением 300 dpi. Небольшие размеры документа отлично подойдут для стандартной практики.

Создайте новый слой поверх фонового слоя. Откройте окно Параметров наложения (Blending Options), чтобы добавить стиль слоя Наложение градиента (Gradient Overlay). С помощью Линейного градиента (Linear Gradient), создайте синее небо, используя следующие цвета градиента: #b3d0dd, #90dcff, и #68c1f0). Установите настройки, которые указаны ниже:

Add Gradient Overlay

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

Linear Gradient result

Вам понадобится графический планшет для следующих шагов.

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

Paint soft shadow onto backround

Шаг 2

Создайте новый слой поверх предыдущего слоя.

Далее, с помощью с помощью жёсткой круглой кисти со 100% Жёсткостью (Hardness) и Непрозрачностью (Opacity), нарисуйте сплошную фигуру облака, не совсем белого цвета #adb7c0. Начните с простой формы облаков, прежде чем переходить к сложным.

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

Paint base cloud shape

Затените облако с помощью нежных теней.

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

Начните со 100% Жёсткостью (Hardness) и 100% Непрозрачностью (Opacity), а затем, уменьшите оба значения, чтобы совместить тени.

Нужна помощь с совмещением? Тогда посетите этот урок:

Paint soft shadow

Шаг 3

Создаём базовые текстуры.

Используя художественные кисти из набора кистей, нарисуйте нежные изогнутые гребни на облаке. Используйте белый цвет и светло-серый #94a8bc, чтобы сразу установить схему освещения. Примечание переводчика: не забывайте создавать новые слои в качестве обтравочных масок в этих и в дальнейших шагах.

Photoshop Brushes

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

Paint white peaks onto the cloud
В этом шаге я использовала кисти ‘Fast Acrylic’ и ‘Wet Gouache’.

Слегка обработайте жёсткие края облака с помощью инструмента Ластик (Eraser Tool (E) с Непрозрачностью (Opacity) 20-40%.

Erase the edges of the cloud

Шаг 4

Теперь, когда у нас есть простая основа, мы можем продолжать дальше!

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

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

use a hard round brush for detail

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

paint pockets of shadow

Шаг 5

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

С помощью мягкой круглой кисти Жёсткостью (Hardness) 0%, окутайте облако мягким туманом.

Paint soft mist

Шаг 6

Давайте проведём коррекцию цвета с помощью корректирующих слоёв.

Вначале, добавьте корректирующий слой Карта градиента (Gradient Map). Установите Линейный градиент (Linear Gradient), цвета градиента: #c6cbd4 и #b4cbdc, а также поменяйте режим наложения на Затемнение основы (Color Burn).

gradient map adjustment layer

Добавьте корректирующий слой Уровни (Levels) со следующими настройками, которые указаны ниже. С помощью уровней мы мгновенно выделим облако, создав нужный нам вид.

Levels adjustment layer

Шаг 7

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

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

Регулярно варьируйте Непрозрачность (Opacity) кисти и не переживайте, что изображение выглядит беспорядочно!

Paint the sky background

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

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

Blend the background

Шаг 8

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

Добавьте новые слои, а затем попробуйте добавить различные формы и завихрения. Переключитесь на кисть Мел (Chalk), чтобы ваши облака выглядели более реалистично. Немного дополнительной текстуры мгновенно добавят больше реализма.

Use a chalk brush for small lines

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

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

How to Paint a Fluffy Cloud in Photoshop

2. Рисуем Дождевые Облака

Шаг 1

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

Давайте начнём с неба. Используйте те же самые размеры документы, что и ранее. Щёлкните правой кнопкой по первому слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options).

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите Линейный градиент (Linear Gradient), цвета градиента: #373984 и #6364ad.

Create a gradient overlay

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

Storm background

Шаг 2

Я решила, что нет необходимости создавать наброски для каждого из этих рисунков с облаком. Моё решение с чего начать - это создать новый слой и на нём нарисовать фиолетовые фигуры облаков #5354a6.

Create the flat cloud shapes

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

Для этой части, установите мягкую круглую кисть Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 50%.

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

Paint soft shadow and light

Создайте новый слой ниже слоя с облаками. С помощью этого слоя, добавьте белое мягкое пятно кистью Непрозрачностью (Opacity) 1-40% за облаками, поскольку в данный момент, наша сцена выглядит слишком тёмной.

add a spotlight behind coud

Шаг 3

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

Посвятите новые слои для создания молний.

Слушайте свою интуицию. Обратите внимание, что картинка сильно меняется, поскольку я постоянно обращаюсь к оригинальной фотографии.

Paint the lightning bolts and clouds

Теперь совмещаем, совмещаем, совмещаем!

Уменьшите Жёсткость (Hardness) кисти до 0%, а также используйте новые слои, чтобы смягчить небо. Используйте большие размашистые движения кистью, включая круговые завихрения, чтобы создать реалистичные облака.

Soften the sky

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

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

Blend the background

Шаг 4

Выберите инструмент Градиент (Gradient Tool (G). Установите Линейный градиент (Linear Gradient), от чёрного до прозрачного.

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

Paint shadow for the city

Добавьте новый корректирующий слой Поиск цвета (Color Lookup). Из выпадающего меню 3DLUT File, выберите фильтр Fuji F125 Kodak 2393.

color lookup adjustment

Далее, усильте контрастность с помощью корректирующего слоя Яркость / Контрастность (Brightness/Contrast).

brightness and contrast adjustment

Шаг 5

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

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

Если вы нажимаете слишком сильно на планшете, то Непрозрачность (Opacity) должна быть очень низкой. Это может создать много лишнего дискомфорта - поверьте мне, я знаю это не понаслышке!

Use a softer brush for the clouds

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

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

Continue to rework your painting

Шаг 6

Если вы чувствуете, что картина выглядит немного скучной, тогда усильте её яркость!

Добавьте новый корректирующий слой Яркость / Контрастность (Brightness/Contrast). Установите значения, которые указаны на скриншоте ниже:

brightness and contrast adjustment

Шаг 7

Создайте новый слой. Поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add).

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

Также не забывайте подглядывать на оригинальное изображение!

Paint the city

Цвета слишком насыщенные? Проведите коррекцию цвета с помощью корректирующего слоя.

Добавьте новый корректирующий слой Поиск цвета (Color Lookup). Из выпадающего меню 3DLUT File, выберите фильтр 2Strip.look. Уменьшите Непрозрачность (Opacity) слоя до 47%.

color lookup adjustment

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

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

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

How to Paint a Stormy Cloud in Photoshop

3. Рисуем Перистые Облака

Шаг 1

Пришло время для последней сцены!

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

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

Начните с заднего фона, используя те же самые размеры документа, которые мы использовали ранее. Откройте окно с Параметрами наложения (Blending Options), чтобы добавить стиль слоя Наложение градиента (Gradient Overlay). Установите Линейный градиент (Linear Gradient), цвета градиента: #334b82 и #b5c1dc.

Gradient overlay

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

Sky gradient background

Шаг 2

С помощью жёсткой круглой кисти Жёсткостью (Hardness) 100%, цвет кисти коричневый, добавьте землю к нашей сцене.

Paint some land

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

Используйте насыщенные, похожие на закат цвета (#ffa466, #ce6764), а также акриловые текстурные кисти из исходного набора кистей.

Paint with acrylic brushes

Шаг 3

Давайте сделаем небо выделяющимся!

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay). Примените инструмент Градиент (Gradient Tool (G), цвета градиента: от синего #335f8e до прозрачного. Теперь небо стало выглядеть лучше!

using gradients to change the sky color
Результат наложения градиента ДО и После.

Шаг 4

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

Soften the sky

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

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

Blend the sky

Шаг 5

Добавьте новый корректирующий слой Кривые (Curves).

Создайте крутую кривую для RGB канала, чтобы усилить контрастность.

curves adjustment

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

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

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

Adjust the painting

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

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

paint grass and shrubbery

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

Paint sunlight

Рисование в цифровом формате –это вопрос времени и терпения. Независимо от того, сколько часов прошло, продолжайте рисовать.

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

Before and after hard brush
Используйте жёсткую кисть, результат до и после.

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

How to Paint Wispy Clouds in Photoshop

Мы завершили урок!

Не забудьте поместить этот урок в закладки, поскольку он поможет вам в ваших будущих проектах!

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

Надеюсь, что вам понравился этот урок! Ещё больше уроков по цифровому рисованию вы можете увидеть, пройдя по следующим ссылкам:

How to Paint Fluffy Stormy and Wispy Clouds by Melody Nieves
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.