> ## Documentation Index
> Fetch the complete documentation index at: https://captions.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Usando keyframes para legendas dinâmicas

> Anime suas legendas pela tela usando keyframes. Defina uma posição inicial e uma final, e o Captions cuida do movimento entre elas.

Keyframes permitem animar legendas e sobreposições de imagem definindo uma posição inicial e uma posição final. O Captions gera automaticamente o movimento entre elas. O resultado são legendas que entram voando, cruzam a tela, dão zoom out ou se movem para acompanhar a ação.

## Como os keyframes funcionam

Pense em um keyframe como um marcador no tempo com uma posição associada. Você define dois keyframes:

1. **Keyframe 1:** onde a legenda começa (posição, tamanho, rotação)
2. **Keyframe 2:** onde a legenda termina

O Captions anima a transição entre os dois ao longo da duração do segmento. Você escolhe a curva de animação: linear, ease ou instantânea.

## Quando usar keyframes

* **Momentos de hook:** anime sua legenda de abertura para entrar com impacto
* **Ênfase:** mova uma legenda para apontar para algo no quadro
* **Planos de reação:** faça uma palavra dar zoom out conforme é dita, para dar ênfase
* **Narrativa dinâmica:** mantenha o olhar do espectador em movimento pela tela
* **Animação de logo ou elemento de marca:** faça uma sobreposição de imagem cruzar o quadro

## Adicionando um keyframe

<Steps>
  <Step title="Selecione a legenda ou sobreposição que quer animar">
    Toque na legenda ou sobreposição de imagem no editor. Certifique-se de estar no segmento que quer animar.
  </Step>

  <Step title="Toque em Keyframes">
    No editor de legendas, toque em **Keyframes** para abrir o painel de keyframes.
  </Step>

  <Step title="Defina seu primeiro keyframe">
    Mova o playhead até o momento em que a animação deve começar. Arraste a legenda para a posição inicial. Faça pinça para redimensionar, se precisar. Esse é o Keyframe 1.
  </Step>

  <Step title="Defina seu segundo keyframe">
    Mova o playhead até onde a animação deve terminar. Arraste a legenda para a posição final. Esse é o Keyframe 2.
  </Step>

  <Step title="Escolha sua curva de animação">
    Selecione entre três opções:

    * **Linear:** velocidade constante ao longo de todo o trajeto
    * **Ease:** começa devagar, acelera e desacelera no final. Parece natural para a maioria dos movimentos.
    * **Instantânea:** salta de uma posição para outra sem transição. Boa para cortes ou ênfase.
  </Step>

  <Step title="Toque em Aplicar">
    Toque em **Aplicar** para pré-visualizar a animação. Percorra a timeline para vê-la em movimento.
  </Step>
</Steps>

## Dicas para uma animação eficaz com keyframes

* **Menos é mais.** Um ou dois momentos animados por vídeo têm impacto. Cada legenda animando é caótico.
* **Use ease para movimento natural.** Animação linear parece mecânica. Ease quase sempre soa melhor.
* **Combine com a energia do conteúdo.** Um vídeo educacional e calmo pede um drift sutil. Um clipe curto de alta energia aguenta um movimento maior e mais rápido.
* **Anime a legenda do hook.** A legenda de abertura é a animação de maior valor em qualquer vídeo. Uma legenda que entra com propósito faz o espectador sentir que algo está acontecendo.
* **Use keyframes em sobreposições de imagem também.** Uma imagem de produto que cruza lentamente o quadro é mais engajante do que uma estática.

## Exemplo: animação da legenda de hook

Este é um dos usos mais comuns e eficazes de keyframes:

1. Coloque sua legenda de hook no terço inferior da tela
2. Defina o Keyframe 1 logo no início do vídeo, com a legenda posicionada logo fora da tela, na parte de baixo
3. Defina o Keyframe 2 aos 0,5 segundos, com a legenda na posição final no terço inferior
4. Escolha a curva **Ease**
5. A legenda desliza para dentro do quadro no começo do vídeo

Resultado: o olhar do espectador é atraído para a legenda no momento em que o vídeo começa.

<CardGroup cols={2}>
  <Card title="Referência de Keyframes" icon="wand-magic-sparkles" href="/help/docs/pt/captions/keyframes">
    Documentação completa do recurso.
  </Card>

  <Card title="Adicionar legendas para aumentar o engajamento" icon="closed-captioning" href="/help/docs/pt/guides/creators/add-captions">
    Estilize e posicione as legendas antes de adicionar keyframes.
  </Card>

  <Card title="Estilos de legenda" icon="palette" href="/help/docs/pt/captions/styles">
    Escolha primeiro o estilo da sua legenda.
  </Card>

  <Card title="Mover, redimensionar e girar" icon="arrows-up-down-left-right" href="/help/docs/pt/captions/move-and-resize">
    Posicione legendas manualmente.
  </Card>
</CardGroup>
