1. Design & Illustration
  2. Design Theory

Используем Цвет для Создания Настроения в программе Adobe Photoshop

by
Read Time:10 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Цвет- важная составляющая создания настроения во всех цифровых картинах. Поэтому, в этом уроке я покажу вам, как создать три разных настроения, используя один и тот же рисунок, а также как использовать инструменты программы Adobe Photoshop для перехода с одного настроения на другое.

Что такое Настроение?

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

Проще говоря, это и есть настроение.

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

Как Мне Поменять Настроение?

Вначале, раскроем основы теории цвета. У каждого цвета есть настроение. А некоторые цвета могут вызвать различные эмоции все сразу.

Understanding Color and MoodUnderstanding Color and MoodUnderstanding Color and Mood
Красный и синий цвет имеют определённое настроение. Что вы чувствуете, когда смотрите на эти цвета?

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

Так каковы наиболее важные аспекты настроения?

  1. Композиция
  2. Освещение
  3. Цвет

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

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

Набросок

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

Создайте новый рабочий документ со следующими размерами 800 х 700 px с разрешением 150 dpi.  С помощью инструмента Эллипс (Ellipse Tool), я создам простой круг с толщиной Обводки (Stroke) 1 pt., а затем создам новый слой в качестве обтравочной маски к данному слою с кругом. С помощью жёсткой круглой кисти, я нарисовала песчаный пляж, краба и волны.

Create a Sketch of a Beach Scene with a Hard Round BrushCreate a Sketch of a Beach Scene with a Hard Round BrushCreate a Sketch of a Beach Scene with a Hard Round Brush

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

Теперь, когда набросок готов, давайте перейдем к раскрашиванию.

1. Как Нарисовать Солнечную Сцену в Полдень

Шаг 1

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

Удалите временную Обводку (Stroke) с круга, а затем щёлкните правой кнопкой мыши и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). С помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите круг. Щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Инвертировать выделение (Inverse Selection). Создайте Новую группу (New Group), а затем, не снимая активного выделения, добавьте слой-маску к слою с группой.

Add a Layer Mask to your Group for your PaintingsAdd a Layer Mask to your Group for your PaintingsAdd a Layer Mask to your Group for your Paintings

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

Шаг 2

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

Paint the Base Colors for Your Beach ScenePaint the Base Colors for Your Beach ScenePaint the Base Colors for Your Beach Scene

Шаг 3

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

Clip Masks to Your Base LayersClip Masks to Your Base LayersClip Masks to Your Base Layers

Подберите ссылочный материал в интернете, который поможет вам со световой схемой. Возьмите за основу цвета какой-нибудь одной фотографии, чтобы сделать свой рисунок более реалистичным. Добавьте текстуру на песок, на камни и листья пальмы с помощью Квадратной пастельной кисти (Square Pastel Brush), выбрав из набора кистей.

Add texture with a Square Pastel BrushAdd texture with a Square Pastel BrushAdd texture with a Square Pastel Brush

Шаг 4

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

Add Light with OverlayAdd Light with OverlayAdd Light with Overlay

С помощью мягкой круглой кисти, нарисуйте лёгкие облака вдоль всего неба, а также мягкие волны в океане.  Что касается неба, мазки кистью должны быть хаотичными, при этом, сохраняя линейное движение облаков. Что касается океана, волны должны быть с изгибами, как будто они разбиваются о берег. В любой момент вы можете переключиться на инструмент Ластик  (Eraser Tool), чтобы смягчить мазки кисти.

Paint Wispy Clouds and WavesPaint Wispy Clouds and WavesPaint Wispy Clouds and Waves

Шаг 5

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

Define the Sunny Beach Painting DetailsDefine the Sunny Beach Painting DetailsDefine the Sunny Beach Painting Details

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

Шаг 6

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

Add Color Lookup to Adjust the Sunny Beach ColorsAdd Color Lookup to Adjust the Sunny Beach ColorsAdd Color Lookup to Adjust the Sunny Beach Colors

На скриншоте ниже вы можете увидеть заключительную солнечную сцену. У рисунка тёплое и счастливое настроение, не так ли?

Final Sunny Beach Painting Tutorial by Melody NievesFinal Sunny Beach Painting Tutorial by Melody NievesFinal Sunny Beach Painting Tutorial by Melody Nieves

2. Как Нарисовать Восход / Закат

Шаг 1

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

Initial base and final sunset paintingInitial base and final sunset paintingInitial base and final sunset painting
Чтобы сэкономить время, используйте слои предыдущего рисунка для передачи световой схемы к закату.

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

Change the Lighting Scheme with the Gradient ToolChange the Lighting Scheme with the Gradient ToolChange the Lighting Scheme with the Gradient Tool

Шаг 2

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

Use the Gradient Tool to add a SunsetUse the Gradient Tool to add a SunsetUse the Gradient Tool to add a Sunset

Шаг 3

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

Add a Color Lookup Layer for the SunsetAdd a Color Lookup Layer for the SunsetAdd a Color Lookup Layer for the Sunset

Далее, добавьте корректирующий слой Карта градиента (Gradient Map), используйте цвета градиента с изображение заката. Поменяйте режим наложения на Цветность (Color), а также уменьшите Непрозрачность (Opacity) до 30%.

Add a Gradient Map to Color your PaintingAdd a Gradient Map to Color your PaintingAdd a Gradient Map to Color your Painting

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

Add an additional Color Lookup to the SunsetAdd an additional Color Lookup to the SunsetAdd an additional Color Lookup to the Sunset
Пусть корректирующие слои помогут вам! Теперь я могу вернуться к рисунку потому что цвета - выглядят более целостно.

Шаг 4

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

Paint a warm sun for the sunsetPaint a warm sun for the sunsetPaint a warm sun for the sunset

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

Paint a silhouette for the boat and crabPaint a silhouette for the boat and crabPaint a silhouette for the boat and crab

Шаг 5

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

Add shine and ripples to the waterAdd shine and ripples to the waterAdd shine and ripples to the water

Шаг 6

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

Refine Your Painting with HighlightsRefine Your Painting with HighlightsRefine Your Painting with Highlights

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

Final Sunset Painting by Melody NievesFinal Sunset Painting by Melody NievesFinal Sunset Painting by Melody Nieves
Вы можете поверить, что мы начинали наш рисунок с солнечного и ясного дня?

3. Как Нарисовать Ночную Сцену

Шаг 1

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

Before and After Night Time SceneBefore and After Night Time SceneBefore and After Night Time Scene
Начните с оригинального солнечного пляжа минус небо, таким образом, мы можем превратить солнечный день в ночной пейзаж!

Шаг 2

Объедините все слои. относящиеся к небу. Далее, создайте новый слой поверх объединённого слоя в качестве обтравочной маски. С помощью инструмента Градиент (Gradient Tool (G), добавьте линейный тёмно-синий градиент на изображение неба. Это поможет создать пустой холст для нашей ночной сцены.

Create a Dark Night Sky with the Gradient ToolCreate a Dark Night Sky with the Gradient ToolCreate a Dark Night Sky with the Gradient Tool

Шаг 3

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

Use Color Lookup to change day to nightUse Color Lookup to change day to nightUse Color Lookup to change day to night
Before and After Color Lookup Adjustment LayersBefore and After Color Lookup Adjustment LayersBefore and After Color Lookup Adjustment Layers
Доверьтесь программе Photoshop, которая изменить полностью настроение с помощью корректирующего слоя Поиск цвета (Color Lookup).

Добавьте еще один корректирующий слой Уровни (Levels), установите настройки для RGB канала, которые указаны на скриншоте ниже:

Add an Adjustment Layer for LevelsAdd an Adjustment Layer for LevelsAdd an Adjustment Layer for Levels

Шаг 4

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

Paint Shadow on the Night Scene with MultiplyPaint Shadow on the Night Scene with MultiplyPaint Shadow on the Night Scene with Multiply

Шаг 5

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

Paint the Moon and Glow onto the WaterPaint the Moon and Glow onto the WaterPaint the Moon and Glow onto the Water

Шаг 6

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

Paint stars and reflections on the waterPaint stars and reflections on the waterPaint stars and reflections on the water

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

Add a Color Lookup Adjustment Layer for ContrastAdd a Color Lookup Adjustment Layer for ContrastAdd a Color Lookup Adjustment Layer for Contrast

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

Painting a Night Time Scene Tutorial by Melody NievesPainting a Night Time Scene Tutorial by Melody NievesPainting a Night Time Scene Tutorial by Melody Nieves

Удачи!

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

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

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

How to Digitally Paint Mood with Colors Tutorial by Melody NievesHow to Digitally Paint Mood with Colors Tutorial by Melody NievesHow to Digitally Paint Mood with Colors Tutorial by Melody Nieves
One subscription.
Unlimited Downloads.
Get unlimited downloads