очный тренинг
Видеоинфографика
в digital-коммуникациях
Ольга Кучина
Нур-Султан, 2019
Ольга Кучина
Основательница и продюсер продакшн студии "Мастерская"
Контент-маркетолог
Клиенты: Halyk Bank, British Council, Efes Kazakhstan, Aviata, Верный Капитал, UNESCO, M&Ms
Видеоинфографика — это визуальные истории для донесения информации и идей.
Какие задачи решает видеоинфографика?
Explainer:
Объяснить сложное простыми словами, рассказать о новой технологии, новом продукте, объяснить процессы, неосязаемую систему.
Tutorial:
Научить пользоваться продуктом, приложением, сервисом. Пошагово рассказать как это работает.
Storytelling:
Рассказать историю компании, продукта, явления, предмета и тд. Придать человеческий образ компании. Вовлечь эмоционально к проблеме/теме.
Развлекательно-образовательные видео:
Обзор интересных фактов, истории, ТОП-лист, статистика, сравнения.
Screencast
Демонстрация интерфейсов. Научить пользоваться приложением, сервисом, программой и любым устройством, где есть экран.
Видеопрезентация
Имиджевое видео для использования вместо Power Point. О компании, о продукте. Видео-визитка
Промо/Тизер
Промо акции, реклама. Анонс видео, выпуска, мероприятия.

Создание сценария
1. Определение задачи и хронометража
Чем короче ролик, с тем большей вероятностью его досмотрят до конца.
2. Концепция и пространство ролика
Где происходит действие?
Как происходит переход от сцены к сцене?
Акварельная бумага
Блокнот
Зал переговоров
Слайдовая презентация
Акварельная бумага
Графика нарисована акварелью или появляется в виде скетчей. Переход между сценами происходит путем передвижения по листу.
Блокнот
Переход от сцены к сцене происходит путем перелистывания страниц
Зал переговоров
Видео показывается на экране монитора, графика "висит" на пробковой доске и камера переходит от монитора к доске, проходит под разными углами доски.
Слайдовая презентация
Сцены перелистываются как слайды.
3. Первый черновик сценария
Чаще всего сначала создается закадровый текст. Затем каждое предложение визуализируется.
Основные правила первого черновика
1 задача = 1 видео (или 1 мысль = 1 видео)
1 предложение = одна сцена
Длинные предложения следует разбивать
Если разбить не получается, следует продумать больше движений в кадре.
В кадре всегда что-то должно происходить
Движения в кадре должны быть синхронны с закадровым текстом по смыслу
Блоки сценария
Проблема/Задача

Решение

Как это работает/Описание процесса, технологии

Ответы на самые очевидные вопросы

Обзор фишек, преимуществ

История

Call to Action

Пэкшот
4. Визуализация кадра
Лучшее решение - брать визуализацию из реального мира, не придумывать волшебный "вжух-переход"
Цель кадра?
Что происходит?
Как и где?
Умещается ли в хронометраж?
Согласно концепции?
Ассоциативный ряд

Прямая визуализация движений

Метафора

Контекст

Что происходит и как это может происходить?
Спор, разногласия

  • В чате мессенджера;
  • Войска на поле боя;
  • Видеоигра с двумя игроками;
  • В комментариях в соц сетях
Что происходит и как это может происходить?
Персонаж раздумывает, ломает голову как найти решение

  • Голова персонажа взрывается, разламывается.

  • Персонаж "тонет" в море из своих мыслей-баблов


5. Раскадровка и ревью ЗКТ и видеоряда
Скетч - от руки и сканировать/iPad
Коллаж - картинки с Shutterstock
Скриншоты - снимки экрана устройства
Аниматик - свести скетчи с музыкой и ЗКТ

Дизайн сцен
Стили
2d графика
3d графика
Коллажирование
Stop-motion
Покадровая анимация
Doodle
Компоненты сцены
Персонажи

Графические объекты

Фото

Видео

Текст

Пространство


Сочетания
2d объекты могут появляться в 3d пространстве с учетом перспективы

3d объекты обычно только в 3d пространстве

2d персонажи только в 2d пространстве либо находятся на предмете (книга, альбом)

Текст в 3d пространстве тоже лучше 3d

Фото и видео в любом анимационном ролике желательно размещать на placeholder (на экране монитора, телефона, альбом, фото в рамке)
Ресурсы для вдохновения
Главное для успеха в индустрии — насмотренность
Графика
  • Dribbble.com
  • Behance.com
  • Designspiration.net
  • Pinterest.com
  • GraphicRiver (Готовые шаблоны)
  • CreativeMarket.com (Готовые шаблоны)
Видео и анимация

  • Vimeo.com
  • Behance.com
  • Videohive.com

Производство
Этапы
1
Сценарий
Ответственный: копирайтер/руководитель проекта
2
Раскадровка
Ответственный: руководитель проекта/иллюстратор/аниматор
3
Выбор музыки
Ответственный: руководитель проекта
4
Запись закадрового текста и сведение с музыкой
Ответственный: диктор, звукорежиссер
5
Создание сцен
Ответственный: иллюстратор/дизайнер
6
Анимация и монтаж
Ответственный: аниматор/видеоинженер
Как работать с подрядчиком?
1
Выбирать того, чей стиль нравится/подходит
2
Закладывать время на правки после каждого этапа
3
Согласовать стиль ролика по референсам и mood-board
4
Чем подробнее ТЗ, тем более ожидаемый результат


5
Утверждать каждый этап, но прислушиваться к рекомендациям специалистов подрядчика


6
Научиться визуализировать сцены по сценарию с музыкой, улавливать настроение
7
Собирать правки в один список, укладываться в 3 цикла


8
Давать конкретные комментарии
9
Абстрактные комментарии на уровне ощущений подробно объяснять и аргументировать


Made on
Tilda