Кинетическая типографика
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes

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

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

big
Original size 1280x720

CD Projekt RED, Cyberpunk 2077: Phantom Liberty — Official Trailer, 2023 г.

big
Original size 1280x720

COMPUTERFACE, ASUS V16, 2025 г.

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

Original size 1280x720

COMPUTERFACE, ROG Flow Z13, 2025 г.

Original size 1280x800

COMPUTERFACE, MSI Raider 18, 2024 г.

Original size 1280x720

Мэтью Кресцено, Razer Blade 18: POWER RENDER, 2025 г.

Анимации появления и исчезновения графических элементов лишены плавности, буквы нередко появляются чётко друг за другом. У такой типографики отсутствуют изинги (плавное ускорение, пик скорости и постепенное замедление), она выглядит строго и вызывающе. При этом подобная дробность служит ещё и другой цели: резко появившаяся фраза привлекает на себя всё внимание. Именно таким образом и расставляются акценты — с экрана уводится уже отработанная информацию, которая сразу же заменяется новой.

Original size 1280x720

Осман Кейбс, Али Амасир, Сонг Карил, RU Razer Wolverine V2 Pro | Connect. Control. Conquer, 2023 г.

Original size 1280x720

Carbon Moves, Razer x Basilisk V3 Pro Mouse, 2022 г.

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

Original size 1280x720

CD Projekt RED, «Cyberpunk 2077 — официальный трейлер с Е3 2018», 2018 г.

Original size 1280x720

Guerrilla Games, Horizon Forbidden West — Story Trailer | PS5, PS4, 2022 г.

Original size 1280x720

Eidos-Montréal, Deus Ex: Mankind Divided — Announcement Trailer | PS4, 2015 г.

Original size 1280x540

Sun Creature, Riot Games, «ЗА ЧТО МЫ СРАЖАЕМСЯ // EGO ft. Кин Мади // 5 Years — VALORANT», 2025 г.

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

Original size 1280x267

Даниил Русанов, 1942. Opening WWII Titles for Voronezh Immersive, 2024 г.

Original size 1280x720

Ubisoft Quebec, Assassin’s Creed Shadows: Launch Cinematic TV Ad, 2025 г.

Original size 1280x720

Bandai Namco, Tarsier Studios, Little Nightmares — Launch Trailer, 2017 г.

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

Original size 1280x720

Sucker Punch Productions, Ghost of Tsushima — PGW 2017 Announce Trailer | PS4, 2017 г.

Original size 1280x720

FromSoftware, Sekiro: Shadows Die Twice — Official Launch Trailer | PS4, 2019 г.

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

Original size 1280x720

CD Projekt RED, The Witcher 3: Wild Hunt — Killing Monsters Cinematic Trailer, 2013 г.

Original size 1280x720

CD Projekt RED, The Witcher 3: Wild Hunt — Killing Monsters Cinematic Trailer, 2013 г.

Original size 1280x720

Сильван Гаусенс, DIOR CAPTURE, 2025 г.

Original size 1280x720

Омер Авакан, Imagine Dragons | Dolby Atmos, 2023 г.

Original size 1280x720

Taekyu Park, BMW M X XENICS, 2025 г.

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

Original size 1280x720

Антон Шавкеро, WoT Blitz x deadmau5: Familiars, 2024 г.

Original size 1280x720

Антон Шавкеро, WoT Blitz x deadmau5: Familiars, 2024 г.

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

Original size 1280x720

Альберто Мьельго, Watch Dogs: Legion — Tipping Point Cinematic Trailer, 2020 г.

Original size 1280x720

Альберто Мьельго, Watch Dogs: Legion — Tipping Point Cinematic Trailer, 2020 г.

Original size 1280x720

Альберто Мьельго, Watch Dogs: Legion — Tipping Point Cinematic Trailer, 2020 г.

Подводя итог, можно говорить о том, что кинетическая типографика и сторонние графические элементы, включенные в визуальный ряд синематик-трейлера, действительно сильно влияют на уникальность и узнаваемость получившегося видео.

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

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

Chapter:
1
2
3
4
5
We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more