Зачем добавлять прогресс-бар
В соцсетях многие зрители решают в первые секунды, смотреть ли дальше. Прогресс-бар отвечает на безмолвный вопрос «а сколько это длится?». Если зритель видит, что видео почти закончилось, он с большей вероятностью досмотрит до конца. В сторис Instagram, TikTok и многих приложениях собственная шкала плеера скрыта или плохо видна, поэтому полоса, нарисованная прямо на картинке, — единственный надёжный способ показать прогресс.
Прогресс-бары также полезны в обучающих роликах, рецептах и тренировках, где важно знать, сколько осталось, в презентациях на экране, а также в видео с обратным отсчётом и ожиданием.
Пять стилей
- Полоса: сплошная полоса, которая заполняется слева направо и заметна на любом видео.
- Тонкая линия: тонкая неброская линия, которая не отвлекает от содержания.
- Точки: ряд точек, которые загораются одна за другой.
- Сторис: несколько коротких сегментов, как в сторис Instagram или WhatsApp, от 2 до 12 частей. Подходит для видео с чёткими главами или шагами.
- Круг: кольцо, которое заполняется как часы, в углу или по центру.
Полоса, линия, точки и сторис располагаются у верхнего или нижнего края. Параметры «Толщина» и «Отступ от края» сдвигают прогресс-бар от границы, что помогает, если приложение размещает там свои кнопки. В разделе «Дополнительные настройки» можно также скруглить концы и задать видимость незаполненной части.
Цвета, которые выделяются
Есть пять готовых цветовых пресетов: «Янтарный», «Красный», «Фиолетовый», «Белый» и «Зелёный». Каждый задаёт и цвет заполнения, и фон дорожки под ним. Для параметров «Прогресс» и «Фон» можно выбрать любой цвет, например фирменный. Насыщенные цвета на полупрозрачной белой или чёрной дорожке лучше всего видны на меняющемся изображении.
Текст со временем и процентами
Текст времени добавляет небольшую подпись рядом с полосой: «Прошло», «Осталось», «Прошло / всего» (например, 0:37 / 1:00) или «Проценты». «Осталось» хорошо подходит для тренировок и обратного отсчёта, а «Проценты» — для анимации загрузки или прогресса. Выберите цвет текста так, чтобы он хорошо читался на вашем видео.
Советы перед экспортом
- Полоса всегда идёт по всей длине видео. Если вы собираетесь обрезать ролик, сначала сделайте это в разделе Обрезка видео, а затем добавьте полосу.
- Для вертикальных видео в TikTok, Reels и Shorts полоса у верхнего края реже перекрывается подписями и кнопками, чем у нижнего.
- Сначала выберите формат кадра. Если видео ещё нужно привести к 9:16 или 1:1, измените его в разделе Изменение размера видео до добавления полосы, чтобы она занимала всю итоговую ширину.
Полоса рисуется прямо на картинке, поэтому видна на любых устройствах и платформах. Экспортируйте в MP4, WebM, MOV, MKV, GIF или в более старый формат. Всю работу выполняет ваш браузер: видео не покидает ваш компьютер, а водяной знак не добавляется. Если хотите добавить движущуюся звуковую волну, загляните в раздел Добавить волну звука.