Коротко: композиция в игровом окружении сложнее, чем в фотографии, потому что камера движется и вам не принадлежит, но те же инструменты работают. Направляющие линии, обрамление, ясная точка фокуса, глубина передний-средний-задний план и контраст тона, всё это ведёт глаз игрока. Хитрость в том, чтобы строить композицию для многих точек обзора вдоль маршрута, а не для одного идеального кадра. Эта статья переводит базовые правила фотографической и кинематографической композиции на язык левел-дизайна, с проработанным методом и проверками, которые говорят вам, что это работает.
Тропа — самый честный инструмент композиции, какой есть: она физически говорит и глазу, и игроку, куда идти. У каждого сильного кадра окружения есть невидимая версия этой линии, проходящая сквозь него.
Почему композиция в играх иная
Фотограф выбирает кадр; вы строите пространство, которое игрок увидит с сотен ракурсов в движении. Поэтому вы строите МАРШРУТ: последовательность видов, которые игрок реально получает, а не один геройский кадр.
Это ментальный сдвиг, отделяющий композицию окружения от концепт-арта. Концепт-художник управляет одной камерой; вы не управляете ни одной напрямую. Что вы можете контролировать — это куда идёт игрок, что он может и не может видеть, и что попадает в кадр, когда он приходит в каждую точку. Поэтому вы перестаёте думать «какой тут лучший скриншот» и начинаете думать «что видит игрок у двери, на повороте, на верху лестницы». Скомпонуйте эту горстку неизбежных видов осознанно, и пространство будет ощущаться художественно срежиссированным, хотя ведёт игрок.
Направляющие линии
Дороги, реки, заборы, стены, лучи света и ряды объектов — это стрелки. Направьте их на то, что важно (цель, панораму, следующую дверь), и глаз последует, а игрок этого не заметит.
Направляющие линии — самый сильный и дешёвый инструмент ведения в 3D. Тропа, трубопровод, упавший ствол, луч света: любой линейный элемент читается как направление. Прицельте их, и вы получаете бесплатную навигацию и бесплатную композицию сразу. Типичный сбой: случайные направляющие линии, указывающие в никуда, или, что хуже, прочь от того, куда игроку надо; коридор, чья сильнейшая линия тащит глаз в мёртвый угол, заставит игроков пропустить настоящий маршрут. Проверьте свои сильные линии и убедитесь, что они сходятся на чём-то, до чего стоит дойти.
Обрамление
Окружите точку фокуса более тёмными или более близкими элементами (дверью, аркой, нависающими ветвями, зазором между скалами), чтобы у композиции было естественное окно. Рамки создают фокус и глубину одним движением.
Обрамлённый вид читается как намеренный и втягивает глаз сквозь рамку к объекту. Двери и арки — очевидные архитектурные рамки; в природе нависающая листва, скальные формации и стволы деревьев выполняют ту же работу. Обрамление также фабрикует глубину бесплатно, потому что рамка сидит ближе к камере, чем объект, устанавливая слой переднего плана. Раскрывайте свои лучшие панорамы сквозь рамку: ориентир, пойманный сквозь разрушенную арку, приземляется сильнее, чем тот же ориентир в открытом поле.
Ясная точка фокуса
У каждого ключевого вида должна быть ОДНА вещь, на которую глаз садится первой: самая светлая зона, наибольший контраст, точка схождения линий. Если всё соперничает, не побеждает ничто, и кадр читается как шум.
Спросите каждый важный вид: на что глаз падает первым? Если не можете ответить мгновенно, игрок тоже не может, и композиция — каша. Создайте точку фокуса контрастом (светлая форма на тёмном или наоборот), схождением (направляющие линии, встречающиеся там) или изоляцией (детализированный объект в спокойном поле). Самая частая ошибка искусства окружений: равномерный интерес, каждая поверхность одинаково детализирована, одинаково освещена, что, парадоксально, делает сцену менее читаемой, потому что глазу негде отдохнуть и некуда идти.
Воздушная перспектива в работе: каждый гребень светлее и ниже по контрасту, чем предыдущий. Именно это тональное разделение превращает плоский фон в пространство с настоящей глубиной.
Глубина: передний, средний, задний план
Стройте каждый важный вид в трёх слоях расстояния, каждый визуально отличный. Воздушная перспектива (далёкие вещи светлее, туманнее, ниже по контрасту) продаёт глубину сильнее любого счётчика полигонов.
Сцена без слоистой глубины выглядит как плоский фон, как бы детально она ни была. Разместите осознанно элемент переднего плана (камень, ветку, кусок руины), средний план, где происходит действие, и задний план, который отступает. Затем обопритесь на воздушную перспективу: реальный воздух делает далёкие объекты бледнее, синее и ниже по контрасту, и воспроизведение этого, туманом, тонким обесцвечиванием или спадом освещения, читается мгновенно как расстояние. Вот почему туманная долина ощущается глубокой, а чистая может выглядеть как нарисованная стена: туман делает ваши подсказки глубины за вас.
Тест прищура
Прищурьтесь на свою сцену, пока детали не размоются. Крупные формы и тональные массы должны по-прежнему читаться: вы должны по-прежнему знать, куда смотреть. Если превращается в серую кашу, композиция сломана, как бы красивы ни были текстуры.
Одна эта проверка ловит больше проблем композиции, чем любой учебник. Прищур убирает текстуру и цвет и оставляет вас с тональной структурой (узором светлых и тёмных масс), по которому глаз реально навигирует. Если точка фокуса всё ещё выделяется при прищуре и раскладка всё ещё читается, ваша композиция крепка. Если она растворяется в однородное поле, у вас тональная проблема, которую не исправит никакое количество деталей; вам нужен больший контраст между массами. Делайте этот тест постоянно, на каждом проходе.
Метод, который можно повторять
- Отметьте неизбежные виды. Пройдите маршрут игрока и запишите каждое место, куда он естественно посмотрит: двери, повороты, прибытия, панорамы.
- Дайте каждому точку фокуса. Решите ту единственную вещь, до которой глаз должен добраться, и заставьте её победить контрастом или схождением.
- Проведите к ней линии. Расположите архитектуру, свет и пропсы так, чтобы сильные линии указывали на эту точку фокуса.
- Наслоите глубину. Добавьте элемент переднего плана и оттолкните задний план атмосферой.
- Проверьте каждый вид прищуром. Если структура переживает прищур, идите дальше.
Измерение того, где игрок реально стоит и смотрит, превращает это из угадывания в размещение, которое можно проверить. Два клика, чтобы проверить линию обзора или дистанцию кадрирования, бьют прикидку на глаз, и это одна из причин, почему инструмент измерения живёт в бесплатном уровне Numivo: осознанная композиция начинается с точного знания того, что камера возьмёт в кадр.
Полевые числа, которые стоит украсть
- Слои глубины на важный вид: 3 (передний / средний / задний план)
- Точки фокуса на вид: 1, иначе у глаза нет якоря
- Проверка, ловящая больше всего проблем: тест прищура для тональной структуры
- Воздушная перспектива: далёкие элементы светлее + ниже по контрасту, всегда
- Стройте композицию для маршрута, а не открытки: игрок никогда не останавливается там, где вы сделали бы скриншот
Мини-FAQ
Работает ли правило третей, когда игрок управляет камерой? Как привычка размещения, да: ставьте точки фокуса и горизонты вне центра, когда кадрируете виды вы (катсцены, фиксированные камеры, моменты прибытия). При свободном перемещении это значит меньше, чем направляющие линии и тональный контраст, работающие с любого ракурса.
Как строить композицию, когда игрок может смотреть куда угодно? Вы не можете контролировать каждый кадр, поэтому контролируйте пространство: блокируйте линии обзора геометрией, открывайте их осознанно к тому, что важно, и освещайте важные вещи ярче. Вы компонуете декорацию, а не кадр.
Разве это не просто совет из концепт-арта? Принципы общие, но применение переворачивается: концепт-арт компонует один фиксированный кадр, искусство окружений компонует проходимое пространство, порождающее много кадров. Мастерство в том, чтобы пространство компоновало само себя хорошо с тех ракурсов, которые игроки реально используют.
У моей сцены отличные ассеты, но выглядит плоско. Почему? Почти всегда не хватает слоёв глубины и тонального контраста. Добавьте элемент переднего плана, оттолкните задний план атмосферой и поднимите контраст между крупными массами. Деталь не создаёт глубину; наслоение и тон создают.
Композиция — это разница между складом красивых ассетов и местом, которое ведёт, дышит и держит глаз. Скомпонуйте маршрут, дайте каждому виду точку фокуса, проведите к ней свои линии и прищурьтесь, и игрок посмотрит ровно туда, куда вы задумали, так и не узнав, что вы решили за него.