Параллакс

Определение

Параллакс (от англ. parallax) — это визуальный эффект, при котором объекты, находящиеся на разном расстоянии от наблюдателя или виртуальной камеры, смещаются с разной скоростью. Ближние объекты обычно перемещаются в кадре заметнее, а дальние — медленнее. Благодаря этому плоское изображение начинает восприниматься как пространство с передним, средним и дальним планами.

В моушн-графике параллакс часто создаётся средствами 2.5D- и 3D-анимации. Исходная фотография, иллюстрация или коллаж разделяется на отдельные элементы, которые размещаются на разных планах и анимируются относительно друг друга.

Источник: Студия «REDMEDVED»

Зачем это нужно

Параллакс позволяет создать ощущение глубины без полноценного моделирования трёхмерной сцены. Он помогает оживлять фотографии, иллюстрации, архивные изображения, карты, коллажи и интерфейсную графику.
‍
Разная скорость движения планов направляет внимание зрителя. Например, камера может пройти между объектами переднего плана, приблизиться к персонажу или постепенно открыть дальний фон.

Где применяется

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

Источник: Студия «REDMEDVED»‍

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

Источник: Студия «REDMEDVED»‍

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

Источник: Студия «REDMEDVED»‍

‍Игры, VR и интерактивные инсталляции. Плоские элементы, размещённые на разных планах, могут использоваться для создания пространственных сцен, интерактивных фонов и многоплановых интерфейсов.

Источник: Студия «REDMEDVED»

Принципы организации и монтажа

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

Количество слоёв зависит от композиции и задачи. Большое число планов само по себе не делает сцену убедительнее: важнее, чтобы зритель ясно воспринимал расстояние между объектами и направление движения камеры.

Источник: Студия REDMEDVED‍

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

‍Требования к исходным материалам
‍
Разрешение изображения должно учитывать не только размер финального кадра, но и предполагаемое движение камеры. При приближении или смещении могут открываться области за пределами исходной композиции, поэтому материалу обычно требуется запас по ширине, высоте и масштабу.
‍
Чем сильнее камера приближается к объекту, тем заметнее становятся недостаток детализации, пикселизация и ошибки ретуши. Размытие может скрыть часть дефектов на дальнем или переднем плане, но не заменяет качественную подготовку исходников.
‍
Движение камеры и объектов
‍
Параллакс может создаваться движением виртуальной камеры: ближние и дальние объекты смещаются относительно друг друга, формируя ощущение глубины и объёма.

Источник: Студия REDMEDVED

Сила эффекта зависит от расстояния между планами, скорости движения и направления камеры. Если все слои перемещаются одинаково, зритель воспринимает это скорее как панорамирование общей картинки, а не как движение внутри пространства.

Траектория камеры подчиняется монтажу и смыслу сцены. Плавное движение подходит для постепенного раскрытия пространства, а более быстрое приближение может использоваться для акцента. Универсального ограничения по длительности параллакс-плана нет: хронометраж зависит от темпа ролика, звука, текста и драматургии.
‍
Перспектива, свет и цвет
‍
Все планы должны восприниматься как части одного пространства. Для этого учитываются перспектива, масштаб объектов, направление света, цветовая температура и степень размытия.
‍
Если передний и дальний планы имеют несовместимые углы съёмки или освещены с разных сторон, движение камеры подчёркивает различия и разрушает ощущение цельной сцены.

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

Избыточное количество эффектов снижает читаемость сцены. Их функция — поддерживать композицию, а не перекрывать главный объект или маскировать ошибки подготовки изображения.
‍
Монтаж и звук
‍
Движение камеры может быть связано с музыкой, голосом, шумами и монтажными акцентами. Смена направления, остановка или приближение часто подчёркивают важную фразу или появление нового объекта.
‍
При этом изображение не всегда обязано полностью объяснять содержание без текста. В образовательных, музейных и документальных проектах визуальный ряд и закадровый комментарий могут работать совместно. Основное требование — чтобы композиция оставалась читаемой и не противоречила содержанию аудиодорожки.

Направления движения в параллаксе

Горизонтальный параллакс. Камера или слои перемещаются влево или вправо. Такой вариант подходит для панорам, временных линий, последовательности событий и движения вдоль пространства.
‍
Вертикальный параллакс. Движение направлено вверх или вниз. Оно может создавать ощущение высоты, падения, подъёма или погружения. В веб-дизайне вертикальный параллакс часто связан с прокруткой страницы.
‍
Глубинный параллакс. Камера движется вглубь композиции или отдаляется от неё. Передние планы быстрее меняют положение и масштаб, а фон реагирует слабее. Это создаёт ощущение приближения к объекту или раскрытия более широкого пространства. На практике направления могут сочетаться в одной сцене.

С чем не стоит путать

Параллакс и панорамирование
При обычном панорамировании всё изображение перемещается как единая плоскость. При параллаксе разные планы смещаются неодинаково, поэтому возникает ощущение расстояния между ними.
‍
Параллакс и масштабирование
Простое увеличение изображения приближает всю композицию одинаково. В параллакс-сцене планы меняют положение и масштаб по-разному.
‍
Параллакс и полноценное 3D
В 3D-сцене объекты имеют объёмную геометрию и могут рассматриваться с разных сторон. В 2.5D-сцене большинство элементов остаётся плоскими. Поэтому слишком сильный поворот камеры может раскрыть условность конструкции.

Что важно учитывать

Убедительность параллакса зависит от согласованности глубины, перспективы и движения.

К типичным ошибкам относятся:

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