# Button Press: Animação de clique em botão

Um cursor pressiona um botão, iniciando um controle giratório e uma marca de seleção. 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/button-press

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

Um cursor clica em um botão de ação azul dividido que escurece no hover, afunda no clique, passa por um estado de espera e termina em um check desenhado.

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

A cena abre em um quadro claro com um único botão azul dividido no centro: um rótulo, um divisor fino e uma pequena seta. Um cursor chega até ele e o botão escurece no hover, depois cede levemente ao ser pressionado. O rótulo muda para um estado de espera, como "Publicando...", com um pequeno spinner, até chegar a um check desenhado e a um rótulo de concluído. A animação dura pouco mais de quatro segundos.

Você pode escrever os três rótulos para os estados inicial, de espera e de concluído, como Publicar, Enviar ou Fazer deploy, e ajustar a largura do botão para que palavras mais longas caibam. Alterne entre modo claro e escuro e mude a velocidade de reprodução para acompanhar o ritmo do seu vídeo. Ela cobre o momento de publicar, enviar ou fazer deploy em um vídeo de lançamento, em um passo de tutorial ou em uma demo de produto que precisa de uma chamada para ação clara.

## Use para

- Momentos de deploy e publicação
- Envios em demos de produto
- Chamada para ação em tutoriais

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `label`: Rótulo do botão (Texto)
- `pending`: Rótulo de espera (Texto)
- `done`: Rótulo de concluído (Texto)
- `width`: Largura do botão (Número)
- `mode`: Modo claro ou escuro (Texto)
- `stageBackground`: Fundo ao redor da cena (Texto)

## 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 Button Press 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 Button Press do snapcn: https://snapcn.dev