Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

211 720 чел. 402 079 работ 4 109 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Рисуем красивые реалистичные облака в Фотошоп

Что вы будете создавать

Вы тоже порой любуетесь невероятной красотой неба? В этом уроке я расскажу вам, как нарисовать красивые, реалистичные облака при помощи Adobe Photoshop.

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

Ищите изображения-источники? Вот эти рисунки, например, были вдохновлены удивительными подборками облаков Envato. Здесь вы можете поискать качественные стоковые изображения.

Скачать архив с материалами к уроку

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

Как работать почти с любым изображением облаков

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

Нам совершенно точно необходимо понимать, что мы видим!

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

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

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

Организуйте рабочее место

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

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

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

А теперь давайте рисовать!

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

Шаг 1

Давайте начнем с фона!

В Photoshop создайте новый документ размером 900 на 450 пикселей и разрешением 300 пикселей на дюйм. Небольшие документы хорошо подходят для практики.

Кликните на фоновом слое, чтобы создать новый. Затем добавьте стиль слоя Gradient Overlay (Наложение градиента, тип - линейный) небесно-голубого цвета (используя следующие оттенки: #b3d0dd, #90dcff и #68c1f0) со следующими настройками:

Примечание переводчика: на скриншоте настойки стиля слоя: Режим наложения - Нормальный, Непрозрачность - 100%, флажок в графе Выровнять по слою, Угол - 95 градусов, Масштаб - 81%.

Вот что получится:

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

Затем, при помощи большой круглой мягкой кисти нарисуйте мягкую синюю точку (цвета #3a6997) - это будет тень, и на ее фоне облако будет хорошо выделяться.

Шаг 2

На новом слое:

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

Начните расставлять на облаке легкие тени.

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

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

Примечание переводчика: Названия слоев на скриншоте сверху вниз: (слой-обтравочная маска) 0% Жесткость, (слой-обтравочная маска) 100% Жесткость, облако, тень, Слой 0 (фоновый слой со стилем слоя Наложение градиента)

Шаг 3

Создайте основную текстуру.

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

Примечание переводчика: автор использует кисти «Влажная гуашь» и «Быстрые мазки Акрилом» из предложенного ей набора размером 80 и 175 пикселей соответственно.

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

Я использовала кисти Fast Acrylic (Быстрый акрил) и Wet Gouache (Влажная гуашь) в этом шаге.

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

Шаг 4

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

Как и ранее, начните рисовать больше теней на облаке. Увеличьте масштаб рисунка до 200%, чтобы нарисовать линии текстуры, это придаст дополнительную глубину. Проверьте, чтобы была включена опция Pen Pressure for Opacity (Использование нажима для определения непрозрачности).

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

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

Шаг 5

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

При помощи круглой мягкой кисти с непрозрачностью 0% окружите облако мягким туманом.

Шаг 6

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

Для начала, добавьте новый корректирующий слой Gradient Map (карта градиента) светло-синего цвета (#c6cbd4 и #b4cbdc), измените режим наложения на Color Burn (Затемнение основы).

Создайте новый корректирующий слой Levels (Уровни) с настройками, как на скриншоте ниже. Это добавит четкости, которая необходима для данного образа.

Шаг 7

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

Быстрый способ нарисовать небо - это просто воспользоваться новым слоем. На нем мягкой круглой кистью рисуйте светлым синим цветом.

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

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

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

Шаг 8

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

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

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

А вот итоговое изображение!

2. Как нарисовать грозовые облака

Шаг 1

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

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

Выберите Gradient Overlay (Наложение градиента) и с помощью цветов #373984 и #6364ad создайте фиолетовый градиент.

Примечание переводчика: На скриншоте настойки стиля слоя: Режим наложения - Нормальный, Непрозрачность - 100%, Угол - 90 градусов, Масштаб - 95%.

Вот что должно получиться:

Шаг 2

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

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

На этом этапе я воспользовалась инструментом Brush (Кисть) (В), а именно мягкой круглой кистью с жесткостью 0% и непрозрачностью 50%.

Рисуйте так, как видите. Чтобы изобразить тени, нарисуйте темные (#33367f) круглые бугорки, и более светлые точки, чтобы изобразить светлые области. Сначала будет выглядеть очень странно, но обтравочные маски помогут вам развить ваши навыки.

Под слоем с облаками создайте новый слой. На нем добавьте мягкое (непрозрачность кисти 1-40%) белое свечение за облаками, ибо сейчас выходит слишком темно.

Шаг 3

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

На новых слоях нарисуйте молнии.

Доверьтесь своей интуиции. Обратите внимание, что рисунок изменяется по мере того, как я изменяю оригинальную композицию. (https://elements.envato.com/lightnings-in-genova-PT5D3YJ?_ga=2.159379450.1386686125.1504629647-250820929.1491318132)

А теперь смешиваем, смешиваем, смешиваем!

Понизьте Hardness (жесткость) до 0% и на новых слоях смягчите небо. Делайте это большими, решительными, а также закручивающимися

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

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

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

Шаг 4

Возьмите инструмент Gradient (Градиент) (G) и выберите линейный градиент от черного к прозрачному.

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

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

Затем сделайте цвета еще более интенсивными при помощи корректирующего слоя Brightness/Contrast (Яркость/Контраст, настройки 54/34 соответственно).

Шаг 5

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

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

Если вам приходится слишком сильно давить на планшет, это значит, что непрозрачность слишком низкая. Это может создать дискомфорт - поверьте, уж я-то знаю!

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

Сделайте город более темным, и добавьте яркие, четкие линии - это наши молнии.

Шаг 6

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

Воспользуйтесь корректирующим слоем Brightness/Contrast (Яркость/Контраст, настройки 25/39 соответственно).

Шаг 7

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

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

Не забывайте периодически смотреть на оригинал!

Слишком интенсивные цвета? Измените их при помощи корректирующего слоя.

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

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

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

И вот, мой финальный рисунок грозовых облаков.

3. Как нарисовать перистые облака

Шаг 1

Переходим к последнему рисунку!

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

Тем не менее, если вы чувствуете прилив смелости, давайте приступим.

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

Примечание переводчика: На скриншоте настойки стиля слоя: Режим наложения - Нормальный, Непрозрачность - 100%, Угол - -85 градусов, Масштаб - 93%.

Вот что получится.

Шаг 2

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

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

Наложите сочные цвета заката (#ffa466, #ce6764) при помощи ранее упомянутой кисти с текстурой акрила.

Шаг 3

Давайте выделим небо!

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

Наложение градиента, до и после.

Шаг 4

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

Добавьте светло-желтых и синих оттенков. Увеличьте рисунок на 200% и убедитесь, что ваши тени получились «текучими». Здесь важно возвращаться к источнику.

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

Шаг 5

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

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

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

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

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

Создайте новый слой, режим наложения - Multiply (Умножение) и прорисуйте землю зеленым цветом.

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

Создайте новый слой, режим наложения - Overlay (Перекрытие). Рисуйте яркими желтыми и оранжевыми цветами для создания красивого эффекта солнечного света.

Рисование на планшете требует немало времени и терпения. Не важно, сколько пройдет часов - продолжайте работать.

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

До и после использования жесткой кисти.

Вот и последний рисунок облаков. Ниже вы можете найти их все.

Вот и Все!

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

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

Надеюсь, вам понравился урок!

Автор: Melody Nieves

Комментарии 6

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за перевод!

Урок пригодится, но облака в уроке совершенно не "реалистичные", как заявлено в названии.

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules