# Keystroke: Tastenkürzel-Overlay

Für jedes Tastenkürzel steigen 3D-Tastenkappen auf, werden in der richtigen Reihenfolge mit gehaltenen Modifikatoren gedrückt, federn zurück und verschwinden. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

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

Physische Tastenkappen am unteren Bildrand, die jedes Tastenkürzel in der richtigen Reihenfolge drücken, beim Drücken aufleuchten und danach zurückfedern.

- Framework: Remotion
- Kategorie: Effekte
- Dauer: 6 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/keystroke

Gebrochen weiße Tastenkappen steigen am unteren Rand einer hellgrauen Fläche auf und drücken ⌘K: Zuerst geht die ⌘-Taste nach unten, K wird getippt, während sie gehalten wird, und die Beschriftungen werden blau, solange die Tasten gedrückt sind, bevor sie zurückfedern. Danach folgen G und I als Sequenz und schließlich ⇧⌘P, wobei das vorherige Kürzel zurückgleitet und verblasst, sobald ein neues erscheint. Nach kurzem Halten verschwinden die Kappen. Die Animation dauert etwa sechs Sekunden.

Sie können zwischen Mac-Symbolen und Windows-Tastennamen wechseln, ein helles oder dunkles Theme wählen und die Akzentfarbe, die Größe der Tastenkappen, wie lange sie nach der letzten Taste bleiben, und die Position der Reihe ändern, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage in Software-Tutorials, Demos tastaturorientierter Produkte, Produktivitätstipps und Bildschirmaufnahmen von Entwicklertools.

## Geeignet für

- Software-Tutorials
- Demos tastaturorientierter Produkte
- Produktivitätstipps
- Bildschirmaufnahmen von Entwicklertools

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `platform`: Plattform (Text)
- `theme`: Theme (Text)
- `accent`: Akzentfarbe (Farbe)
- `size`: Größe der Tastenkappen (Zahl)
- `linger`: Halten nach der letzten Taste (Frames) (Zahl)
- `x`: Horizontale Position (Zahl)
- `y`: Vertikale Position (Zahl)
- `stageBackground`: Hintergrund rund um die Szene (Farbe)

## So nutzt du diese Vorlage

1. Lade Subclip für Mac oder Windows herunter. Alle Vorlagen auf dieser Seite sind dort bereits vorinstalliert.
2. Öffne das Vorlagen-Panel, wähle Keystroke aus und zieh die Vorlage auf deine Timeline.
3. Passe Text, Farben und Timing in den Ebeneneinstellungen an oder lass den KI-Agenten die Änderungen für dich übernehmen.
4. Exportiere dein Video oder lade den Code herunter, um die Vorlage in deinem eigenen Projekt zu verwenden.

Basiert auf Keystroke von remocn: https://remocn.dev