Как сделать таймер в презентации

Опубликовано Дмитрий Романов - вс, 16/09/2018
Сделать аналоговый таймер обратного отсчета в PowerPoint
картинки на странице разворачиваются на весь экран после нажатия

Иногда суть вашей презентации такова, что появляется необходимость в слайды вставить таймер обратного отсчета. Применения могут быть разные. Например, вы готовите викторину в формате Microsoft PowerPoint. Или у вас проходит презентация плана проекта или какого-то технического решения, а на определённом этапе презентации у вас есть выделенный блок на вопросы / ответы, лимитированный по времени. В таком случае не лишним было бы визуализировать для аудитории оставшееся время этой секции. В данной статье рассмотрим несколько способов реализации таймера обратного отсчета. Выделю 2 основных способа:

  • Таймер обратного отсчёта, выполненный стандартными средствами анимации, имеющимися в PowerPoint
  • Готовый таймер обратного отсчёта – надстройка для офисных приложений Microsoft
в начало

Таймер обратного отсчёта, выполненный стандартными средствами анимации, имеющимися в PowerPoint

Допустим вы подготовили викторину, решили выполнить ее в поверпоинт, стоит вопрос, как же лимитировать время на обдумывание для участников, и визуализировать таймер. Самый простой способ – это воспользоваться средствами настройки анимации. Инструкция и поясняющие картинки приводятся для версии PowerPoint 2013.

Сначала определимся с концепцией. Допустим выделенное время на обдумывание – минута.

  • На слайде разместим кнопку, по нажатию на которую будет запущена вся последующая анимация
  • После нажатия на кнопку, сама кнопка пропадает
  • Одновременно появляется временная шкала
  • Вместе с появлением временной шкалы начинает работать прогресс бар
  • После завершения 55-секунд, временная шкала пропадает, прогресс бар пропадает
  • Появляется таймер обратного отсчета типа 5 -> 4 -> 3 -> 2 -> 1 -> 0, каждую смену цифры будем сопровождать сопровождать короткими «бипами», при окончании работы таймера (появление 0) воспроизведем длинный гудок.

Результат вы можете посмотеть тут:

Обратите внимание на еще одну реализацию таймера

в начало

Создание и форматирование элементов концепции

Кнопка запуска анимации

Создаем простое текстовое поле, форматируем как нам нравится, пишем что-то внутри, например Старт.

Временная шкала.

Создаем 6 текстовых полей с записями 0, 10, 20, 30, 40, 50, 60. Примем, что ряд времени длительностью в минуту будет располагаться на отрезке длиной 24 сантиметра.Расположим все текстовые поля из. п.1. так, чтобы они занимали всю длину отрезка в 24 см. Проще всего расположить текстовые поля 0 – в начале отрезка, 60 в его конце. Все остальные - примерно раскидать в промежутке (можно особо не беспокоиться о расстоянии). Далее нужно выделить весь ряд, на вкладке ФОРМАТ, найти функцию Выровнять, и сделать выравнивание по верхнему краю и распределить по горизонтали.

vyravnivanie_elementov_v_powerpoint.jpg

Ограничитель шкалы и прогресс бар.

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

Внутри прямоугольника создадим другой прямоугольник, с не закрашенными границами, но с заливкой, это прямоугольник будет как раз символизировать прогресс бар, в дальнейшем мы ему сделаем анимацию, которая за 55 секунд увеличит его ширину от 0 до максимума. Нужно определить целевую ширину, т.к. мы приняли «ширину минуты» 24 см, ширина «55 секунд» будет равна 24/60*55=22 см. Выставим такую ширину для прогресс бара.

Далее надо собрать текстовый ряд и два прямоугольника в комплект, у меня получилось следующее:

progress_bar_i_knopka.jpg

0 и 60 не очень нужны, мы их использовали, чтобы равномерно распределить по шкале другие цифры

Таймер обратного отсчета

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

в начало

Настройка анимации

Начинаем с прогресс бара. Меню АНИМАЦИЯ, кнопка Добавить анимацию, тип анимации – Появление.

kak_dobavit_animatsiu.jpg

После добавления надо выставить параметры:

  • Параметры эффектов: ‘Слева направо’
  • Триггер: “По щелчку”, выбрать текстовое поле (кнопку)
  • Длительность: 55 секунд

В итоге прямоугольник начнет постепенно появляться из левой своей стороны после нажатия на кнопку «Старт» в течении 55 секунд.

dopolnitelnye_nastroiki_animatsii.jpg

Для остальных элементов прогресс бара – каймы и тестовых меток количества секунд добавим анимацию (выбрав эти элементы и нажав кнопку Добавить анимацию) “Возникновение” с параметрами:

  • Начало: с предыдущим
  • Длительность: авто
  • Задержка: 0

Для кнопки добавим анимацию с эффектом «Выцветание»:

  • Запускать: вместе с предыдущим
  • Длительность: 2 секунды

Далее уберем весь прогресс бар, вместе со всеми прямоугольниками и текстовыми метками после того как пройдет 55 секунд (таймер прогресс бара). Для этого выбираем все объекты, жмем кнопку Добавить анимацию:

  • Тип: Исчезновение
  • Начало: с предыдущим
  • Задержка: 0

Переходим к настройке анимации для счетчика обратного отсчета. Настройки для круга:

  • Тип: вход – часовая стрелка
  • Начало: с предыдущим
  • Задержка: 0
  • Продолжительность: 1 c
  • Повторение: 6

Для чисел будут две настроенные анимации сначала с типом «появление», потом сразу за ним с типом «исчезновение» для того же числа.

Число Появление Исчезновение
5
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 0 сек
  • Звук: короткий сигнал
  • Начало: с предыдущим
  • Длительность: 0.01 сек
  • Задержка: 1 сек
4
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 1 сек
  • Звук: короткий сигнал
  • Начало: с предыдущим
  • Длительность: 0.01 сек
  • Задержка: 2 сек
3
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 2 сек
  • Звук: короткий сигнал
  • Начало: с предыдущим
  • Длительность: 0.01 сек
  • Задержка: 3 сек
2
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 3 сек
  • Звук: короткий сигнал
  • Начало: с предыдущим
  • Длительность: 0.01 сек
  • Задержка: 4 сек
1
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 4 сек
  • Звук: короткий сигнал
  • Начало: с предыдущим
  • Длительность: 0.01 сек
  • Задержка: 5 сек
0
  • Начало: с предыдущим
  • Длительность: 0.25 сек
  • Задержка: 5 сек
  • Звук: длинный гудок

В итоге у вас должна получиться примерно такая структура:

vremennaya_struktura_schetchika.jpg

Размещаем таймер обратного отсчета в нужном месте. Запускаем слайд в режиме демонстрации (shift + F5) и проверяем как все работает.


Файл скачать можно тут

Еще один готовый таймер обратного отсчета для презентаций доступен до данной ссылке.

в начало

Готовые таймеры, приложения их магазина «Приложения для Office»

На момент написания статьи в официальном магазине, где можно скачать или приобрести различные надстройки к программам Mictrosoft Office, есть несколько реализаций обратного таймера. Чтобы попасть в магазин из программы PowerPoint, нужно пройти в на вкладку ВСТАВКА панели быстрого доступа. Ссылки в магазин и каталог уже скачанных надстроек – в одноименной секции. Для того, чтобы установить расширение, нужно получить учетную запись Майкрософт.

magazin_prilozheniya_dlya_office.jpg

Slice Timer

Из всех имеющихся приложений, Slice Timer является бесплатным. Вероятнее всего, софт бесплатен, т.к. производитель после выпуска сразу потерял к нему интерес, в настоящее время имеется только один релиз продукта, выпущенный в 2014 году. Приложение требует Office 2013 с sp1 или выше. Есть баг – счетчик запускается только в режиме редактирования слайда, в режиме показа презентации почему-то триггер старта не работает. Тем не менее краткий обзор:

После установки приложения, оно становится доступно по кнопке «Мои приложения» на вкладке ВСТАВКА. Переходим туда, выбираем Slice Timer, жмем кнопку Вставить. После подгрузки на слайде виден экран конфигурации, где можно выставить длительность времени обратного отсчета и тыкнуть в чекбокс Auto start (у меня дальнейшее поведение счетчика после выбора чекбокса и без него ничем не отличается, поэтому зачем чекбокс нужен сказать не могу).

nastroiki_slice_timer.jpg

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

resultat_raboty_slise_timer.jpg

PP Timer

За использование просят денег (в сентябре 2018 – 540 рублей). Вроде по описанию что-то может, есть аналоговый и цифровой циферблат. Предлагают две недели на ознакомление. Но, чтобы воспользоваться этими двумя неделями, нужно внести данные карточки, решил не делать. Посмотрите обзор и решите для себя обзор PP Timer . На официальном сайте ругают за баги и не подобающий саппорт

в начало

Теги

Материалы раздела

Как сделать интерактивную презентацию в PowerPoint
Для интерактивной презентации важно настроить показ слайдов так, чтобы случайные действия с клавиатурой или мышью не сломали алгоритм анимации. Расскажем как…
Как сделать движущуюся анимацию в PowerPoint
Эффект движущейся анимации можно создать для любого объекта на слайдах. 4 простых шага, чтобы сделать двигающуюся анимацию: 1. Выделите объект 2. Перейдите на…
Переименовать объекты анимации в PowerPoint
Бывает, когда хочется сделать на слайде какой-то сюжетный рассказ, в анимации которого принимает участие много объектов, не очень-то легко разобрать
Анимация в PowerPoint, добавить анимацию, настроить анимацию, выключить анимацию, удалить анимацию
В статье расрываются такие вопросы: как добавить анимацию в презентацию, как скопировать анимацию с существующего объекта, как удалить анимацию, как включить…
Повторяющаяся анимация, бесконечная анимация
Как сделать циклическую анимацию в PowerPoint? Как сделать бесконечную анимацию в PowerPoint? В процессе создания интерактивных презентаций иногда нужно…
Бегущая строка и другой постепенно появляющийся текст в powerpoint
Бегущая строка в PowerPoint легко создается с помощью анимации. В статье предложены некторые простые способы добиться нужного результата с помощью анимаций "…
обзор анимационных эффектов в Microsoft PowerPoint
Описаны и показаны виды анимации объектов в PowerPoint с помощью которых вы можете разнообразить Ваши презентации. Анимация появления, анимация выделения,…
Как сделать анимацию переходов между слайдами в PowerPoint
Чтобы добавить анимацию при переключении слайдов в слайд-шоу PowerPoint, перейдите на закладку ленты «Переходы» и выберите требуемый вам эффект. Смотрите далее…
Сделать аналоговый таймер обратного отсчета в PowerPoint
Как сделать таймер обратного отсчета в PowerPoint? В статье приводится алгоритм, как при помощи стандартной анимации в сделать таймер в презентации.…