Выберите язык
  1. Главная
  2. Создать
  3. Демо-видео

Создайте демо-видео

Превратите скриншот или запись экрана в демо-ролик о продукте с рамками устройств, подсказками и карточками функций. Шесть шаблонов, экспорт в MP4.

Загружаем инструмент…
Оцените инструмент
Оценок пока нет. Будьте первым.

Как пользоваться

  1. Шаг 1

    Выберите шаблон демо

    Доступны шаблоны: «Обзор сайта», «Приложение на телефоне», «Экран ноутбука», «Три шага», «Сетка функций» и «Прожектор».

  2. Шаг 2

    Добавьте свой экран

    Перетащите скриншот или короткую запись экрана в поле для медиа. Пока вы этого не сделали, показывается пример экрана приложения.

  3. Шаг 3

    Опишите три функции

    Напишите заголовок и три коротких строки о функциях, затем укажите название продукта, сайт, кнопку и логотип.

  4. Шаг 4

    Оформите и экспортируйте

    Выберите цвета, шрифт, длительность (от 6 до 45 секунд) и музыку, укажите формат и экспортируйте демо.

Зачем нужно демо-видео

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

Шесть способов показать продукт

  • Обзор сайта: ваш экран в окне браузера. Изображение по очереди приближается к каждой из трёх подсказок, а курсор перемещается в нужное место и нажимает.
  • Приложение на телефоне: ваш экран в рамке телефона, функции появляются с обеих сторон, а в вертикальных форматах — над телефоном. На финальной карточке — название приложения, строка с рейтингом и кнопка.
  • Экран ноутбука: спокойная и аккуратная демонстрация десктопного приложения или дашборда на ноутбуке.
  • Три шага: три картинки с индикатором прогресса, чтобы объяснить, как начать работу: регистрация, настройка, готово.
  • Сетка функций: ваш экран с карточками функций и простыми значками, нарисованными кодом.
  • Прожектор: экран затемняется, кроме движущегося пятна света, которое останавливается на каждой функции, а к каждому месту добавляется подпись.

Все шесть шаблонов работают в форматах 16:9, 1:1, 9:16 и 4:5, поэтому одно и то же демо подойдёт для сайта, поста в соцсетях и сторис.

Подготовьте материал с экрана

Чистый экран — основа аккуратного демо. Перед записью закройте лишние вкладки, скройте личные данные и наполните приложение реалистичным содержимым вместо тестовых записей. Затем выберите один из двух способов:

  1. Скриншот (PNG) — самый простой вариант. Он остаётся чётким, а движение добавляет шаблон.
  2. Короткая запись экрана показывает реальную работу. Запишите её с помощью программы для записи экрана, оставьте только важные секунды в разделе «Обрезка видео», а панели браузера и пустые края уберите через «Кадрирование видео».

Широкий скриншот подходит для шаблонов с браузером и ноутбуком, а вертикальный скриншот телефона — для шаблона «Приложение на телефоне». В шаблоне «Три шага» три отдельных поля — по одной картинке на каждый шаг.

Напишите три функции, а не десять

В шаблонах есть место ровно для трёх строк о функциях, не длиннее 40 символов каждая. Это ограничение полезно: оно заставляет выбрать то, что действительно важно пользователям. Начинайте каждую строку с результата, а не с технологии: Отчёты в один клик говорит больше, чем Продвинутый механизм экспорта. Заголовок делайте короче 50 символов, а чтобы выделить цветом одно слово, заключите его в звёздочки, например Посмотрите *Flowboard* в деле.

Длительность, музыка и экспорт

По умолчанию ролик длится от 12 до 16 секунд. Для быстрой рекламы можно уменьшить длительность до 6–8 секунд, а если каждой функции нужно больше времени на экране, увеличить до 40–45 секунд. Для каждого шаблона подобрано подходящее музыкальное настроение, которое создаётся прямо в браузере под нужную длительность. Можно выбрать другое настроение, добавить свой трек или обойтись без музыки. Экспортируйте в MP4 для большинства задач, в WebM для более лёгкого файла на сайте, в MOV для видеоредактора и в GIF для короткой петли в README, статье справки или письме. Если нужно более подробное объяснение с вашим голосом, смонтируйте демо вместе с другими клипами в видеоредакторе.

Часто задаваемые вопросы

Можно ли использовать запись экрана вместо скриншота?

Да. В поле экрана можно добавлять и видеоклипы, и картинки. Запишите экран, обрежьте запись и перетащите её в поле.

Что делать, если скриншота пока нет?

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

Какой размер выбрать для демо приложения?

Выбирайте 16:9 для сайтов и YouTube, 9:16 для сторис и страниц для телефонов, а 1:1 или 4:5 — для лент соцсетей.

Можно ли сделать демо в формате GIF?

Да. Выберите GIF на панели экспорта. Файл создаётся уменьшенным и с частотой 15 кадров в секунду, чтобы он оставался лёгким.

Загружается ли мой скриншот на сервер?

Нет. Демо создаётся в вашем браузере, а скриншоты и записи остаются на вашем устройстве.

Другие инструменты