# Keystroke: Наложение с сочетаниями клавиш

Для каждого сочетания поднимаются 3D-клавиши, нажимаются в реальном порядке с удержанием модификаторов, пружинят обратно и уходят. Видеошаблон: код для Claude или монтаж в Subclip.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-keystroke.mp4?v=90da95af14

Физические клавиши внизу кадра, которые нажимают каждое сочетание в правильном порядке, подсвечиваются, пока нажаты, и затем пружинят обратно.

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

Молочно-белые клавиши поднимаются внизу светло-серого кадра и нажимают ⌘K: сначала опускается ⌘, K нажимается, пока она удерживается, а надписи синеют, пока клавиши нажаты, и затем клавиши пружинят обратно. Дальше идут G и I последовательно и, наконец, ⇧⌘P, а предыдущее сочетание отъезжает назад и тускнеет с появлением каждого нового. После короткой паузы клавиши уходят. Анимация длится около шести секунд.

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

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

- Уроки по программам
- Демо продуктов с управлением с клавиатуры
- Советы по продуктивности
- Записи экрана инструментов для разработчиков

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

- `speed`: Скорость воспроизведения (Число)
- `platform`: Платформа (Текст)
- `theme`: Тема (Текст)
- `accent`: Акцентный цвет (Цвет)
- `size`: Размер клавиш (Число)
- `linger`: Показ после последней клавиши (кадры) (Число)
- `x`: Горизонтальное положение (Число)
- `y`: Вертикальное положение (Число)
- `stageBackground`: Фон вокруг сцены (Цвет)

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

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

Основан на Keystroke из remocn: https://remocn.dev