Как научиться сочетать цвета и подбирать стильные образы?

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

В статье будем пользоваться цветовом кругом Иттена — полезным и простым инструментом для комбинирования цветов. Он помогает стилистам, дизайнерам и всем, кто работает с цветом, грамотно выбирать сочетания оттенков расставлять цветовые акценты.

Что такое круг Иттена?

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

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

Такое разделение условно, так как разные оттенки одного цвета могут быть тёплыми или холодными. Традиционно красный, оранжевый и жёлтый называются тёплыми цветами. Фиолетовый, голубой и синий — холодными. Зелёный можно в равной степени отнести и к тёплым, и к холодным.

Как получаются первичные, вторичные и третичные цвета

В центре схемы находятся основные, или первичные цвета — синий, желтый, красный. Они являются основой для остальных цветов, их нельзя получить смешиванием с другими. А ещё они отлично сочетаются друг с другом.

Если смешать два первичных цвета, то получатся вторичные цвета: оранжевый (жёлтый + красный), зелёный (жёлтый + синий), фиолетовый (синий + красный).

Третичные цвета получаются при смешивании первичного и вторичного цветов. Например, при смешении жёлтого (первичный цвет) и оранжевого (вторичный цвет) получится жёлто-оранжевый цвет.

Как использовать круг?

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

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

Основные цветовые сочетания круга

1. Монохром

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

2. Классическая триада

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

3. Комплементарные цвета

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

4. Аналоговая триада

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

5. Контрастная триада

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

6. Тетрада

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

Онлайн-инструменты для выбора палитры

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

Готовые цветовые палитры можно найти на сайте color.romanuke.com.

Хотите научиться составлять стильные образы для себя и на заказ?

На курсе «Профессия — стилист» вы научитесь создавать модные комплекты и сформируете свой стиль. Команда стилистов-преподавателей поможет разобраться с цветотипами, типажами внешности и освоить методику цветового анализа.

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

Правила сочетания цветов

Пример HTML-страницы

В данной статье мы собрали несколько основных схем и правил сочетания цветов.

Схема № 1. Комплиментарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

Схема № 3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Схема № 4. Раздельно-комплиментарное сочетание

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

Схема № 5. Тетрада — сочетание 4 цветов

Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

Схема № 6. Квадрат

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

Сочетания отдельных цветов

Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.

Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.

Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.

Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.

Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.

Красный: с желтым, белым, бурым, зеленым, синим и черным.

Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.

Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.

Малиново-красный: белый, черный, цвет дамасской розы.

Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.

Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.

Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.

Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.

Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.

Светло-оранжевый: серый, коричневый, оливковый.

Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.

Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.

Лимонно-желтый: вишнево-красный, коричневый, синий, серый.

Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.

Золотисто-желтый: серый, коричневый, лазурный, красный, черный.

Оливковый: апельсиновый, светло-коричневый, коричневый.

Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.

Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.

Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.

Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.

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

Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.

Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.

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

А вот тут еще лет 10 назад Adobe сделал сайт для подбора цветов, ВОТ ПОПРОБУЙТЕ :

Ссылка на источник

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

Пример HTML-страницы

Подбор цветов в Photoshop

Руководство пользователя
Отмена

Поиск

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   6. Системные требования Photoshop
   7. Перенос предустановок, действий и настроек
   8. Знакомство с Photoshop
3. Photoshop и другие продукты и услуги Adobe
   1. Работа с иллюстрациями Illustrator в Photoshop
   2. Работа с файлами Photoshop в InDesign
   3. Материалы Substance 3D для Photoshop
   4. Photoshop и Adobe Stock
   5. Использование встроенного расширения Capture в Photoshop
   6. Библиотеки Creative Cloud
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на iPad
   4. Создание, открытие и экспорт документов
   5. Добавить фото
   6. Работа со слоями
   7. Рисовать и раскрашивать кистями
   8. Сделать выделение и добавить маски
   9. Ретушь ваших композитов
   10. Работа с корректирующими слоями
   11. Отрегулируйте тональность композиции с помощью Кривых
   12. Применить операции преобразования
   13. Обрезка и поворот композитов
   14. Поворот, панорамирование, масштабирование и сброс холста
   15. Работа с текстовыми слоями
   16. Работа с Photoshop и Lightroom
   17. Получить отсутствующие шрифты в Photoshop на iPad
   18. Японский текст в Photoshop на iPad
   19. Управление настройками приложения
   20. Сенсорные клавиши и жесты
   21. Сочетания клавиш
   22. Измените размер изображения
   23. Прямая трансляция во время создания в Photoshop на iPad
   24. Исправление недостатков с помощью Восстанавливающей кисти
   25. Создание кистей в Capture и использование их в Photoshop
   26. Работа с файлами Camera Raw
   27. Создание смарт-объектов и работа с ними
   28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
5. Photoshop в Интернете, бета-версия
   1. Общие вопросы | Photoshop в Интернете, бета-версия
   2. Введение в рабочее пространство
   3. Системные требования | Photoshop в Интернете, бета-версия
   4. Сочетания клавиш | Photoshop в Интернете, бета-версия
   5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
   6. Открытие и работа с облачными документами
   7. Применение ограниченных правок к вашим облачным документам
   8. Сотрудничать с заинтересованными сторонами
6. Облачные документы
   1. Облачные документы Photoshop | Общие вопросы
   2. Облачные документы Photoshop | Вопросы рабочего процесса
   3. Управление и работа с облачными документами в Photoshop
   4. Обновление облачного хранилища для Photoshop
   5. Невозможно создать или сохранить облачный документ
   6. Устранение ошибок облачного документа Photoshop
   7. Сбор журналов синхронизации облачных документов
   8. Делитесь доступом и редактируйте свои облачные документы
   9. Делитесь файлами и комментируйте в приложении
7. Рабочее пространство
   1. Основы рабочего пространства
   2. Настройки
   3. Учитесь быстрее с помощью Photoshop Discover Panel
   4. Создание документов
   5. Разместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие области
   19. Поместите изображения Photoshop в другие приложения
   20. Линейки
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
   26. Положение с помощью инструмента «Линейка»
8. Дизайн веб-сайтов, экранов и приложений
   1. Photoshop для дизайна
   2. Артборды
   3. Предварительный просмотр устройства
   4. Копировать CSS из слоев
   5. Разделение веб-страниц
   6. Опции HTML для фрагментов
   7. Изменить расположение фрагментов
   8. Работа с веб-графикой
   9. Создание фотогалерей в Интернете
9. Основы изображения и цвета
   1. Как изменить размер изображения
   2. Работа с растровыми и векторными изображениями
   3. Размер изображения и разрешение
   4. Получение изображений с камер и сканеров
   5. Создание, открытие и импорт изображений
   6. Просмотр изображений
   7. Недопустимая ошибка маркера JPEG | Открытие изображений
   8. Просмотр нескольких изображений
   9. Настройка палитр цветов и образцов
   10. Изображения с высоким динамическим диапазоном
   11. Подберите цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Цветовые и монохромные настройки с использованием каналов
   22. Выберите цвета на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или Режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои-маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Отображение слоев с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
11. Выборки
    1. Начало работы с выборками
    2. Сделайте выбор в композите
    3. Рабочая область выбора и маски
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Настройка выбора пикселей
    7. Перемещение, копирование и удаление выбранных пикселей
    8. Создать временную быструю маску
    9. Выберите диапазон цветов в изображении
    10. Преобразование между путями и границами выделения
    11. Основы канала
    12. Сохранить выделения и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Расчет канала
12. Настройки изображения
    1. Замена цветов объекта
    2. Деформация перспективы
    3. Уменьшить размытие изображения при дрожании камеры
    4. Примеры лечебных кистей
    5. Экспорт таблиц поиска цветов
    6. Настройка резкости и размытия изображения
    7. Понимание настроек цвета
    8. Применение регулировки яркости/контрастности
    9. Настройка деталей теней и светлых участков
    10. Регулировка уровней
    11. Настройка оттенка и насыщенности
    12. Настройка вибрации
    13. Настройка насыщенности цвета в областях изображения
    14. Быстрая настройка тона
    15. Применение специальных цветовых эффектов к изображениям
    16. Улучшите изображение с помощью настройки цветового баланса
    17. Изображения с высоким динамическим диапазоном
    18. Просмотр гистограмм и значений пикселей
    19. Подберите цвета на изображении
    20. Обрезка и выравнивание фотографий
    21. Преобразование цветного изображения в черно-белое
    22. Корректирующие слои и слои-заливки
    23. Регулировка кривых
    24. Режимы наложения
    25. Целевые изображения для прессы
    26. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Настройка экспозиции и тонирования HDR
    28. Осветлить или затемнить области изображения
    29. Выборочная настройка цвета
13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Радиальный фильтр в Camera Raw
    10. Управление настройками Camera Raw
    11. Открытие, обработка и сохранение изображений в Camera Raw
    12. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    13. Поворот, обрезка и настройка изображений
    14. Настройка цветопередачи в Camera Raw
    15. Версии процесса в Camera Raw
    16. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для устранения большинства проблем
15. Улучшение изображения и трансформация
    1. Заменить небо на изображениях
    2. Преобразование объектов
    3. Настройка кадрирования, поворота и размера холста
    4. Как обрезать и выпрямить фотографии
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, форм и путей
    7. Точка схода
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание узора с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисовать или рисовать на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
17. Текст
    1. Добавить и отредактировать текст
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
18. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использовать галерею размытия
    3. Основные сведения о фильтрах
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Используйте фильтр «Пластика»
    9. Эффекты слоя и стили
    10. Применить определенные фильтры
    11. Размазать области изображения
19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранять файлы в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
20. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Дуотоны
    5. Работа с цветовыми профилями
    6. Документы с управлением цветом для онлайн-просмотра
    7. Управление цветом документов при печати
    8. Импортированные изображения с управлением цветом
    9. Пробные цвета
21. Дизайн веб-сайтов, экранов и приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Красить кадры в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
23. Печать
    1. Печать 3D-объектов
    2. Печать из фотошопа
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Печать изображений на коммерческой типографии
    8. Улучшение цветных отпечатков из Photoshop
    9. Устранение проблем с печатью | Фотошоп
24. Автоматизация
    1. Создание действий
    2. Создание графики на основе данных
    3. Сценарий
    4. Обработать пакет файлов
    5. Воспроизведение и управление действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
25. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить аккаунты для атрибуции креативов
26. Фотошоп 3D
    1. Фотошоп 3D | Общие вопросы о снятых с производства 3D-функциях

Узнайте, как сопоставить цвет на вашем изображении или на другом изображении в Adobe Photoshop

Сопоставить цвет на разных изображениях

Команда «Сопоставить цвет» сопоставляет цвета между несколькими изображениями, между несколькими слоями или между несколькими выделениями. Он также позволяет настраивать цвета изображения, изменяя яркость, изменяя цветовой диапазон и нейтрализуя цветовой оттенок. Команда Match Color работает только в режиме RGB.

При использовании команды «Подобрать цвет» указатель становится инструментом «Пипетка». Используйте инструмент «Пипетка» во время настройки изображения, чтобы просмотреть значения цветовых пикселей на панели «Информация». Эта панель дает вам обратную связь об изменениях значений цвета при использовании команды «Подобрать цвет». См. Просмотр значений цвета на изображении.

Команда Match Color сопоставляет цвета одного изображения (исходного изображения) с цветами другого изображения (целевого изображения). Функция Match Color полезна, когда вы пытаетесь сделать цвета на разных фотографиях согласованными или когда определенные цвета (например, тона кожи) на одном изображении должны совпадать с цветами на другом изображении. Помимо сопоставления цветов между двумя изображениями, команда «Соответствие цвета» может сопоставлять цвета между разными слоями одного и того же изображения.

Соответствие цвета между двумя изображениями

1. (необязательно)
   Сделайте выбор в исходном и целевом изображениях.

   Если не сделать выделение, то команда «Подобрать цвет»
   соответствует общей статистике изображения между изображениями.

2. Сделайте изображение, которое хотите изменить, активным, а затем
   выберите «Изображение» > «Коррекция» > «Подобрать цвет».

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

3. Из меню «Источник» в области «Статистика изображения»
   диалоговом окне Match Color выберите исходное изображение, цвета которого
   вы будете соответствовать целевому изображению. Выберите «Нет», если вы не
   хотите сослаться на другое изображение, чтобы вычислить настройку цвета.
   При выборе «Нет» целевое изображение и исходное изображение являются
   такой же.

   При необходимости используйте меню «Слой», чтобы выбрать слой из
   исходное изображение, цвета которого вы хотите сопоставить. Вы также можете выбрать
   Объединено из меню «Слой», чтобы соответствовать цветам всех слоев.
   в исходном изображении.

4. Если вы сделали выделение на изображении, сделайте одно или несколько
   из следующих:

   • В области «Конечный образ» выберите «Игнорировать».
     Выбор при применении корректировки, если вы применяете корректировку
     ко всему целевому изображению. Эта опция игнорирует выбор в
     целевое изображение и применяет корректировку ко всему целевому
     изображение.

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

   • В области Статистика изображения выберите Использовать выбор
     В Target To Calculate Adjustment, если вы сделали выбор в
     целевое изображение и хотите использовать цвета в выделении для расчета
     регулировка. Отмените выбор этого параметра, чтобы игнорировать выбор в
     целевое изображение и вычислить корректировку, используя цвета
     всего целевого изображения.

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

6. Для увеличения или уменьшения яркости цели
   изображение, переместите ползунок «Яркость». Или введите значение в
   поле Яркость. Максимальное значение — 200, минимальное — 1, а
   по умолчанию 100.

7. Чтобы настроить насыщенность цвета на целевом изображении, отрегулируйте
   ползунок «Интенсивность цвета». Либо введите значение в поле
   Поле интенсивности цвета. Максимальное значение 200, минимальное 1
   (который создает изображение в градациях серого), а значение по умолчанию — 100.

8. Чтобы контролировать количество корректировок, применяемых к изображению,
   переместите ползунок Fade. Перемещение ползунка вправо уменьшает
   корректирование.

9. Нажмите OK, чтобы применить изменения.

Соответствие цвета двух слоев на одном изображении

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

   Если вы не сделаете выбор, то совпадение цвета совпадет
   цвета всего исходного слоя.

2. Убедитесь, что целевой слой (примените
   корректировка цвета до) активна, а затем выберите «Изображение» >
   Настройки > Подобрать цвет.

3. Из меню «Источник» в области «Статистика изображения»
   диалоговом окне «Подобрать цвет», убедитесь, что изображение в исходном
   меню совпадает с целевым изображением.

4. Используйте меню «Слой», чтобы выбрать слой, цвета которого вы хотите
   хочу соответствовать. Вы также можете выбрать «Объединить» в меню «Слой», чтобы
   соответствуют цветам всех слоев.

5. Если вы сделали выделение на изображении, сделайте одно или несколько
   из следующих:

   • В области «Конечный образ» выберите «Игнорировать».
     Выбор при применении корректировки, если вы применяете корректировку
     ко всему целевому слою. Эта опция игнорирует выбор в
     целевой слой и применяет корректировку ко всей цели
     слой.

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

   • В области Статистика изображения выберите Использовать выбор
     В Target To Calculate Adjustment, если вы хотите использовать только цвета
     в выбранной области целевого слоя, чтобы вычислить корректировку.
     Отмените выбор этого параметра, чтобы игнорировать выделение и использовать цвета
     всего целевого слоя, чтобы вычислить корректировку.

6. Чтобы автоматически удалить цветовой оттенок в целевом слое, выберите параметр «Нейтрализовать». Убедитесь, что выбран параметр «Предварительный просмотр», чтобы ваше изображение обновлялось по мере внесения изменений.

7. Для увеличения или уменьшения яркости цели
   слой, переместите ползунок Яркость. Или введите значение в
   поле Яркость. Максимальное значение — 200, минимальное — 1, а
   значение по умолчанию – 100.

8. Для настройки диапазона значений цветовых пикселей в мишени
   слой, отрегулируйте ползунок «Интенсивность цвета». В качестве альтернативы введите
   значение в поле «Интенсивность цвета». Максимальное значение – 200,
   минимальное – 1 (при этом создается изображение в градациях серого), а
   значение по умолчанию – 100 

   .

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

10. Нажмите OK, чтобы применить изменения.

Сохранить и применить настройки в команде «Подобрать цвет»

• В области «Статистика изображения»
  диалогового окна «Подбор цвета» нажмите кнопку «Сохранить статистику».
  Назовите и сохраните настройки.
• В области «Статистика изображения» диалогового окна «Подбор цвета»
  нажмите кнопку Загрузить статистику. Найдите и загрузите сохраненный
  файл настроек.

Еще

• Примеры режимов наложения
• Сохранить настройки корректировки
• Повторно применить настройки корректировки

Войти в свою учетную запись

Войти

Управление учетной записью

Войдите в свою учетную запись

Войти

Управление учетной записью

Как точно подобрать цвета двух объектов в Photoshop

Автор
Крейг Боман

Опубликовано 7 января 2023 г.

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

Есть много способов изменить цвет чего-либо в Photoshop. Но что, если вы хотите точно совместить цвета двух объектов?

Этот туториал покажет вам несколько способов выполнить работу.

Как подобрать два простых объекта по цвету в Photoshop

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

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

1. Выберите Быстрый выбор Инструмент на панели инструментов.
2. Выделите красное стекло, стараясь выделить только цветные части стекла. Поочередно нажмите и удерживайте клавишу Shift , чтобы добавить к выделению, или клавишу Alt , чтобы вычесть из выделения.
3. Щелкните правой кнопкой мыши внутри выделения и выберите Сохранить выделение .
4. Назовите выделение. Мы выбрали Красное стекло. Затем нажмите OK . Это отличная практика при выборе. Если вы случайно удалите выделение до того, как будете готовы, или оно понадобится вам снова в будущем, оно будет там в Каналы вкладка.
5. При активном выделении создайте корректирующий слой Hue Saturation .
6. На панели Properties установите флажок Colorize .
7. Используйте три ползунка, чтобы подобрать цвет оранжевого стекла. Мы внесли следующие изменения: Оттенок +39; Насыщенность +92; и Легкость -2.

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

Если у вас есть несколько цветов в одном объекте для сопоставления, вам придется сделать несколько выделений и соответствующих слоев Hue Saturation, чтобы выполнить работу.

Как сопоставить два более сложных объекта в Photoshop

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

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

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

Как подобрать цвета двух объектов с помощью карт градиента

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

1. Сначала выделите зеленую куртку с помощью инструмента быстрого выбора (как и раньше).
2. Щелкните правой кнопкой мыши внутри выделения и выберите Сохранить выделение. Мы назовем выбор Green Jacket и нажмите OK .
3. Нажмите D для сочетания клавиш, чтобы установить цвета фона и переднего плана по умолчанию.
4. При активном выделении создайте карту градиента .
5. Дважды щелкните карту градиента в свойствах для доступа к редактору градиента .
6. В разделе Presets откройте папку Basics и выберите градиент Black and White (вы можете выбрать любой градиент).
7. Щелкните левой кнопкой мыши по первому окну остановки градиента слева (представляющему черный цвет). Затем щелкните Color чуть ниже Stops, чтобы вызвать меню Color Picker (Stop Color) .
8. При перемещении мыши вы увидите значок выбора цвета. Щелкните левой кнопкой мыши по самой темной точке на розовой куртке женщины. Затем нажмите OK .
9. Повторяя шаг 8, выберите точки на куртке женщины, начиная от следующего самого темного цвета до самого светлого, как показано на рисунке. Это создаст собственный градиент из теней, полутонов и бликов.
10. Нажмите New , чтобы сохранить градиент. Вы можете назвать градиент или просто нажать OK .
11. Измените режим наложения на Цвет .
12. Для точной настройки цвета можно добавить настройки Кривые или Цветовой баланс . Мы выберем настройку Color Balance , так как легче точно воспроизвести значения.
13. Выбрав верхний слой Color Balance, щелкните и нажмите кнопку 9Клавиша 0980 Alt , чтобы прикрепить слой Color Balance к маске под ним. Таким образом, корректировки коснутся только куртки.
14. Выберите Shadows , Midtones и Highlights из раскрывающегося меню и настройте ползунки, пока цвета не будут лучше совпадать.