Найти в Дзене
Арт-мастерская ИИ

🎨 Урок 29. Теория цвета и цветокоррекция в Photoshop

Обычно теория цвета и цветовой круг изучаются в самом начале курса по графическим редакторам. Но в нашем случае мы подошли к этой теме только на 29 уроке — и это осознанное решение. К этому моменту вы уже уверенно ориентируетесь в интерфейсе Photoshop, умеете применять фильтры, корректирующие слои и создавать визуальные эффекты. Теперь самое время не просто «крутить ползунки», а понять закономерности цвета, чтобы работать осмысленно и профессионально. В этом уроке мы разберём: как работает цветовой круг; что такое комплементарные (дополнительные) цвета; что такое аналоговые цвета; почему иногда усиление насыщенности делает изображение неестественным; как применять эти знания для цветокоррекции в фотошопе. Изображение создано мной специально для этого урока. Цветовой круг и дополнительные цвета В цветовой модели RGB есть три основных цвета: Red (красный) Green (зелёный) Blue (синий) При их смешивании образуются вторичные цвета: Cyan (голубой) Magenta (пурпурный) Yellow (жёлтый) Если пос
Оглавление

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

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

В этом уроке мы разберём:

  • как работает цветовой круг;
  • что такое комплементарные (дополнительные) цвета;
  • что такое аналоговые цвета;
  • почему иногда усиление насыщенности делает изображение неестественным;
  • как применять эти знания для цветокоррекции в фотошопе.
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Цветовой круг и дополнительные цвета

В цветовой модели RGB есть три основных цвета:

  • Red (красный)
  • Green (зелёный)
  • Blue (синий)

При их смешивании образуются вторичные цвета:

  • Cyan (голубой)
  • Magenta (пурпурный)
  • Yellow (жёлтый)

Если посмотреть на цветовой круг, можно заметить важную закономерность:

каждый цвет имеет
противоположный, расположенный строго напротив него.

Дополнительные (комплементарные) цвета

Комплементарные цвета (Complementary colours) — это пары цветов, находящиеся друг напротив друга на цветовом круге.

Примеры:

  • красный ↔ голубой
  • зелёный ↔ пурпурный
  • синий ↔ жёлтый

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

📌 Например:

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

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Аналоговые цвета

Аналоговые цвета (Analogous colors) — это цвета, расположенные рядом друг с другом на цветовом круге (слева и справа от основного).

Они:

  • гармонируют между собой;
  • усиливают основной цвет;
  • делают изображение глубже и богаче.

📌 Для зелёного это будут:

  • жёлтый
  • голубой

Усиливая эти оттенки, мы делаем зелень более естественной и живой.

Пример 1. Усиливаем цвет двумя способами

Корректирующий слой «Цветовой тон / Насыщенность» и «Цветовой баланс»

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

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

2. Создадим корректирующий слой Цветовой тон / Насыщенность. Переместим бегунок Цветовой тон в сторону голубых оттенков, чтобы усилить зелёный цвет, и немного увеличим Насыщенность.

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

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

3. Попробуем другой, более аккуратный и менее трудоёмкий способ. Скрываем корректирующий слой Цветовой тон / Насыщенность, нажав на значок глаза, и создаём новый корректирующий слой Цветовой баланс.

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

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

Обратите внимание: при использовании Цветового баланса не появляется «ржавого» ореола, зелёный цвет остаётся чистым и естественным, пусть и несколько чрезмерно насыщенным в учебном примере.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Почему просто увеличить насыщенность — недостаточно

Мы попробовали усилить зелёный цвет с помощью корректирующего слоя

Цветовой тон / Насыщенность.

Результат:

  • цвет действительно стал ярче;
  • но изображение выглядит неестественно и «грязно».

Почему так происходит?

Дело в том, что мы усилили зелёный цвет изолированно, не учитывая его антагониста — пурпурный.

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

Когда насыщенность зелёного увеличивается:

  • пурпурный усиливается вместе с ним;
  • эти два цвета начинают нейтрализовать друг друга;
  • появляется нежелательный «ржавый» или грязный оттенок.

Именно поэтому простое увеличение насыщенности часто даёт:

  • кислотные цвета;
  • ореолы;
  • ощущение неестественности.

👉 Вывод:

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

Два профессиональных правила цветокоррекции

Эти правила работают с любым цветом, не только с зелёным:

  1. Уменьшайте насыщенность дополнительного (противоположного) цвета, чтобы снизить нейтрализацию.
  2. Усиливайте поддерживающие (аналоговые) цвета, чтобы обогатить основной.

📌 Пример с фиолетовым:

  • комплементарный цвет — жёлто-зеленый → уменьшаем его;
  • родственные цвета — синий и пурпурный → усиливаем.

В результате фиолетовый становится глубоким и выразительным.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

Расширенный цветовой круг (12 цветов)

Аналогично можно мысленно (или реально на бумаге) использовать расширенный цветовой круг.

Достаточно провести всего
три линии, соединяющие противоположные цвета, — и логика цветокоррекции станет очевидной:

  • цвета, расположенные напротив, — антагонисты (нейтрализуют друг друга);
  • цвета по бокам — родственные (усиливают и обогащают основной цвет).

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

Пример 2. Цветокоррекция через «Цветовой баланс»

Цель

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

Шаги:

1. Откройте изображение с ярко выраженным основным цветом — это может быть зелёный, синий, фиолетовый и т.д.

В нашем примере выделим свитер котика: сейчас он выглядит блекло-жёлтым, почти выцветшим. Наша задача — превратить его в насыщенный, сочный «цыплячий» жёлтый цвет, сохранив при этом естественность изображения.

2. Выделите свитер инструментом Быстрое выделение. Так как котик у нас сам по себе имеет оттенки жёлтого это позволит откорректировать цвет только нужного объекта.

Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

3. Создайте корректирующий слой Цветовой баланс.

  • Уменьшите долю противоположного цвета.
  • Усильте родственные цвета, поддерживающие основной.
  • Сравните результат «до / после».
Изображение создано мной специально для этого урока.
Изображение создано мной специально для этого урока.

📌 Обратите внимание: изображение становится ярче и чище без ощущения «перекрученных» цветов.

Заключение

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

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

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

Более подробно опции окна Цветовой баланс можно изучить в уроке: