Новогодняя акция! До 1 февраля стоимость консультации составляет 300р/час.

Текущие версии программ: After Effects CC 2017 v14.0.1  Premiere Pro CC 2017 v11.0.1

не стесняйтесь создавать новые темы для новых вопросов

6 классических схем для сочетания цветов на цветовом круге

Ссылки, описания, дополнительная информация для моих уроков на YouTube
Canonical Link
Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 861
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 81 раз

6 классических схем для сочетания цветов на цветовом круге

Сообщение aeplug » 13 май 2016 01:21

Каждому дизайнеру нужно хотя бы раз ознакомиться с понятием цветового круга - волшебного инструмента для составления красивых и гармонично выглядящих композиций. Давно уже подмечено, что человеческий глаз большинства людей определённые сочетания цветов воспринимает гораздо лучше, чем другие. Результатом исследований в данной области и стал цветовой круг. Зная несколько простых схем и умея пользоваться таким кругом, даже новичок сможет быстро подобрать цвета, которые не вызовут у зрителя противоречивых чувств при просмотре.
Цветовой-круг.jpg
Цветовой-круг.jpg (75.84 КБ) 707 просмотров
Цветовой-круг.jpg
Цветовой-круг.jpg (75.84 КБ) 707 просмотров

Вот шесть основных схем цветовых сочетаний, которые вы можете начать использовать уже сейчас:

1. Монохроматические цвета (Monochromatic)
1 Monochromatic.jpg
1 Monochromatic.jpg (43.76 КБ) 708 просмотров
1 Monochromatic.jpg
1 Monochromatic.jpg (43.76 КБ) 708 просмотров

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

2. Аналогичные цвета (Analogous Colors)
2 Analogous.jpg
2 Analogous.jpg (49.19 КБ) 708 просмотров
2 Analogous.jpg
2 Analogous.jpg (49.19 КБ) 708 просмотров

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

3. Триады (Triads)
3 Triadic.jpg
3 Triadic.jpg (53.74 КБ) 708 просмотров
3 Triadic.jpg
3 Triadic.jpg (53.74 КБ) 708 просмотров

Контрастная яркая схема их трех цветов с одинаковым расстоянием между друг другом на круге.

4. Дополняющие цвета (Complementary Colors)
4 Complementary.jpg
4 Complementary.jpg (56.82 КБ) 708 просмотров
4 Complementary.jpg
4 Complementary.jpg (56.82 КБ) 708 просмотров

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

5. Расщепленные дополняющие цвета (Split Complementary Colors)
5 Split Complementary.jpg
5 Split Complementary.jpg (61.5 КБ) 708 просмотров
5 Split Complementary.jpg
5 Split Complementary.jpg (61.5 КБ) 708 просмотров

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

6. Прямоугольная схема (Tetradic Colors)
6 Tetratic.jpg
6 Tetratic.jpg (77.38 КБ) 708 просмотров
6 Tetratic.jpg
6 Tetratic.jpg (77.38 КБ) 708 просмотров

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

Больше информации с примерами вы может найти в этом видео: Мастер-класс "Понимание цвета" Understanding Color
https://www.youtube.com/watch?v=wuCEHnw2N4g


Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах


Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 861
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 81 раз

Полезные онлайн сервисы для работы с цветовыми схемами

Сообщение aeplug » 13 май 2016 21:34

Несколько инструментов для подбора цветов с использованием цветового круга, которые доступны прямо из вашего браузера.
Цветовой круг | Цветовые схемы - Adobe Color CC
https://color.adobe.com/
Наверное самый известный сервис от компании Adobe с некоторыми элементами интеграции в его облачные сервисы. Ранее был известен под именем Kuler.
Adobe Color.jpg
Adobe Color.jpg (71.6 КБ) 697 просмотров
Adobe Color.jpg
Adobe Color.jpg (71.6 КБ) 697 просмотров


ColorScheme.Ru — Цветовой круг он-лайн: Подбор цветов и генерации цветовых схем
http://colorscheme.ru/
Интересный сервис в русском сегменте интернета с множеством настроек, предпросмотром на web странице и неплохими параметрами экспорта.
colorscheme.jpg
colorscheme.jpg (56.09 КБ) 697 просмотров
colorscheme.jpg
colorscheme.jpg (56.09 КБ) 697 просмотров


Paletton - The Color Scheme Designer
http://paletton.com/
Просто еще один :)
paletton.jpg
paletton.jpg (47.56 КБ) 697 просмотров
paletton.jpg
paletton.jpg (47.56 КБ) 697 просмотров



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

Color Palette Generator: Automagically create a color palette from any photo.
https://bighugelabs.com/colors.php
bighugelabs.jpg
bighugelabs.jpg (40.57 КБ) 697 просмотров
bighugelabs.jpg
bighugelabs.jpg (40.57 КБ) 697 просмотров


Create Natural Palettes from Images - Color Palette Generator
http://palettegenerator.com/
palettegenerator.jpg
palettegenerator.jpg (51.33 КБ) 697 просмотров
palettegenerator.jpg
palettegenerator.jpg (51.33 КБ) 697 просмотров


Color Palette Generator
http://www.degraeve.com/color-palette/
degraeve.jpg
degraeve.jpg (25.5 КБ) 697 просмотров
degraeve.jpg
degraeve.jpg (25.5 КБ) 697 просмотров


Pictaculous - A Color Palette Generator
http://www.pictaculous.com/
pictaculous.jpg
pictaculous.jpg (33.73 КБ) 697 просмотров
pictaculous.jpg
pictaculous.jpg (33.73 КБ) 697 просмотров
Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах

Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 861
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 81 раз

Популярные готовые схемы

Сообщение aeplug » 13 май 2016 21:48

А если совсем не хочется заморачиваться, то на многих подобных сайтах можно ознакомиться с популярными подборками, подготовленными и сохраненными другими дизайнерами. Например вот так это выглядит на сайте Adobe https://color.adobe.com/ru/explore/ Просто выбираете самую приглянувшуюся и используете в своем проекте.
Adobe Color Popular.jpg
Adobe Color Popular.jpg (122.79 КБ) 692 просмотра
Adobe Color Popular.jpg
Adobe Color Popular.jpg (122.79 КБ) 692 просмотра

Для After Effects существует специальный скрипт Ray Dynamic Color, который облегчает подбор и работу с цветами. А за счет выражений даже создается возможность их быстро менять во всем проекте за пару щелчком мыши.
Обзор Ray Dynamic Color для After Effects
https://www.youtube.com/watch?v=lahk5dRw8uM
Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах


ddd
Не Нуб
Не Нуб
Сообщения: 33
Зарегистрирован: 06 май 2016 01:14
Благодарил (а): 7 раз

Re: 6 классических схем для сочетания цветов на цветовом круге

Сообщение ddd » 23 май 2016 14:35

aeplug писал(а):Источник цитаты Каждому дизайнеру нужно хотя бы раз ознакомиться с понятием цветового круга

Звучит как «Каждому хирургу нужно хотя бы раз ознакомиться с понятием скальпеля». Куда мы катимся…

Вот, обязательно к регулярному чтению, пока наизусть не выучится — Иоханнес Иттен «Искусство цвета».
Лучше брать книгу, там постарались с точностью цветов, а сканы в интернете — уже не то.

А то у нас «дизайнером и фотографом может быть каждый». :o ;)

Аватара пользователя

Автор темы
aeplug
Санта
Санта
Сообщения: 861
Зарегистрирован: 18 мар 2016 23:20
Откуда: С Ютуба
Благодарил (а): 2 раза
Поблагодарили: 81 раз

Полезные ссылочки

Сообщение aeplug » 31 май 2016 08:49

Крутая шпаргалка по сочетанию цветов
http://infogra.ru/design/krutaya-shparg ... yu-tsvetov
Видео уроки для After Effects http://www.youtube.com/AEPlug
Платные консультации по работе в программах


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Как зумировать таймлайн при помощи сочетания Ctrl + колесо мыши. Как избавиться от меню окна при нажатии Alt.
    LinuxComp » 21 ноя 2016 18:27 » в форуме Авторский раздел
    11
    125
    LinuxComp
    23 ноя 2016 13:44

Вернуться в «Мои уроки»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей