6.80M

Категория:

Искусство

Систематизация цветов. Цветовой круг

Иоганнес Иттен
(1888- 1967)
швейцарский художник и преподаватель
Баухауса, известный своим вкладом в изучение
колористики в начале XX века
В книге «Искусство цвета» Иттен подробно описал принципы
работы с цветом и свой цветовой круг.

4.

Цветовой круг
Схема из 12 цветов, способ представления
цветов видимого спектра в условной форме

5.

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

6.

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

7.

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

8.

Цветовой круг
Схема из 12 цветов: три первичных, три
вторичных и шесть третичных.

9.

Цветовой круг
Схема из 12 цветов: три первичных, три
вторичных и шесть третичных.

10.

Основные комбинации
на круге Иттена.
Цветовые гармонии

11.

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

12.

13.

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

14.

15.

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

16.

17.

Аналоговая триада
Сочетание трёх цветов, расположенных рядом
на внешнем круге.
Эта палитра — спокойная и сдержанная.
Подойдёт, если вам нужны мягкие переходы между цветами
без резких акцентов.

18.

19.

Тетрада
Сочетание четырёх цветов
по углам квадрата.
Сочетание из двух пар дополнительных цветов.
Подходит, если вам нужно создать красочное
и разнообразное изображение.

20.

21.

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

22.

23.

Абсолютная температура цвета

24.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer
вручную сделал первый трехмерный цифровой скан Volkswagen Beetle
adipiscing elit, sed diam nonummy
nibh
euismod tincidunt ut laoreet ad minim
veniam, quis nostrud exerci tation
ullamcorper consequat. Duis autem vel eum
consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum

25.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci
tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat. Duis autem vel eum
consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis

26.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros
et accumsan et iusto odio dignissim qui blandit
praesent

27.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci
tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo dignissim qui blandit praesent
luptatum zzril delenit augue duis
MORE INFORM
MORE INFORM

28.

Title Demo Text
Step #1
Step #2
Step #3
Step #4
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
amet, consectetuer
amet, consectetuer
amet, consectetuer
amet, consectetuer
adipiscing elit, sed
adipiscing elit, sed
adipiscing elit, sed
adipiscing elit, sed
tincidunt ut laoreet
tincidunt ut laoreet
tincidunt ut laoreet
tincidunt ut laoreet
dolore magna nostrud
dolore magna nostrud
dolore magna nostrud
dolore magna nostrud
exerci tation
exerci tation
exerci tation
exerci tation
ullamcorper
ullamcorper
ullamcorper
ullamcorper
ex ea commodo
ex ea commodo
ex ea commodo
ex ea commodo

29.

30.

31.

Andy Freeman
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci
Skill #1
43%
Skill #2
18%
Skill #3
76%

32.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo
dignissim qui blandit praesent luptatum zzril
delenit augue duis
MORE INFORM

33.

“Yes” or ”No”
Demo title text info
Information about project
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed tincidunt ut laoreet dolore
adipiscing elit, sed tincidunt ut laoreet dolore
magna nostrud exerci tation ullamcorper
magna nostrud exerci tation ullamcorper
ex ea commodo nonummy nibh nostrud
ex ea commodo nonummy nibh nostrud
exerci tation ullamcorper consequat. Duis au
exerci tation ullamcorper consequat. Duis au
eum consequat, vel illum dolore eu feugiat
eum consequat, vel illum dolore eu feugiat
nulla
nulla

34.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent

35.

Title Demo Text
Lorem ipsum dolor sit amet, consectetuer
Demo title text info
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed tincidunt ut laoreet dolore
adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo dignissim qui blandit
praesent luptatum zzril delenit augue duis

36.

Step #1
Step #2
Step #3
Step #4
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
amet, consectetuer
amet, consectetuer
amet, consectetuer
amet, consectetuer
adipiscing elit, sed
adipiscing elit, sed
adipiscing elit, sed
adipiscing elit, sed
tincidunt ut laoreet
tincidunt ut laoreet
tincidunt ut laoreet
tincidunt ut laoreet
dolore magna nostrud
dolore magna nostrud
dolore magna nostrud
dolore magna nostrud
exerci tation
exerci tation
exerci tation
exerci tation
ullamcorper
ullamcorper
ullamcorper
ullamcorper
ex ea commodo
ex ea commodo
ex ea commodo
ex ea commodo

37.

DOWNLOAD FUTURA PT FONT
SUBTITLES
H1 Demo text
H2 Demo text
H3 Demo text
H4 Demo text
H4 Demo text
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan
et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi.
Sed ut perspiciatis, unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium,
totam rem aperiam eaque ipsa, quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt,

English Русский Правила