Комплиментарные цвета в фотографии

12 июня 2014 | Опубликовано в Уроки | 6 Комментариев »

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

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

Выбор изображения

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

Подсказки по выбору цвета

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

1. Начните с одного основного цвета

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

2. Выбираем комплиментарные цвета

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

3. Используйте светлые и темные оттенки

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

4. Свяжите все это вместе

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

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

Создаем цветовые образцы

Шаг 1

Нажмите Control-O и найдите фотографию, по которой будете работать, чтобы открыть ее в Photoshop.

Шаг 2

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

Шаг 3

Теперь нам нужно создать документ для образцов. Это позволит вам легко сохранять цветовые палитры для будущего использования в Photoshop или InDesign. Вам нужно будет только взять Eye Dropper/Пипетку (I) и выбрать цвета.

Нажмите Control-N чтобы создать новый документ размером 800 x 200 px, в режиме RGB и разрешении 72 Pixels/Inch. Назовите документ Color Swatches.

Шаг 4

Возьмите инструмент Ellipse/Эллипс (U) и нарисуйте круг. Дважды кликните по кругу в палитре Layers/Слои, и курсор превратится в пипетку, а также откроется окно выбора цвета. Сейчас вы можете выбрать цвет из первого или фонового цвета из панели инструментов.

Шаг 5

Повторите Шаг 4 для комплиментарного цвета.

Шаг 6

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

Шаг 7

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

Шаг 8

Последний цвет — оттенок основного цвета. Выберите инструмент Eye Dropper/Пипетка (I) и кликните по темно-зеленому кругу. Кликните дважды по четвертому кругу в палитре Layers/Слои и выберите этот темный цвет. Теперь вы можете в окне подбора цвета передвинуть курсор в сторону более светлую.

Шаг 9

Вы можете поменять расположение кругов, чтобы вам было удобнее, в палитре Layers/Слои. Теперь вы можете смело сохранять документ (File>Save As>JPEG). Ваша палитра от базового цвета к комплиментарному готова.

Как пользоваться цветовым кругом

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

Основой круга Иттена есть красный, желтый и синий. Путем смешивания получаются все остальные цвета и оттенки. Фиолетовый, зеленый и оранжевый – цвета, которые при соединении дают внешний круг на схеме Иттена (12 цветов), сами получаются из сочетания базовых. Это наглядно изображено на схеме:

В любой сфере (дизайн, мода, искусство фотографии) правильным считается комбинирование трех цветов по принципу (60×10×30). Это позволяет изделиям любого профиля выглядеть органично и выразительно.

Чтобы правильно сочетать цвет с помощью круга Иттена, необходимо использовать:

Аналоговые цвета, которые стоят на круге рядом и последовательно.
Комплиментарные сочетания – противоположные цвета.
Равноудаленные друг от друга цвета (схема квадрата).
Классическую триаду (два цвета с одной стороны и один с противоположной – схема треугольника).
Два цвета с одной стороны и два с противоположной (условно образовывают букву Х). Причем цвета с каждой из сторон — аналоговые.

Рассмотрим подробнее подбор цветового сочетания при помощи цветового круга Иттена.

Монохромная схема. Подбор оттенков одного цвета (смотри схему выше «Аналоговые цвета»)
При подборе дополнительного (комплиментарного) цвета нужно ориентироваться на противоположные цвета в круге Иттена. Это подбор контрастирующего цвета. Так, красный сочетается с зеленым, желтый — с фиолетовым, синий — с оранжевым и т.п. Если эти цвета находятся рядом, то они усиливают эффект друг друга, а при смешивании их — гасят. Например, если смешать зелёный и красный, то получится серый цвет.
Классическая триада. Цвета подбираются из треугольника. Нарисуйте воображаемый равнобедренный треугольник, вершины которого будут располагаться в сочетаемых цветах.
Близкий вариант к предыдущему — так называемый «акцент аналогии». Подбирается три родственных цвета и один контрастный с противоположной стороны цветового круга.
Тетрада. Подбор четырех контрастирующих цветов. Они расположены на противоположных сторонах цветового круга и составляют прямоугольник или квадрат.
Родственные цвета (последовательная схема, или принцип аналогии). Подбираются три родственных цвета, расположенных в соседних секторах. Например, фиолетовый, красно-фиолетовый и сине-фиолетовый.
>

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

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

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

Использование теплых цветов базируется на:

Красном с белым, черным, желтым, синим, зеленым.
Оранжевого с оливковым, блекло-зеленым, лиловым.
Пурпурный с серым, бледно-желтым, зеленым и коричневым.
Розового с белым и черным, оттенками зеленого и голубого.
Желтом с серым, черным или синим.

Основой использования холодных цветов являются:

Оливковый с оранжевым, светло-коричневым.
Синий с желтым и красным.
Зеленый с желтым, черным и серым.
Лиловый с белым, розовым и желтым.
Голубой с белым, серым, красным и желтым, розовый.

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

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

Смотрите видео по теме:

Как пользоваться цветовым кругом , опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.