# Adicionar legendas a vídeo, com o seu Mark em movimento atrás

[Canonical HTML page](https://gradiently.design/pt-br/guide/video-timeline-and-captions)

Muito vídeo de rede social é assistido sem som, então as palavras na tela carregam a mensagem. Veja como montar um vídeo com legendas na linha do tempo, do primeiro clipe ao arquivo exportado, sem deixar a sua marca para trás.

## The short version

- No Gradiently, a Linha do tempo reúne faixas de vídeo, áudio e legendas sobre um design, com o Mark e todos os elementos continuando editáveis.
- Você pode escrever as legendas uma a uma com Adicionar legenda ou importar um arquivo SRT ou WebVTT existente com até 2.000 entradas.
- As legendas podem ficar no topo ou na base do quadro, com tamanho de texto, cor do texto e cor de fundo próprios.
- Música e locução são faixas de áudio: importe arquivos MP3, M4A, WAV ou Ogg de até 25 MB e ajuste volume, transições graduais e tempo.
- A linha do tempo, as legendas e a música fazem parte da edição de vídeo do Pro, e os vídeos prontos saem em MP4 ou WebM até 1080p.

Para **adicionar legendas a um vídeo** no Gradiently, abra a **Linha do tempo** em um design, importe ou grave seu clipe, escolha **Adicionar legenda** e digite o que está sendo dito em cada momento. Se você já tem um arquivo de legendas, escolha **Importar legendas** e selecione um arquivo SRT ou WebVTT. As legendas ficam em uma faixa própria, com um estilo pensado para ler bem no seu design, enquanto o Mark continua se movendo atrás do quadro inteiro. A linha do tempo, as legendas e a música fazem parte da edição de vídeo do Pro.

## O que a linha do tempo reúne

A linha do tempo fica embaixo da página e reúne quatro tipos de faixa. Seu Mark, seu título e os demais elementos do design continuam tão editáveis quanto antes de você adicionar o vídeo.

| Faixa | O que entra nela | O que você pode ajustar |
| --- | --- | --- |
| **Vídeo** | Vídeo MP4 ou WebM de até 100 MB, ou uma gravação da câmera ou da tela | Início e fim, entrada e saída da fonte, velocidade, volume, mudo, loop, transições graduais, divisão |
| **Áudio** | Música ou locução: MP3, M4A, WAV ou Ogg de até 25 MB | Início e fim, corte, volume, transições graduais, loop |
| **Elemento** | Palavras, formas e imagens que já estão na página | Quando cada um aparece e desaparece |
| **Legendas** | Linhas de texto com tempo, escritas ou importadas | Texto, tempo, posição, tamanho, cor, fundo |

Os arquivos de mídia podem ter até uma hora. Um design pode ser dividido em cenas de até 60 segundos cada, e a trilha sonora segue por todas elas.

## Como adicionar legendas a um vídeo

1. **Traga o vídeo** Abra a **Linha do tempo**, escolha **Importar mídia** e selecione um vídeo, ou use **Gravar** para capturar a câmera ou a tela. [Gravar no navegador](https://gradiently.design/pt-br/guide/recording-camera-and-screen) explica as opções.
2. **Corte antes de legendar** Corte o início e o fim e separe as pausas primeiro. As legendas acompanham a edição, então cortar depois significa refazer o tempo delas.
3. **Adicione a primeira legenda** Leve o cursor até onde a pessoa começa a falar e escolha **Adicionar legenda**. Digite as palavras em **Texto da legenda** e arraste as bordas na faixa para que ela comece e termine junto com a fala.
4. **Continue, uma frase por vez** Adicione uma legenda para cada frase curta. No máximo duas linhas, de preferência uma, trocando quando a pessoa chega a uma pausa natural.
5. **Estilize a faixa uma única vez** Em **Estilo das legendas**, escolha a posição, o tamanho do texto, a cor do texto e a cor de fundo. O estilo vale para todas as linhas, e as legendas ficam consistentes do começo ao fim.
6. **Assista do início ao fim sem som** Veja o vídeo inteiro no mudo. Se dá para acompanhar sem som, as legendas estão cumprindo o papel delas.

## Como importar arquivos de legendas SRT e WebVTT

Se as suas legendas já existem, vindas de um serviço de transcrição, de uma plataforma de vídeo ou de um colega, importe em vez de digitar de novo. **Importar legendas** aceita arquivos SRT e WebVTT com tempos e textos válidos, até 2.000 entradas e 500 KB de texto. Os dois formatos são arquivos de texto simples que ligam um intervalo de tempo às palavras exibidas nele.

```text
1
00:00:00,500 --> 00:00:02,800
Torramos cada lote na quinta-feira.

2
00:00:03,000 --> 00:00:05,400
Assim, o café que você recebe tem dias,
não meses.

3
00:00:05,800 --> 00:00:07,600
Peça até quarta à noite.
```

Um arquivo SRT: um número, um intervalo de tempo com vírgula antes dos milissegundos, depois uma ou duas linhas de texto e uma linha em branco.

```text
WEBVTT

00:00:00.500 --> 00:00:02.800
Torramos cada lote na quinta-feira.

00:00:03.000 --> 00:00:05.400
Assim, o café que você recebe tem dias,
não meses.

00:00:05.800 --> 00:00:07.600
Peça até quarta à noite.
```

As mesmas legendas em WebVTT: um cabeçalho WEBVTT e ponto antes dos milissegundos. A MDN documenta o [formato WebVTT](https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API) completo.

Também funciona no sentido contrário. **Baixar SRT** e **Baixar VTT** salvam as legendas que você escreveu como arquivo de legendas, útil como transcrição ou para plataformas que aceitam um, como o YouTube. Lembre que o vídeo exportado já traz as legendas desenhadas, então quem ligar também as legendas da plataforma as verá duas vezes.

## Estilos de legenda que se leem sobre fundo em movimento

As legendas ficam sobre o vídeo e sobre um Mark vivo, então o contraste muda a cada quadro. Grande, simples e firme vence o engenhoso. A técnica completa, incluindo tamanho de linha e tempo, está em [design de legendas para vídeo](https://gradiently.design/pt-br/guide/video-captions-design).

### Difícil de ler

- Linhas longas que quebram em três fileiras
- Texto pequeno, dimensionado para tela de computador
- Fonte fina ou cursiva
- Legendas bem na base de um Reel, sob os botões do app
- Um estilo novo a cada vídeo

### Fácil de ler

- Frases curtas, de uma ou duas linhas
- Texto dimensionado para um celular à distância do braço
- Uma sem serifa robusta, muitas vezes a fonte de texto da marca
- Legendas fora da interface da plataforma
- Um único estilo de legenda em todos os vídeos

Em um story ou Reel de 1080×1920, os botões e a descrição da plataforma cobrem a base do quadro, então **Em cima** ou uma posição inferior elevada costuma ser mais segura; as [zonas seguras das redes sociais](https://gradiently.design/pt-br/guide/social-media-safe-zones) mostram onde fica a interface. Uma cor de fundo sólida atrás das legendas ajuda em imagens agitadas. Em imagens calmas, texto claro ou escuro simples costuma ler bem sozinho.

Um quadro de vídeo vertical para uma torrefação de café, com título perto do topo e espaço para legendas no meio

Um vídeo vertical para stories e Reels: título perto do topo, legendas na faixa do meio e o Mark atrás de tudo.

O mesmo vídeo da torrefação de café em formato retrato para o feed, com título e legendas sobre o gradiente

O mesmo vídeo como post retrato de 1080×1350, em que as legendas podem ficar mais embaixo porque há menos interface por cima.

## Como adicionar música e locução

A música vai em uma faixa de áudio. Importe um arquivo MP3, M4A, WAV ou Ogg, arraste até onde deve começar e corte para a duração do vídeo. Baixe o **Volume** sob a fala e use **Entrada gradual** e **Saída gradual** para que ela não comece nem pare de repente. Uma locução gravada com **Gravar › Voz** entra como uma faixa de áudio própria, para você equilibrá-la com a música.

> **Use músicas que você pode usar** Importar uma música para um design não dá o direito de publicá-la. Use faixas para as quais você tem licença ou músicas que a plataforma oferece dentro do próprio app.

## Como exportar o vídeo com legendas

Escolha **Exportar** e depois vídeo. As legendas são desenhadas no quadro, então aparecem em qualquer plataforma, inclusive nas que ignoram arquivos de legendas. Os vídeos são salvos em MP4 ou WebM, conforme o que seu navegador consegue gravar, em até 1080p; a gravação roda em tempo real, então um vídeo de 40 segundos leva cerca de 40 segundos. [Exportar um vídeo ou GIF](https://gradiently.design/pt-br/guide/export-video-gif) traz os detalhes, e [tamanhos de vídeo para redes sociais](https://gradiently.design/pt-br/guide/social-video-sizes) lista o quadro de cada plataforma. Está começando a editar? [Edição de vídeo para iniciantes](https://gradiently.design/pt-br/guide/timeline-video-editing) trata de cortes e ritmo.

## FAQ

### Como adicionar legendas a um vídeo?

Abra a Linha do tempo no Gradiently, adicione seu clipe e use Adicionar legenda para cada frase ou Importar legendas para carregar um arquivo SRT ou WebVTT. Estilize a faixa e exporte o vídeo com as legendas gravadas na imagem.

### Qual a diferença entre SRT e WebVTT?

Os dois ligam intervalos de tempo a linhas de texto. O SRT numera cada entrada e usa vírgula antes dos milissegundos; o WebVTT começa com um cabeçalho WEBVTT e usa ponto.

### Posso baixar as legendas que escrevi?

Sim. Baixar SRT ou Baixar VTT salva as legendas como um arquivo que você pode enviar a plataformas que aceitam um.

### Posso adicionar música a um vídeo no Gradiently?

Sim, em uma faixa de áudio. Importe um arquivo MP3, M4A, WAV ou Ogg de até 25 MB e ajuste o tempo, o volume e as transições graduais.

### As legendas vêm incluídas no vídeo exportado?

Sim. As legendas são desenhadas no quadro do MP4 ou WebM, então aparecem onde quer que o vídeo toque, mesmo sem som.