Создание видео инфографики
для стоматологических клиник "Астра"


  • 19 Июня 2016
  • Видео инфографика, Анимация
Задача

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

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

  • Свежая и современная подача материала;
  • Видеоролик должен выглядеть очень качественно и дорого;
  • Ролик должен быть спокойным, умиротворяющим и даже расслабляющим, ведь очень многие боятся стоматологов, и перед приемом их надо максимально успокоить.

Препродакшн

Идея

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

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

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

Сценарий

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

  • Кратко обо всех услугах – в этой части мы условно просто перечисляли, что есть детский прием, есть хирургия и т.д.
  • Затем история поворачивала в сторону протезирования, и тут начинался медленный и планомерный рассказ обо всех его вариантах. Сам рассказа был построен таким образом, что каждый из вариантов оказывался как бы хорошим, но не совсем идеальным.
  • Таким образом мы доходили до сравнения протезирования на имплантатах и мостовидных протезов. На этом этапе мы рассказывали об особенностях данных процедур. Чаша весов начинала значительно перевешивать в сторону протезирования на имплантатах, и как последний аргумент мы говорили о том, что, по сути, суммарная стоимость всего процесса примерно одинакова – так зачем делать хуже?
  • Завершающим блоком шел рассказ о съемных протезах, которые были интересны разве что своей ценой.
Таким образом, весь упор был сделан именно на протезирования на имплантах. Если представить структуру сценария графически, то все дороги вели именно к этой услуге.

Продакшн

Анимация линии

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

  • нарисовать сразу весь путь линии, а потом анимировать его при помощи изменения альфа канала изображения. Этот способ позволял с легкостью разрисовать совершенно любые завиточки и завихрени, но так как мы хотели добиться того, чтобы со временем линия «затухала», этот способ становился крайне громоздким уже после 10 секунд анимации.
  • рисовать эту линию также, как это происходит в реальности. Когда карандаш или ручка движется по бумаге, они оставляют микроскопические частички грифиля или чернил на поверхности. То есть при значительном увеличении, можно увидеть, что линия на самом деле вовсе и не линия, а длиннющая «горка» из частичек вещества. Именно при помощи анимации частиц это и можно было реализовать.
  • третий способ предполагал рисовать линию сплайном с фиксированной шириной. Но так как все программы для создания анимации или видео инфографики устроены по определенной четкой логике, такой способ предполагал создание огромного количества точек и размещения их в одной «куче» скопом. Далее по одной они должны были выезжать оттуда, создавая ту или иную линию. Этот способ отметался сразу, так как с каждой новой точкой анимация становилась сложнее, а поддержание правильной траектории и вовсе требовало титанических усилий.

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

Стадии анимации появления блока

Анимация блоков

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

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

Стадии анимации появления блока

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

Исчезновение блока мы сделали по аналогии с исчезновением линии, но даже и сюда добавили немного «сложностей»: блок постепенно угасал, но надпись угасала не вместе с блоком, а с опозданием на 10 кадров. Мелочь, а красиво!

Диктор

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

Получив подтверждение по одному из них, мы отправили текст на начитку. С третьего раза диктор прочитал каждое слово именно так, как мы хотели, и теперь мы могли приступить ко всей анимации.

Постпродакшн

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

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

Вид на проект в монтажной программе
Итог создания видеоролика

Итогом создания видеоролика стали очень лестные отзывы от дирекции клиники, а также продолжение работы по оставшимся частям всего видеоролика.

  • Программное обеспечение
    • Adobe Photoshop
    • Adobe Premiere
    • Foundry Nuke
  • Клиент

    Сеть стоматологических клиник "Астра"