O que você vai aprender

  • Criar um Title Clip com nome e cargo formatado para lower third de streaming
  • Aplicar o efeito Transform com keyframes para animações de slide in e slide out
  • Posicionar o lower third em área segura para não ser coberto por HUDs de streaming
  • Configurar a duração e o timing da animação para entradas e saídas ao vivo
  • Exportar com canal alpha ou como composição pronta para uso em OBS e softwares de captura

Lower Thirds Animados para Streaming🔗

Lower thirds são aqueles overlays informativos que aparecem na parte inferior do quadro com nome, cargo ou identificação de um participante. Em streams e transmissões ao vivo, eles substituem a legenda de TV broadcast, dando contexto visual sem ocupar o centro da cena. O Kdenlive permite criá-los inteiramente internamente, combinando Title Clip para o texto e o efeito Transform com keyframes para a animação de entrada e saída.

Conceito de Lower Thirds🔗

Um lower third é composto por três elementos visuais: uma barra ou fundo semi-transparente, o texto principal (nome) e o subtítulo (cargo, função ou identificação). Em streaming, ele precisa ser legível em resoluções variadas (de celulares a TVs 4K) e não pode competir com a HUD do próprio stream, que já exibe chat, alertas e contadores.

Anatomia do lower third🔗

  • Barra de fundo: retângulo com cor sólida ou gradiente, geralmente com opacidade entre 70% e 90%. Serve para separar o texto do conteúdo do vídeo.
  • Nome: tipografia em peso bold ou semibold, tamanho dominante. É a informação principal.
  • Cargo ou função: tipografia em peso regular ou light, tamanho menor (60-70% do nome), frequentemente em cor contrastante ou maiúsculas com espaçamento aumentado.
  • Elemento gráfico opcional: linha divisória, ícone ou accent color que reforça a identidade visual.

Duração típica em streaming🔗

Em transmissões ao vivo, lower thirds ficam visíveis entre 4 e 8 segundos. Entrada animada leva de 0.5 a 1 segundo (15-30 quadros a 30fps), o hold (texto estático) ocupa a maior parte do tempo, e a saída animada dura o mesmo que a entrada. Nunca deixe o lower third na tela por mais de 10 segundos sem necessidade, pois polui o enquadramento.

Design de Template🔗

O primeiro passo é criar o Title Clip que servirá de base para o lower third. O Kdenlive possui um editor de títulos integrado que suporta formatação rica e transparência.

Criando o Title Clip🔗

  1. Vá em Project > Add Title Clip ou pressione Ctrl+T para abrir o editor de títulos.
  2. No painel do editor, defina o tamanho do canvas como igual ao do projeto (1920x1080 ou 3840x2160).
  3. Selecione a ferramenta de texto (T) e clique na região inferior esquerda do canvas, deixando margem generosa a partir das bordas.
  4. Digite o nome (ex: “Ana Beatriz Silva”) com a fonte desejada. Recomenda-se sans-serif em peso bold, tamanho entre 48 e 72 pontos para Full HD.
  5. Pressione Enter para nova linha e digite o cargo (ex: “Diretora de Arte”) em tamanho menor (32-48 pontos), peso regular.
  6. Para a barra de fundo, use a ferramenta retângulo e desenhe um retângulo atrás do texto. Defina a cor e ajuste a opacidade no painel de propriedades.
  7. Clique em Create Title para salvar o clip no Project Bin.

Duplicando para múltiplos participantes🔗

Para streams com vários convidados, duplique o Title Clip original:

  1. No Project Bin, clique com o botão direito no Title Clip e selecione Duplicate Clip.
  2. Renomeie o duplicado para identificar o participante.
  3. Clique duplo para abrir o editor e altere apenas o texto (nome e cargo), mantendo o design consistente.
  4. Repita para cada participante.

Manter um template visualmente idêntico entre os participantes reforça a identidade da transmissão.

Animação com Keyframes🔗

Com o Title Clip pronto, a animação de entrada e saída é feita com o efeito Transform, que controla posição, escala e opacidade via keyframes.

Aplicando o efeito Transform🔗

  1. Arraste o Title Clip para um track superior na timeline (V3 ou V4).
  2. Com o clipe selecionado, abra o painel Effects (Ctrl+4 ).
  3. Procure por Transform na categoria Motion e aplique ao clipe.

Animação de slide in (entrada)🔗

O movimento mais comum é o lower third deslizando da esquerda para a posição final:

  1. Posicione o playhead no primeiro frame do clipe.
  2. No efeito Transform, defina X como -600 (o lower third começa fora da tela, à esquerda).
  3. Defina Opacity como 0% para que não apareça antes do início da animação.
  4. Insira keyframes em ambos os parâmetros clicando no ícone de losango.
  5. Mova o playhead para o frame 20 (aproximadamente 0.7s a 30fps).
  6. Defina X como 0 (posição final) e Opacity como 100%.
  7. O Kdenlive interpola automaticamente entre os dois keyframes, criando o deslizamento.

Para um efeito mais sofisticado, combine o slide horizontal com um leve scale:

  1. No frame 0, defina Scale X e Scale Y como 0.90.
  2. No frame 20, defina ambos como 1.00.
  3. O lower third cresce sutilmente enquanto desliza, dando sensação de profundidade.

Animação de slide out (saída)🔗

A saída é o inverso da entrada, espelhada no tempo:

  1. Posicione o playhead no frame onde o lower third deve começar a sair (ex: frame 180 para um clip de 8 segundos a 30fps).
  2. Defina X como 0, Opacity como 100% e insira keyframes.
  3. Mova o playhead para o frame 200 (20 quadros de animação de saída).
  4. Defina X como -600 e Opacity como 0%.

Dica: a saída pode ser para a direita (valores positivos de X) para variar o movimento em relação à entrada, criando dinamismo visual.

Easing para naturalidade🔗

Keyframes lineares geram movimento mecânico. Para animações profissionais:

  1. Clique com o botão direito no keyframe final do slide in.
  2. Selecione Ease Out para que o lower third desacelere ao chegar na posição final.
  3. No keyframe inicial do slide out, selecione Ease In para que a saída comece devagar e acelere.

Essa combinação de easing simula inércia física e torna a animação orgânica.

Posicionamento🔗

O posicionamento correto é crítico em streaming, pois diferentes plataformas e softwares exibem elementos de interface sobre o vídeo.

Área segura para streaming🔗

Respeite estas margens mínimas a partir das bordas do quadro:

  • Esquerda: 120px mínimo (espaço para alertas e notificações do OBS).
  • Direita: 200px mínimo (área reservada para chat ao vivo em plataformas como Twitch).
  • Inferior: 80px mínimo (barra de informações do player e controles).
  • Superior: 60px mínimo (título da stream e indicadores de live).

Posicionamento do lower third🔗

A posição padrão é no quadrante inferior esquerdo:

  1. No efeito Transform, defina X como 80 e Y como -80 (ajuste fino a partir da posição de destino).
  2. Os valores exatos dependem do tamanho do Title Clip. Use a monitor do projeto para verificar visualmente.
  3. Para participantes em lados diferentes da tela (entrevistas ou debates), crie uma versão espelhada com X negativo, posicionada no quadrante inferior direito.

Verificação em diferentes resoluções🔗

Antes de renderizar, teste o posicionamento escalando o monitor do projeto para 50% e 200%. Elementos muito próximos das bordas podem ser cortados em displays com overscan (TVs antigas) ou ficar ilegíveis em visualizações mobile.

Exportação🔗

A forma de exportação depende do uso: se o lower third será reutilizado em múltiplos projetos ou consumido diretamente pela ferramenta de streaming.

Exportar com canal alpha🔗

Para reutilizar o lower third animado como asset em diferentes projetos ou softwares:

  1. File > Render (Ctrl+Return ).
  2. Escolha MOV PNG (sequência de frames PNG com alpha) ou WebM VP9 com alpha habilitado.
  3. Configure resolução igual à do projeto e frame rate compatível com o destino.
  4. Renderize. O resultado pode ser importado no OBS como Media Source ou em qualquer NLE.

Exportar como composição pronta🔗

Se o lower third será aplicado diretamente sobre o vídeo final:

  1. Posicione o Title Clip na timeline sobre o conteúdo principal.
  2. Certifique-se de que o track do lower third está acima do track de vídeo.
  3. File > Render e escolha MP4 H.264 com bitrate de 10-15 Mbps para Full HD.
  4. O lower third será renderizado composicionado sobre o vídeo, sem necessidade de alpha.

Uso no OBS Studio🔗

Para usar o lower third animado como overlay ao vivo no OBS:

  1. Exporte como WebM VP9 com alpha ou como sequência PNG.
  2. No OBS, adicione uma fonte Media Source (para WebM) ou Image Slide Show (para PNG sequence).
  3. Posicione a fonte acima da captura de câmera ou jogo.
  4. Para alternar a entrada e saída do lower third durante a stream, use cenas pré-configuradas no OBS, cada uma com um lower third diferente, e alterne entre elas com atalhos de teclado.

Erros comuns

  • Title Clip sem transparência: se o canvas do Title Clip não estiver com fundo transparente, um retângulo branco ou preto aparece atrás do lower third. Confirme que a opção de fundo transparente está ativa no editor de títulos antes de criar o clip.
  • Keyframes em frames errados: um keyframe de saída posicionado antes do fim do hold faz o lower third sumir prematuramente. Sempre confira a posição do playhead antes de inserir cada keyframe.
  • Posicionamento fora da área segura: lower thirds muito próximos das bordas são cortados por HUDs de streaming ou por overscan de TVs. Respeite as margens mínimas de 120px à esquerda e 200px à direita.
  • WebM sem alpha no OBS: se o WebM for exportado sem canal alpha (codec VP9 sem configuração de transparência), o fundo aparece preto ou verde. Confirme que o formato de exportação preserva o alpha.
  • Fonte não incorporada no Title Clip: fontes instaladas localmente podem não renderizar corretamente em outra máquina. Use fontes do sistema ou converta o texto em paths no editor de títulos.
  • Animação muito longa para streaming: entradas ou saídas com mais de 1.5 segundo parecem lentas em contexto ao vivo. Mantenha a animação entre 15 e 30 quadros (0.5 a 1 segundo a 30fps).

Você aprendeu

  • Lower thirds combinam Title Clip (nome e cargo) com efeito Transform (keyframes de posição e opacidade) para animações de entrada e saída
  • O slide in padrão desliza da esquerda para a posição final com easing Ease Out; a saída inverte o movimento com Ease In
  • Respeite a área segura de streaming: 120px à esquerda, 200px à direita, 80px abaixo e 60px acima para evitar sobreposição com HUDs
  • Exporte em MOV PNG ou WebM VP9 com alpha para reutilização, ou MP4 H.264 com composição pronta para distribuição direta
  • No OBS, use Media Source para WebM ou Image Slide Show para PNG sequence, alternando entre cenas com atalhos de teclado

Artigos relacionados

Referências🔗