Все записи

Как сделан ролик WeavyAudio

Как мы измерили, собрали и проверили 40-секундный ролик с нашей главной: склейки по тактовым чертам, слова в ритм, четыре ошибки, пойманные в полном разрешении.

Как сделан ролик WeavyAudio
Как сделан ролик WeavyAudio · 0:40

Ролик на нашей главной странице длится 40 секунд и идёт с частотой 60 кадров в секунду. Мы сделали его для WeavyAudio, нашего собственного музыкального бренда, и начался он не со сценария, а с секундомера.

Измерить ролики, которыми мы восхищаемся

Мы взяли запускные ролики, которые считаем отличными, и прошли их кадр за кадром. При 30 кадрах в секунду кадр длится 33 миллисекунды, и точнее картинка уже ничего не скажет; звук мы читали ломтиками по 10 миллисекунд. Для каждой склейки мы измеряли, насколько далеко она падает от удара, а для каждого движения камеры — как быстро оно начинается, сколько длится и как останавливается, и подбирали под него кривую.

Из цифр вышло несколько правил:

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

С тех пор измерения выросли в библиотеку: уже больше 25 продуктовых роликов, каждый прочитан кадр за кадром в одну базу данных, с каждой склейкой, каждым движением камеры и его кривой, каждой строкой текста и тем, как она появляется и уходит, с фонами и с тем, где в кадре стоят предметы. Самые новые моменты этого ролика взяты оттуда.

Собран из материалов самого WeavyAudio

Цвета, шрифт (Instrument Sans той же узкой ширины, что сайт использует в заголовках), настоящие польские фразы, страницы и фотографии — всё это взято с weavyaudio.com. Для ключевых слов мы добавили второй шрифт, Instrument Serif Italic, от той же студии, что и Instrument Sans.

Ролик открывается словами в луче света. Пластинка с главной страницы восходит, как планета, а недельное расписание музыки становится панелью, которая собирается строка за строкой. Счётчик настроений доходит до двенадцати, и настроения вращаются вокруг заголовка; затем идёт их список, у каждого своя обложка. Набранные запросы, «poranny trening» («утренняя тренировка») и «wieczór w barze» («вечер в баре»), открывают заведения, которые они описывают. Стена планшетов несёт фразу «Na dowolnym tablecie albo w przeglądarce.» («На любом планшете или в браузере.»). Лицензия превращается в кнопку воспроизведения, галочку и карточку заведения, которая поворачивается ребром и переходит в карусель из восьми шаблонов заведений, освещённую одним ключевым светом, так что карточка, повёрнутая к вам, всегда главная. Плитка с буквой W превращается в форму, которая несёт финальную заставку.

Музыка начинается через долю секунды после начала трека, чтобы её тактовые черты падали точно на кадры склеек. В готовом ролике каждая жёсткая склейка укладывается в 5 миллисекунд от своего удара.

Звук, сделанный из картинки

Звуковые эффекты генерируются по таймлайну самого ролика: низкий удар на каждой склейке, свист под каждым быстрым движением, который нарастает и затихает вместе с его скоростью, щелчок на каждую набранную букву и колокольчик на финальной заставке, настроенный в тональность музыки. Микс сведён до −14 LUFS.

Проверка, которая поймала четыре ошибки

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

Вот что мы называем роликом, сделанным с заботой. Нажмите «Смотреть со звуком» на главной, чтобы увидеть результат.

Ещё на этом языке