image/svg+xml image/svg+xml image/svg+xmlimage/svg+xmlimage/svg+xml Как создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPointКак создать интерактивное видео в презентациях PowerPoint

Видео делает обучение максимально наглядным. Вместо того, чтобы описывать создание таблицы в Excel, легче показать весь процесс на экране. Ученик смотрит, повторяет за преподавателем и быстрее усваивает суть. Потому я часто добавляю видео в курсы. 

Антон Рыжов

Антон Рыжов, менеджер        по онлайн-обучению              в «Академии Росатом»

Видео — это тренд. Сегодня 68% людей предпочитают короткие учебные ролики статьям, инфографике, презентациям и электронным книгам. Это подтверждает международное исследование от компании Wyzowl, которое провели в этом году.

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

Что такое интерактивное видео

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

Фрагмент из курса «Работа с жалобой» от компании «Интерактивное видео». Разгневанный клиент спрашивает, почему заблокировали его карту. Отвечать на вопрос с улыбкой не стоит

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

Фрагмент из курса «Технический сбой на кассе». В продуктовом магазине скопилась очередь из покупателей. У вас завис кассовый аппарат. Люди нервничают. Как поступите?

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

Где использовать интерактивное видео

Формат подходит практически под любую учебную задачу. Главное — тщательно продумать сценарий. Ниже приведу несколько тем для интерактивных видео. 

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

Фрагмент видеокурса Deloitte. Пройти курс 

Адаптация новичков. Чтобы стажёр не растерялся в первую рабочую неделю, компания Allianz Global Investors сняла интерактивный видеокурс. В нем сотруднику показывают рабочее место, рассказывают о принципах работы в компании и знакомят с коллегами.

Фрагмент обучающего курса Allianz Global Investors. Пройти курс →

Продуктовое обучение. В компании Kenra Professional сняли интерактивное видео о новой линейке косметики для стилистов. В нем подробно разобрано, кому подойдет косметика, как ей пользоваться и продавать.

Фрамгмент продуктового курс Kenra Professional. Пройти курс →

Работа на производстве. В компании Atlas Knowledge сняли учебное видео по технике безопасности на предприятии. Сотрудникам рассказывают, как себя вести при аварии.

Фрагмент видеокурса Atlas Knowledge

Какое видео сделаем

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

Работа в PowerPoint — финальная часть проекта, от которой зависит итоговый результат. На ней и остановимся. 

Начнем от простого к сложному: сперва добавим музыку, затем анимацию, а после видео на слайды. В основе урока — простой алгоритм действий. Освоив его, вы спокойно соберете видеокурс по любому сценарию.

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

Настраиваем слайд №1

Когда вы включаете курс, играет музыка, на слайде бегущей строкой появляются титры, название курса и кнопка «Начать» — это работает анимация. Разберем, как всё настроить.

Загружаем музыку 

Она погружает в атмосферу и задаёт правильное настроение. 

  1. Откройте презентацию и выберите первый слайд.
  2. На панели инструментов нажмите ВставкаЗвукАудиофайлы на компьютере.
  3. Найдите папку с ресурсами. Добавьте музыку и поставьте под слайдом. Ученик не должен ее видеть.
  4. Сделаем, чтобы музыка играла автоматически при запуске курса. Выделите файл с музыкой →  откройте вкладку Анимация выберите опцию Воспроизведение. Если заиграет музыка, значит вы все сделали правильно. Чтобы ее отключить, нажмите Enter на клавиатуре.
  5. На панели инструментов нажмите Область анимации. В открывшемся окне выберите файл «Начало» и нажмите Запускать вместе с предыдущим. Теперь музыка начнется, как только пользователь включит курс.

 

Анимируем титры

  1. Выделите на слайде строчку «Интерактивный фильм о каждом из нас». Откройте вкладку АнимацияПоявление. В области анимаций появится новый эффект. 
  2. Нам нужно, что появлялась плавно, буква за буквой. Для этого зайдите в Область анимацииПараметры эффектов.
  3. В появившемся окне изменим ряд настроек. Задайте направление слева, чтобы текст бегущая строка двигалась слева направо.

Откройте вкладку Время. В строке «Начало» выберите Начинать с предыдущим. Чтобы текст появлялся плавно, выставите задержку в 4 секунды и появление в 3 секунды. 

Теперь первая строчка на слайде появится постепенно при запуске курса. Если вы сделали все правильно, получится так: 

Анимируем заголовок

  1. Выделите на слайде заголовок «Утро». Откройте вкладку АнимацияВылет.
  2. В Области анимации появится эффект «Утро». Выберите его и нажмите Запустить с предыдущим.
  3. Нам нужно, чтобы заголовок появился после бегущей строки. Для этого зайдите в параметры эффектов и на вкладке «Время» выставите задержку в 10 секунд.

Теперь при запуске курса бегущая строка и заголовок появятся последовательно — друг за другом.

Анимируем кнопку

  1. Выделите на слайде кнопку«Начать». Откройте вкладку АнимацияВыцветание.
  2. В Области анимации появится эффект «Кнопка». Выберите его и нажмите Запустить с предыдущим.
  3. Чтобы кнопка появилась на слайде последней,  зайдите в параметры эффектов и на вкладке «Время» выставите задержку в 12 секунд. Получится так:

Ставим гиперссылку на кнопку «Начать»

При нажатии на кнопку «Начать» пользователь должен попасть на второй слайд. Для этого настроим гиперссылку. 

Щёлкните правой кнопкой мыши на кнопку, в открывшемся списке выберите «Гиперссылка» → Место в документе  → Слайда 2 →  Ок. Гиперссылка готова. 

Что должно получиться

Настраиваем слайд №2

Когда пользователь переходит на второй слайд, то видит начальное видео, а потом развилку с двумя вариантами ответа. Разберёмся, как это сделать. 

  1. Для этого нажмите ВставкаВидеоВидео на компьютере и выберите файл №1.
  2. Чтобы видео включалось автоматически, добавим анимацию. Откройте вкладку АнимацияВоспроизведение. Если заиграет музыка, вы всё сделали правильно. Чтобы её отключить, нажмите Enter на клавиатуре.
  3. На панели инструментов нажмите Область анимации. В открывшемся окне выберите файл №1 и нажмите Запускать вместе с предыдущим. Теперь видео начнется, как только пользователь перейдёт на второй слайд.

Сейчас видео перекрывает меню с двумя вариантами ответа. Поставим его на задний план. Для этого нажмите на видео правой кнопкой мыши и в появившемся меню выберите «На задний план». 

Добавляем анимацию вариантам ответа

Когда видео заканчивается, фон затемняется и появляется меню с двумя вариантами ответа: «Поспать ещё полчаса» или «Пойти на пробежку». Разберёмся, как это настроить. 

Выделите на слайде тёмный фон и два варианта ответа, а после добавьте им анимацию Выцветание

На панели анимации появится три новых объекта: Рисунок 7, Рисунок 6, Перекрытие. Нажмите на верхний из трёх объектов левой кнопкой мышки и выберите Запускать после предыдущего. Как это сделать, смотрите ниже: 

Ставим гиперссылки на варианты ответа

По логике курса второй слайд — это развилка. Сюжет меняется в зависимости от выбора пользователя. Если поспите ещё полчаса, опоздаете на работу. Встанете по будильнику — успеете позавтракать и спокойно собраться. 

Технически всё просто: «Поспать ещё полчаса» ведёт на третий слайд, «Пойти на пробежку» — на четвёртый. Работают гиперссылки. Настроим их. 

Выделите на слайде вариант ответа «Поспать ещё полчаса» и нажмите по нему правой кнопкой мышки. В открывшемся списке выберите ГиперссылкаМесто в документе  → Слайда 3 →  Ок

Аналогично настройте ответ «Пойти на пробежку». Он ведёт на четвертый слайд. 

Что должно получиться

Настраиваем слайд №3

Это один из сюжетных поворотов в курсе. Пользователь попал сюда, если решил поспать полчаса.

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

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

Загружаем видео и ставим на задний план

Добавляем анимацию на плашку

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

Ставим гиперссылку на кнопку «Отмотать время назад»

При нажатии на кнопку «Отмотать время назад» пользователь попадает на второй слайд, чтобы изменить решение. Для этого настроим гиперссылку. 

Щёлкните правой кнопкой мыши на кнопку, в открывшемся списке выберите Гиперссылка → Место в документе  → Слайда 2 →  Ок. 

Что должно получиться

Настраиваем слайд №4

Встать пораньше и позавтракать — это правильный выбор в курсе. Если пользователь примет такое решение, то попадет на четвертый слайд и курс закончится. Разберём, как всё настроить. 

Загружаем видео и ставим на задний план​

Добавляем анимацию на плашку​

Ставим гиперссылку на кнопку «Отмотать время назад»

При нажатии на кнопку «Отмотать время назад» пользователь попадает на второй слайд, чтобы изменить решение. Для этого настроим гиперссылку. 

Щёлкните правой кнопкой мыши на кнопку, в открывшемся списке выберите Гиперссылка → Место в документе  → Слайда 2 →  Ок. 

Что должно получиться

Публикуем курс в iSpring Suite

Чтобы назначить курс сотрудникам, обуликуем его в iSpring Suite и загрузим в систему дистанционного обучения. ​​

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

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

Теперь попробуйсте создать курс на свою тему. Содержание может быть другим — алгоритм работы при этом не изменится.

iSpring Learn

Поставит на автопилот развитие сотрудников. Быстрый старт онлайн-обучения за 1 день.

 
iSpring Learn
Быстрый запуск онлайн‑обучения в бизнесе за 3 простых шага
  • Создайте аккаунт
  • Загрузите учебные материалы
  • Назначьте курсы сотрудникам