# Button Press: Анимация нажатия кнопки

Курсор нажимает кнопку, запуская счетчик и галочку. Видеошаблон: код для Claude или монтаж в Subclip. Меняйте текст и ритм анимации.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

Курсор нажимает синюю составную кнопку: она темнеет при наведении, вдавливается, показывает состояние ожидания и завершается рисованной галочкой.

- Фреймворк: Remotion
- Категория: Клики
- Длительность: 4 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/button-press

Сцена начинается со светлого кадра, в центре которого одна синяя составная кнопка: надпись, тонкий разделитель и маленькая стрелка. Курсор наводится на нее, кнопка темнеет, а при нажатии слегка вдавливается. Надпись сменяется состоянием ожидания, например "Deploying...", с небольшим индикатором загрузки, а затем появляется рисованная галочка и итоговая надпись. Ролик длится чуть больше четырех секунд.

Вы задаете три надписи для исходного состояния, ожидания и завершения, например Deploy, Publish или Send, и ширину кнопки, чтобы поместились длинные слова. Можно переключить светлую или темную тему и изменить скорость воспроизведения под темп монтажа. Сцена подходит для момента деплоя, публикации или отправки в ролике о запуске, для шага туториала или для демо продукта, где нужен четкий призыв к действию.

## Для чего подходит

- Моменты деплоя и публикации
- Отправка формы в демо
- Призыв к действию в туториалах

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `label`: Надпись на кнопке (Текст)
- `pending`: Надпись ожидания (Текст)
- `done`: Надпись завершения (Текст)
- `width`: Ширина кнопки (Число)
- `mode`: Светлая или темная тема (Текст)
- `stageBackground`: Фон вокруг сцены (Текст)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Button Press и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Button Press из snapcn: https://snapcn.dev