HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-07
1 <p>Блог xyz school</p>
1 <p>Блог xyz school</p>
2 <h2>Цвет и освещение: универсальные правила за пять минут</h2>
2 <h2>Цвет и освещение: универсальные правила за пять минут</h2>
3 <p>Гайд от концепт-художницы "Вторжения".</p>
3 <p>Гайд от концепт-художницы "Вторжения".</p>
4 <p>Любой может научиться фотографировать, снимать видео или заниматься 3D-моделированием - выполнять техническую работу. Но для осознанного создания визуального контента важно разобраться с базовыми принципами работы с изображением.</p>
4 <p>Любой может научиться фотографировать, снимать видео или заниматься 3D-моделированием - выполнять техническую работу. Но для осознанного создания визуального контента важно разобраться с базовыми принципами работы с изображением.</p>
5 <p>Рассказываем об универсальных правилах работы с цветом и светом - вместе с концепт-художницей Александрой Дрозд, работавшей над фильмами "Вторжение", "Чужой: Жатва" и "Вратарь Галактики".</p>
5 <p>Рассказываем об универсальных правилах работы с цветом и светом - вместе с концепт-художницей Александрой Дрозд, работавшей над фильмами "Вторжение", "Чужой: Жатва" и "Вратарь Галактики".</p>
6 <p>Универсальные правила работы с цветовой гаммой</p>
6 <p>Универсальные правила работы с цветовой гаммой</p>
7 <p>Зачастую для создания атмосферного изображения достаточно сочетать два-три цвета с учётом правил композиции. Их всего три:</p>
7 <p>Зачастую для создания атмосферного изображения достаточно сочетать два-три цвета с учётом правил композиции. Их всего три:</p>
8 <ol><li><strong>Контраст цветов</strong></li>
8 <ol><li><strong>Контраст цветов</strong></li>
9 </ol><p>Сочетайте по контрасту - для этого берите цвета с противоположных концов<a>круговой палитры</a>. Напротив тёплого цвета (например, красный) -холодный (синий).</p>
9 </ol><p>Сочетайте по контрасту - для этого берите цвета с противоположных концов<a>круговой палитры</a>. Напротив тёплого цвета (например, красный) -холодный (синий).</p>
10 <p>Это работает даже с не самыми изысканными визуальными произведениями. Пример, - модная в середине нулевых цветокоррекция "Трансформеров" с оранжевой кожей и голубым фоном.</p>
10 <p>Это работает даже с не самыми изысканными визуальными произведениями. Пример, - модная в середине нулевых цветокоррекция "Трансформеров" с оранжевой кожей и голубым фоном.</p>
11 <p>2.<strong>Воздушная триада</strong></p>
11 <p>2.<strong>Воздушная триада</strong></p>
12 <p>Триаду образуют три любых цвета, которые располагаются рядом на палитре. Цвета должны сочетаться и плавно перетекать друг в друга.</p>
12 <p>Триаду образуют три любых цвета, которые располагаются рядом на палитре. Цвета должны сочетаться и плавно перетекать друг в друга.</p>
13 <p>Но заполнять всё изображение только этими цветами не стоит - это скучно. Акцентируйте: замените центральный цвет триады на противоположный, и он сфокусирует внимание смотрящего. Например, если центральный цвет триады - фиолетовый, то акцент - жёлтый. Как на "Звёздной ночи" Ван Гога.</p>
13 <p>Но заполнять всё изображение только этими цветами не стоит - это скучно. Акцентируйте: замените центральный цвет триады на противоположный, и он сфокусирует внимание смотрящего. Например, если центральный цвет триады - фиолетовый, то акцент - жёлтый. Как на "Звёздной ночи" Ван Гога.</p>
14 <p>Винсент ван Гог, "Звёздная ночь", 1889</p>
14 <p>Винсент ван Гог, "Звёздная ночь", 1889</p>
15 <p>3.<strong>Геометрия</strong></p>
15 <p>3.<strong>Геометрия</strong></p>
16 <p>Палитру определяет простая фигура - равнобедренный или прямоугольный треугольник, квадрат или ромб. Проще всего этот принцип объяснить на примере треугольника. Произвольно рисуем его на RGB-палитре и получаем ограничитель: все цвета внутри фигуры допускаются к работе, остальные - нет.</p>
16 <p>Палитру определяет простая фигура - равнобедренный или прямоугольный треугольник, квадрат или ромб. Проще всего этот принцип объяснить на примере треугольника. Произвольно рисуем его на RGB-палитре и получаем ограничитель: все цвета внутри фигуры допускаются к работе, остальные - нет.</p>
17 <p>Это не значит, что кадр нужно заполнять только яркими цветами. Для гармонии и акцентности достаточно одного яркого цвета, а остальную работу желательно выполнить в приглушённой гамме.</p>
17 <p>Это не значит, что кадр нужно заполнять только яркими цветами. Для гармонии и акцентности достаточно одного яркого цвета, а остальную работу желательно выполнить в приглушённой гамме.</p>
18 <p>Запомните ещё два правила, которые влияют на восприятие изображения.</p>
18 <p>Запомните ещё два правила, которые влияют на восприятие изображения.</p>
19 <p><strong>Фон меняет ощущение от цвета</strong>. Разместите серый квадрат на синем прямоугольнике, а затем - на оранжевом. Вы сразу почувствуете разницу. Даже серый на фоне оранжевого будет казаться теплее и ярче, не говоря уже о других цветах.</p>
19 <p><strong>Фон меняет ощущение от цвета</strong>. Разместите серый квадрат на синем прямоугольнике, а затем - на оранжевом. Вы сразу почувствуете разницу. Даже серый на фоне оранжевого будет казаться теплее и ярче, не говоря уже о других цветах.</p>
20 <p>Фон передаёт информацию относительно центральной фигуры кадра. Пример - кадр из "Бойцовского клуба". Здесь фон транслирует одну из идей фильма - обманчивое просветление (дверной проём справа) через саморазрушение (дверной проём слева).</p>
20 <p>Фон передаёт информацию относительно центральной фигуры кадра. Пример - кадр из "Бойцовского клуба". Здесь фон транслирует одну из идей фильма - обманчивое просветление (дверной проём справа) через саморазрушение (дверной проём слева).</p>
21 <p><strong>Свет работает в связке с цветом</strong>. Он может как насытить, так и приглушить его, и даже запутать зрителя. Например, при длительном просмотре холодный цвет может восприниматься как тёплый.</p>
21 <p><strong>Свет работает в связке с цветом</strong>. Он может как насытить, так и приглушить его, и даже запутать зрителя. Например, при длительном просмотре холодный цвет может восприниматься как тёплый.</p>
22 <p>Чтобы этого избежать, подержите его другими элементами. Например, Дэвид Финчер намеренно использует скудную палитру цветов. В "Охотнике за разумом" общий тон кадра дополняется светом от телевизора, табличкой на автомобильной стоянке или красным кофейником - чтобы зритель верно воспринял настроение. Благодаря таким деталям цвет становится устойчивым.</p>
22 <p>Чтобы этого избежать, подержите его другими элементами. Например, Дэвид Финчер намеренно использует скудную палитру цветов. В "Охотнике за разумом" общий тон кадра дополняется светом от телевизора, табличкой на автомобильной стоянке или красным кофейником - чтобы зритель верно воспринял настроение. Благодаря таким деталям цвет становится устойчивым.</p>
23 <p>"Охотник за разумом", 2017</p>
23 <p>"Охотник за разумом", 2017</p>
24 <p><strong>Основы композиции света и цвета</strong></p>
24 <p><strong>Основы композиции света и цвета</strong></p>
25 <p>Чтобы правильно сочетать цвет и свет нужно разобрать схему освещения. Типов света несколько:</p>
25 <p>Чтобы правильно сочетать цвет и свет нужно разобрать схему освещения. Типов света несколько:</p>
26 <ol><li><strong>Рисующий</strong>. Как правило, располагается сверху или спереди и образует основное пятно света, а также тени, идущие от объекта.</li>
26 <ol><li><strong>Рисующий</strong>. Как правило, располагается сверху или спереди и образует основное пятно света, а также тени, идущие от объекта.</li>
27 </ol><p>2.<strong>Заполняющий</strong>. Позволяет высветлить затемнённые участки изображения.</p>
27 </ol><p>2.<strong>Заполняющий</strong>. Позволяет высветлить затемнённые участки изображения.</p>
28 <p>3.<strong>Контровой</strong>. Располагается сзади и подчёркивает края фигуры.</p>
28 <p>3.<strong>Контровой</strong>. Располагается сзади и подчёркивает края фигуры.</p>
29 <p>4.<strong>Моделирующий</strong>. Располагается сбоку, чаще используется в студийной фотографии, чем в кино.</p>
29 <p>4.<strong>Моделирующий</strong>. Располагается сбоку, чаще используется в студийной фотографии, чем в кино.</p>
30 <p>Эти универсальные виды света работают и для фото, и для видео, и для 3D-моделирования. В кино всё сложнее - там, как правило, используют от семи до сорока источников света. Исключение - операторы вроде Роджера Дикинса, который снял самые известные фильмы Вильнёва, братьев Коэн и Сэма Мендеса. Ему порой достаточно и трёх источников.</p>
30 <p>Эти универсальные виды света работают и для фото, и для видео, и для 3D-моделирования. В кино всё сложнее - там, как правило, используют от семи до сорока источников света. Исключение - операторы вроде Роджера Дикинса, который снял самые известные фильмы Вильнёва, братьев Коэн и Сэма Мендеса. Ему порой достаточно и трёх источников.</p>
31 <p>"Бегущий по лезвию 2049", 2017</p>
31 <p>"Бегущий по лезвию 2049", 2017</p>
32 <p><strong>Избегайте абсолютно чёрного цвета</strong>- у него нет оттенков, и поэтому он не вызывает должного спектра эмоций. В классической живописи чисто чёрные тени почти не встречается - потому что их почти нет и в реальном мире. Свет отражается и преломляется, образуя разные оттенки.</p>
32 <p><strong>Избегайте абсолютно чёрного цвета</strong>- у него нет оттенков, и поэтому он не вызывает должного спектра эмоций. В классической живописи чисто чёрные тени почти не встречается - потому что их почти нет и в реальном мире. Свет отражается и преломляется, образуя разные оттенки.</p>
33 <p>Рембрандт, "Меняла", 1627</p>
33 <p>Рембрандт, "Меняла", 1627</p>
34 <p>Поэтому в кино особенно важен<strong>заполняющий тон</strong>- оттенок, который присутствует в каждом цвете изображения. Абсолютно чёрный используется лишь когда автор делает намеренную стилизацию. Даже в ночных или космических сценах темнота создаётся за счёт оттенков синего, серого и других цветов.</p>
34 <p>Поэтому в кино особенно важен<strong>заполняющий тон</strong>- оттенок, который присутствует в каждом цвете изображения. Абсолютно чёрный используется лишь когда автор делает намеренную стилизацию. Даже в ночных или космических сценах темнота создаётся за счёт оттенков синего, серого и других цветов.</p>
35 <p>Возьмём дизайн космического корабля и то, как он выглядит в космосе - например, кадры из "Чужого" или "Вторжения". Даже самая фантастическая конструкция кажется реалистичной, потому что избегает чёрного цвета и состоит из оттенков, бликов и других элементов, придающих ей объём и живость. В этом случае важно проработать границу светотени, которая задаёт объём любой фигуре в кадре.</p>
35 <p>Возьмём дизайн космического корабля и то, как он выглядит в космосе - например, кадры из "Чужого" или "Вторжения". Даже самая фантастическая конструкция кажется реалистичной, потому что избегает чёрного цвета и состоит из оттенков, бликов и других элементов, придающих ей объём и живость. В этом случае важно проработать границу светотени, которая задаёт объём любой фигуре в кадре.</p>
36 <p><strong>Свет не обязательно должен быть белым</strong>. Цветное освещение разнообразит изображение. Тут работают те же правила, что и в предыдущем пункте.</p>
36 <p><strong>Свет не обязательно должен быть белым</strong>. Цветное освещение разнообразит изображение. Тут работают те же правила, что и в предыдущем пункте.</p>
37 <p>Также важна работа с геометрией видов освещения. Здесь используется тот же принцип, что и с цветом - всегда есть главный источник света, создающий акцент, и дополнительный. Это видно на примере фильмов франшизы "Джон Уик": здесь сочетание света помогает удержать внимание зрителя в экшн-сценах.</p>
37 <p>Также важна работа с геометрией видов освещения. Здесь используется тот же принцип, что и с цветом - всегда есть главный источник света, создающий акцент, и дополнительный. Это видно на примере фильмов франшизы "Джон Уик": здесь сочетание света помогает удержать внимание зрителя в экшн-сценах.</p>
38 <p>Your browser does not support the video tag.</p>
38 <p>Your browser does not support the video tag.</p>
39 <p>В видеоиграх базовые приёмы сочетания цвета и света помогают ориентироваться на локации - нужные участки и направляющие линии подсвечиваются. Принципы визуального повествования универсальны для всех видов искусства: при помощи цвета и света можно выделить важную деталь и направить взгляд зрителя.</p>
39 <p>В видеоиграх базовые приёмы сочетания цвета и света помогают ориентироваться на локации - нужные участки и направляющие линии подсвечиваются. Принципы визуального повествования универсальны для всех видов искусства: при помощи цвета и света можно выделить важную деталь и направить взгляд зрителя.</p>
40 <p><em>Авторы: Николай Кубрак, Александра Дрозд</em></p>
40 <p><em>Авторы: Николай Кубрак, Александра Дрозд</em></p>
41 <p>Хочешь получать лучшие статьиот XyZ раз в неделю?</p>
41 <p>Хочешь получать лучшие статьиот XyZ раз в неделю?</p>
42 <p>Подпишись на рассылку XyZ</p>
42 <p>Подпишись на рассылку XyZ</p>
43 <p>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных</p>
43 <p>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных</p>
44  
44