# Adicionar legendas a vídeo, com o teu Mark a mexer por trás

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

Muito vídeo social vê-se sem som, por isso as palavras no ecrã levam a mensagem. Eis como montar um vídeo com legendas numa linha cronológica, do primeiro clipe ao ficheiro exportado, sem deixar a tua marca para trás.

## The short version

- No Gradiently, a Linha cronológica reúne faixas de vídeo, áudio e legendas por cima de um design, com o Mark e todos os elementos do design ainda editáveis.
- Podes escrever as legendas uma a uma com Adicionar legenda, ou importar um ficheiro SRT ou WebVTT já existente com até 2000 segmentos.
- As legendas podem ficar no topo ou na base do ecrã, com tamanho de texto, cor do texto e cor de fundo próprios.
- A música e as vozes off são faixas de áudio: importa ficheiros MP3, M4A, WAV ou Ogg até 25 MB e depois define volume, desvanecimentos e tempos.
- A linha cronológica, as legendas e a música fazem parte da edição de vídeo do Pro, e os vídeos concluídos exportam-se em MP4 ou WebM até 1080p.

Para **adicionar legendas a vídeo** no Gradiently, abre a **Linha cronológica** num design, importa ou grava o teu clipe, escolhe **Adicionar legenda** e escreve o que é dito em cada momento. Se já tens um ficheiro de legendas, escolhe **Importar legendas** e seleciona um ficheiro SRT ou WebVTT. As legendas ficam numa faixa própria, com um estilo que se lê no teu design, enquanto o Mark continua a mexer-se por trás de todo o ecrã. A linha cronológica, as legendas e a música fazem parte da edição de vídeo do Pro.

## O que a linha cronológica contém

A linha cronológica fica por baixo da página e tem quatro tipos de faixa. O teu Mark, o teu título e os restantes elementos do design continuam tão editáveis como antes de juntares o vídeo.

| Faixa | O que lá vai | O que podes definir |
| --- | --- | --- |
| **Vídeo** | Vídeo MP4 ou WebM até 100 MB, ou uma gravação da câmara ou do ecrã | Início e fim, entrada e saída da origem, velocidade, volume, silêncio, loop, desvanecimentos, divisão |
| **Áudio** | Música ou voz off: MP3, M4A, WAV ou Ogg até 25 MB | Início e fim, corte, volume, desvanecimentos, loop |
| **Elemento** | Palavras, formas e imagens que já estão na página | Quando cada um aparece e desaparece |
| **Legendas** | Linhas de texto com tempos, escritas ou importadas | Texto, tempos, posição, tamanho, cor, fundo |

Os ficheiros multimédia podem ter até uma hora. Um design pode dividir-se em cenas de até 60 segundos cada, e a banda sonora continua ao longo delas.

## Como adicionar legendas a um vídeo

1. **Traz o vídeo** Abre a **Linha cronológica**, escolhe **Importar multimédia** e seleciona um vídeo, ou usa **Gravar** para captar a câmara ou o ecrã. O guia [gravar no navegador](https://gradiently.design/pt-pt/guide/recording-camera-and-screen) explica as opções.
2. **Corta antes de legendar** Corta o início e o fim e separa as pausas primeiro. As legendas ficam sincronizadas com a edição, por isso cortar depois obriga a refazer os tempos.
3. **Adiciona a primeira legenda** Move a cabeça de leitura para onde alguém começa a falar e escolhe **Adicionar legenda**. Escreve as palavras em **Texto da legenda** e arrasta as extremidades na faixa para que comece e acabe com a fala.
4. **Continua, uma frase de cada vez** Adiciona uma legenda para cada frase curta. No máximo duas linhas, de preferência uma, a mudar quando quem fala chega a uma pausa natural.
5. **Define o estilo da faixa uma só vez** Em **Estilo da legenda**, escolhe a posição, o tamanho do texto, a cor do texto e a cor de fundo. O estilo aplica-se a todas as linhas, por isso as legendas ficam coerentes do princípio ao fim.
6. **Vê tudo com o som desligado** Vê o vídeo inteiro sem som. Se o consegues acompanhar assim, as legendas estão a cumprir a sua função.

## Importar ficheiros de legendas SRT e WebVTT

Se as tuas legendas já existem, vindas de um serviço de transcrição, de uma plataforma de vídeo ou de um colega, importa-as em vez de as escrever de novo. **Importar legendas** aceita ficheiros SRT e WebVTT com tempos e texto válidos, até 2000 segmentos e 500 KB de texto. Os dois formatos são ficheiros de texto simples que associam um intervalo de tempo às palavras mostradas durante ele.

```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 recebes tem dias,
não meses.

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

Um ficheiro 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 recebes tem dias,
não meses.

00:00:05.800 --> 00:00:07.600
Pede até quarta à noite.
```

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

Também funciona ao contrário. **Transferir SRT** e **Transferir VTT** guardam as legendas que escreveste como ficheiro de legendas, útil como transcrição ou para plataformas que aceitam um, como o YouTube. Tem em conta que o vídeo exportado já leva as legendas desenhadas, por isso quem ligar também as legendas da plataforma vê-as duas vezes.

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

As legendas ficam por cima do vídeo e de um Mark vivo, por isso o contraste muda de fotograma para fotograma. Grande, simples e estável vence o engenhoso. A técnica mais ampla, incluindo o tamanho da linha e os tempos, está em [design de legendas em vídeo](https://gradiently.design/pt-pt/guide/video-captions-design).

### Difícil de ler

- Linhas longas que quebram em três
- Texto pequeno, dimensionado para um ecrã de computador
- Uma fonte fina ou manuscrita
- Legendas mesmo no fundo de um Reel, por baixo dos botões da aplicação
- Um estilo novo em cada vídeo

### Fácil de ler

- Frases curtas, de uma ou duas linhas
- Texto dimensionado para um telemóvel à distância do braço
- Uma sem serifa robusta, muitas vezes o tipo de letra do corpo de texto da marca
- Legendas fora da interface da plataforma
- Um estilo de legenda mantido em todos os vídeos

Num story ou Reel de 1080×1920, os botões e a descrição da plataforma cobrem a base do ecrã, por isso **Topo** ou uma posição em baixo mais elevada é muitas vezes mais seguro; as [zonas seguras das redes sociais](https://gradiently.design/pt-pt/guide/social-media-safe-zones) mostram onde fica a interface. Uma cor de fundo sólida atrás das legendas ajuda em imagens carregadas. Em imagens calmas, texto claro ou escuro simples costuma ler-se bem sozinho.

Um fotograma de vídeo vertical para um torrador de café, com um título perto do topo e espaço para legendas ao meio

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

O mesmo vídeo do torrador de café desenhado como post de feed vertical, com o título e as legendas sobre o gradiente

O mesmo vídeo como post vertical de 1080×1350, onde as legendas podem ficar mais abaixo porque há menos interface por cima.

## Adicionar música e voz off

A música vai para uma faixa de áudio. Importa um ficheiro MP3, M4A, WAV ou Ogg, arrasta-o para onde deve começar e corta-o à duração do vídeo. Baixa o **Volume** por baixo da fala e usa **Aparecer** e **Desvanecer** para que não comece nem pare de repente. Uma voz off gravada com **Gravar › Voz** cai numa faixa de áudio própria, para a equilibrares com a música.

> **Usa música que podes usar** Importar uma canção para um design não te dá o direito de a publicar. Usa faixas para as quais tens licença, ou música que a plataforma oferece dentro da sua própria aplicação.

## Exportar o vídeo com legendas

Escolhe **Exportar** e depois vídeo. As legendas são desenhadas no ecrã, por isso aparecem em todas as plataformas, incluindo as que ignoram ficheiros de legendas. Os vídeos guardam-se em MP4 ou WebM, consoante o que o teu navegador consegue gravar, até 1080p; a gravação corre em tempo real, por isso um vídeo de 40 segundos demora cerca de 40 segundos. O guia [exportar um vídeo ou GIF](https://gradiently.design/pt-pt/guide/export-video-gif) tem os pormenores, e os [tamanhos de vídeo para redes sociais](https://gradiently.design/pt-pt/guide/social-video-sizes) listam o formato de cada plataforma. És novo na edição? A [edição de vídeo para principiantes](https://gradiently.design/pt-pt/guide/timeline-video-editing) explica o corte e o ritmo.

## FAQ

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

Abre a Linha cronológica no Gradiently, junta o teu clipe e usa Adicionar legenda para cada frase ou Importar legendas para carregar um ficheiro SRT ou WebVTT. Define o estilo da faixa e exporta o vídeo com as legendas gravadas.

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

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

### Posso transferir as legendas que escrevo?

Sim. Transferir SRT ou Transferir VTT guarda-as como ficheiro de legendas que podes carregar em plataformas que aceitam um.

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

Sim, numa faixa de áudio. Importa um ficheiro MP3, M4A, WAV ou Ogg até 25 MB e depois define os tempos, o volume e os desvanecimentos.

### As legendas ficam incluídas no vídeo exportado?

Sim. As legendas são desenhadas no ecrã do MP4 ou WebM, por isso aparecem onde quer que o vídeo seja reproduzido, mesmo sem som.
