Дизайн шоурила моушн-дизайнера

Шоурил, выстроенный на музыкальной сетке

Фильм идёт 15 секунд на 128 BPM, а HUD на экране делает эту структуру видимой. На каждом кадре есть таймкод, 60 FPS, четыре квадрата битов, счётчик BAR из 8 и линия прогресса вдоль нижнего края.

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

Семь моушн-глав и финальная карточка

Исходные заметки делят шоурил на главы, у каждой своё время старта. Короткие главы держат высокий темп, но оставляют мало времени, чтобы что-то прочитать. Логотипу-надписи отведено 1,5 секунды, главе о плавности — две.

Шрифт и цвет как главные переходы

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

Буквы в кинетическом кадре оставляют за каждым глифом полупрозрачное эхо, которое показывает направление без фильтра размытия движения. Расплата — читаемость: посреди движения различимы только две буквы, «OU».

01

Масштаб логотипа-надписи

OpenDesign набрано расширенным чёрным начертанием в две строки, ниже идёт курсивная строка роли с засечками. Контраст широкого рубленого и узкого курсива отделяет бренд от должности.

02

Сетка Systems

Бумажная плитка 3×3 на почти чёрном фоне со слабой точечной сеткой сначала выглядит неподвижным объектом, а затем, по исходным заметкам, распадается на поле Truchet.

Адаптация шоурила под другой бриф

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

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

1. Замените идентичность

   Сначала поменяйте бренд, роль и текст подвала, затем проверьте ширину логотипа-надписи.

2. Перекрасьте палитру

   Сохраняйте сильный контраст между фоном каждой главы и шрифтом.

3. Держите сетку

   Перераспределяйте содержимое внутри существующих тактов, а не добавляйте главы.

Источник и границы работы

Это официальный ремейк в коде от OpenDesign стороннего произведения с указанием автора: поста @stephanlivera в X. Композиция заново собрана в коде по опубликованной работе, а саундтрек оригинальный. Эта отсылка фактическая и не означает одобрения со стороны первоначального автора.

Это отрендеренный шоурил, а не интерактивный инструмент дизайна. Его шаблон взят из предлагаемого видеопроцесса OpenDesign; доступность зависит от установленной версии.