# Keystroke: Sobreposição de atalhos de teclado

Teclas 3D sobem para cada atalho, são pressionadas na ordem real com os modificadores segurados, voltam com mola e saem. Template de vídeo: copie o código para Claude ou edite no Subclip.

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

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

Teclas físicas perto da parte de baixo do quadro que pressionam cada atalho na ordem certa, acendem enquanto estão apertadas e depois voltam com mola.

- Framework: Remotion
- Categoria: Efeitos
- Duração: 6 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/keystroke

Teclas off-white sobem perto da parte de baixo de um fundo cinza-claro e pressionam ⌘K: primeiro a tecla ⌘ desce, o K é tocado enquanto ela está segurada e as legendas ficam azuis enquanto as teclas estão apertadas, antes de voltarem com mola. Depois vêm G e I em sequência e, por fim, ⇧⌘P, com o atalho anterior recuando e escurecendo a cada novo que chega. As teclas saem depois de uma pausa curta. A animação dura cerca de seis segundos.

Você pode alternar entre os símbolos do Mac e os nomes de teclas do Windows, escolher um tema claro ou escuro e mudar a cor de destaque, o tamanho das teclas, quanto tempo elas ficam após a última tecla e a posição da fileira, além da velocidade de reprodução e do fundo. Use em tutoriais de software, demos de produtos focados no teclado, dicas de produtividade e gravações de tela de ferramentas para desenvolvedores.

## Use para

- Tutoriais de software
- Demos de produtos focados no teclado
- Dicas de produtividade
- Gravações de tela de ferramentas para desenvolvedores

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `platform`: Plataforma (Texto)
- `theme`: Tema (Texto)
- `accent`: Cor de destaque (Cor)
- `size`: Tamanho das teclas (Número)
- `linger`: Permanência após a última tecla (quadros) (Número)
- `x`: Posição horizontal (Número)
- `y`: Posição vertical (Número)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Keystroke e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Keystroke do remocn: https://remocn.dev