Создание обучающего видеоролика
для сайта "Автор24"


  • 24 Июня 2016
  • Видеосъемка, Видео инфографика, Анимация, Обучающий видеоролик
Задача

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

Именно поэтому входными данными для съемки видеоролика стали:

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

Сам планируемый обучающий видеоролик представлял собой совмещение компьютерной графики с сайта со съемками рассказывающего о сервисе актера. По срокам мы условились на 25 календарных дней.

Обучающий видеоролик Автор 24

Препродакшн

Сценарий

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

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

Кастинг

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

Как и всегда во время кастинга из порядка 40 откликов, мы получили 15 совсем уж откровенно бездумных – люди присылали нам снятые на тапок фотографии в совершенно неподходящей одежде (как пример, молодой человек прислал фотографию, где он сидит в бане с бутылкой пива и в завернутом полотенце; лицо красное, а из губ скорчена странная гримаса). Итак, отбросив совсем уж нестандартные отклики, мы отобрали семь достаточно интересных претендентов. Получив от заказчика одобрение на трех из них, мы попросили претендентов записать их короткий ролик с начиткой пары предложений из нашего текста – это было нужно, чтобы посмотреть на человека в движении, увидеть его мимику и манеру читать текст. Это крайне важный момент, так как часто бывают случаи, что человек на фотографиях выглядит просто великолепно, но в движении его мимика оказывается бедной, а иногда и вовсе отталкивающей.

Отсмотрев присланные записи, заказчик выбрал актрису Мария Р. Мы договорились с ней о гонораре и отправили на ознакомление весь текст видеоролика

Студия и оборудование

Выбор студии происходил по главному критерию – хороший белый фон. Благо, таких студий в Санкт-Петербурге достаточно много, поэтому удалось выбрать крайне удобное для всех место – совсем недалеко от ст.м.Гостиный Двор.

Из реквизита нам понадобился штатив, камера, портретный объектив и четыре источника света KinoFlo.

Продакшн

Съемки ролика

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

Немного поэкспериментировав с макияжем и прической, мы приступили к съемкам. У актрисы была достаточно спортивная фигура с широкими плечами и узким тазом (обычно это удается разглядеть на кастинге), и поэтому, чтобы не разрушить требуемый образ, мы скорректировали ее позу таким образом, чтобы лицо всегда было направлено анфас на камеру, а тело было обращено чуть в сторону. Благодаря этому простому решению нам удалось удержать в кадре образ утонченной девушки.

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

Через четыре часа беспрерывных съемок, мы заполучили все необходимые кадры. Можно было приступать к монтажу и анимации.

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

Монтаж обучающего видеоролика и озвучивание

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

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

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

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

Основными элементами анимации были:

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

Вид на проект в монтажной программе

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

Важным моментом при изготовлении обучающего видеоролика стал фон в видеофайлах с актрисой. Несмотря на грамотную постановку освещения, он все равно не был идеально белым. И несмотря на то, что в сравнении с видеороликом, предоставленным заказчикам в качестве примера, фон с наших съемок был белым как простыня в рекламе Tide, 1% особо чувствительных и искушенных зрителей наверняка бы заметил редко появляющиеся чуть заметные тени. После нескольких попыток выровнять их регулировкой яркости и контрастности, мы приняли решение полностью «срезать» имеющийся фон при помощи кейинга, после чего заменить его идеально белым нарисованным полотном.

Кадр до и после кейинга
Корректировки

После просмотра первой версии видеоролика, мы получили от заказчика следующие корректировки:

  • Необходимо было сделать линии значков чуть тоньше и «легче»,
  • Надо было изменить имя исполнителя с изначально «Автор24» на IgorSergeevich,
  • Заменить аватар автора на новый присланный заказчиком,
  • В нескольких местах сделать изображение сайта на 15% меньше,
  • Сделать логотип «Автор24» на 20% меньше.

Вариант значка до и после корректировок
Итоги создания обучающего видеоролика

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

  • Программное обеспечение
    • Adobe Photoshop
    • Adobe Premiere
    • Foundry Nuke
    • Corel Draw
  • Оборудование
    • Canon 5d mark 2
    • Canon 50mm 1.4
    • Штатив
    • 4x KinoFlo
  • Клиент

    Автор24