Создание видео инфографики для компании ЦРТ
Как это было


  • 18 Октября 2016
  • Создание инфографики, Видео инфографика
Задача

Компания «Центр речевых технологий» заказала в нашей продакшн студии видео инфографику про новый продукт для контакт центров «Smart Logger II». Видеоролик должен был быть создан в достаточной короткие сроки, а именно 3 недели. В этот срок должно было войти все: от концепции и сценария до непосредственной отрисовки и анимации.


Создание видео инфографики

Видео инфографика ЦРТ. Препродакшн

Концепция и сценарий

Представителям компании приглянулся видеоролик «Simcon 24», выполненный в изометрической стилистике – именно такую стилистику и было принято взять за основу. Мы получили подробнейшее ТЗ, расписали заказчикам общую концепцию будущего видеоролика и, получив подтверждение, приступили к написанию сценария.

Разбив повествование на логические блоки, копирайтер написал текст, по которому вместе с режиссером и дизайнером был составлен подробный режиссерский сценарий. Основой визулизации был сам контактный центр с сотрудниками, между которыми графически отображались связи. Предполагалось, что будет демонстрироваться определенная ситуация, являющаяся «больной» для любого контактного центра, а затем показывалось, как эта ситуация решается при помощи продукта Smart Logger II.

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

Концепция и сценарий. Версия 2

Через некоторое время мы получили от заказчиков новый пример видео инфографики – это был «плоский» видеоролик про внедрение относительно похожего продукта. Ролик был достаточно минималистичным, плюс отличался рисованной стилистикой. Было принято решение изменить ТЗ и разработать видеоролик в подобной стилистике, но без «рисованности» и даже еще более сдержанный с точки зрения количества деталей.

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

Раскадровка

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

Раскадровка видеоролика

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

Типовой кадр видео инфографики

Теперь, когда сценарий был утвержден, черновая раскадровка одобрена, а также были определены общие концептуальные решения в визуализации видео инфографике, подошел черед создания типового первого кадра. Очень важным элементом видеоролика являлась, так называемая, осциллограмма, демонстрирующая обрабатываемую продуктом (программным обеспечением) Smart Logger II аудиозапись. К базовой первой картинке добавилось еще пять, и уже из них был выбран оптимальный вариант.

Варианты первого кадра видео инфографики

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

Как менялся первый кадр видео инфографики
Видео инфографика ЦРТ. Продакшн

«Предчистовая» и чистовая раскадровка видео инфографики ЦРТ

Ранняя черновая раскадровка была дополнена деталями на основе утвержденного первого кадра. На тот момент срок оговоренный срок создания видео инфографики закончился, а мы дошли лишь до начала основной работы. Заказчики продлили сроки работ и иллюстратор продакшн студии imagine[on] смог приступить к работе.

Раскадровка видео инфографики

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

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

Итак, после 10 дней отрисовки всей анимации, видеоролик был готов.

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

Сравнение видеороликов

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

Неутвержденный вариант видео инфографики с классной плашкой
Видео инфографика ЦРТ. Постпродакшн

Создание инфографики – выбор музыки

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

Создание инфографики – звуковые эффекты

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

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

И вот, наконец, финальная версия видео инфографики для компании ЦРТ была готова.

  • Команда
    • Режиссер и продюсер
    • Дизайнер-аниматор
    • Иллюстратор
  • Клиент

    ЦРТ