Lower Thirds Animados para Streaming
Crie lower thirds animados para streaming no Kdenlive com title overlay
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🔗
- Vá em Project > Add Title Clip ou pressione Ctrl+T para abrir o editor de títulos.
- No painel do editor, defina o tamanho do canvas como igual ao do projeto (1920x1080 ou 3840x2160).
- Selecione a ferramenta de texto (T) e clique na região inferior esquerda do canvas, deixando margem generosa a partir das bordas.
- 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.
- Pressione Enter para nova linha e digite o cargo (ex: “Diretora de Arte”) em tamanho menor (32-48 pontos), peso regular.
- 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.
- 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:
- No Project Bin, clique com o botão direito no Title Clip e selecione Duplicate Clip.
- Renomeie o duplicado para identificar o participante.
- Clique duplo para abrir o editor e altere apenas o texto (nome e cargo), mantendo o design consistente.
- 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🔗
- Arraste o Title Clip para um track superior na timeline (V3 ou V4).
- Com o clipe selecionado, abra o painel Effects (Ctrl+4 ).
- 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:
- Posicione o playhead no primeiro frame do clipe.
- No efeito Transform, defina X como
-600(o lower third começa fora da tela, à esquerda). - Defina Opacity como
0%para que não apareça antes do início da animação. - Insira keyframes em ambos os parâmetros clicando no ícone de losango.
- Mova o playhead para o frame 20 (aproximadamente 0.7s a 30fps).
- Defina X como
0(posição final) e Opacity como100%. - O Kdenlive interpola automaticamente entre os dois keyframes, criando o deslizamento.
Para um efeito mais sofisticado, combine o slide horizontal com um leve scale:
- No frame 0, defina Scale X e Scale Y como
0.90. - No frame 20, defina ambos como
1.00. - 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:
- 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).
- Defina X como
0, Opacity como100%e insira keyframes. - Mova o playhead para o frame 200 (20 quadros de animação de saída).
- Defina X como
-600e Opacity como0%.
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:
- Clique com o botão direito no keyframe final do slide in.
- Selecione Ease Out para que o lower third desacelere ao chegar na posição final.
- 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:
- No efeito Transform, defina X como
80e Y como-80(ajuste fino a partir da posição de destino). - Os valores exatos dependem do tamanho do Title Clip. Use a monitor do projeto para verificar visualmente.
- 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:
- File > Render (Ctrl+Return ).
- Escolha MOV PNG (sequência de frames PNG com alpha) ou WebM VP9 com alpha habilitado.
- Configure resolução igual à do projeto e frame rate compatível com o destino.
- 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:
- Posicione o Title Clip na timeline sobre o conteúdo principal.
- Certifique-se de que o track do lower third está acima do track de vídeo.
- File > Render e escolha MP4 H.264 com bitrate de 10-15 Mbps para Full HD.
- 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:
- Exporte como WebM VP9 com alpha ou como sequência PNG.
- No OBS, adicione uma fonte Media Source (para WebM) ou Image Slide Show (para PNG sequence).
- Posicione a fonte acima da captura de câmera ou jogo.
- 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
- Animação de Logos com Keyframes – técnicas similares de keyframes aplicadas a logos
- Títulos Animados – animação de textos com efeitos de Transform
- Chroma Key e Greenscreen – composição de overlays ao vivo
- Picture in Picture para Tutoriais – posicionamento de overlays em conteúdo educativo