Aprenda a utilizar uma ferramenta simples e versátil para criar Lower Thrids animadas no OBS Studio.

Onde permitirá o seu uso para divulgar seus convidados, redes sociais, avisos ou pautas de suas transmissões.

Sendo ideal para as transmissões de programas de entrevista, webinars, palestras e ensino híbrido.

Confira o tutorial completo agora mesmo!

Olá tudo bem?

Meu nome é Hudson Barros e sou especialista em suporte na JMV Technology.

E hoje apresentarei a vocês uma ferramenta simples e versátil para criar “Lower Thrids” animadas para plataforma EAD no OBS Studio.

Onde permitirá o seu uso para divulgar seus convidados, redes sociais, avisos ou pautas de suas transmissões.

Sendo ideal para as transmissões de programas de entrevista, webinars, palestras e ensino híbrido.

Ficou interessado em aplicar esse recurso em um projeto pessoal ou profissional, mas não sabe como iniciar ou as ferramentas necessárias?

Acesse a nossa seleção de cursos gratuitos sobre produção de conteúdo que irá lhe ajudar a entender mais.

Para utilizar as “Lower Thrids” animadas, acessaremos o fórum do site do OBS e pesquisaremos por: “Animated Lower Thirds”.

Ou acessar o link direto para a página: https://obsproject.com/forum/resources/animated-lower-thirds-with-dockable-control-panel.1057/

Faça o download do arquivo e depois escolha a pasta onde ele será salvo, é importante escolher o destino antes de seguirmos com os procedimentos, para evitar desconfiguração no futuro.

Depois vamos extrair o conteúdo para a pasta de destino.

E logo após vamos mover as imagens que usaremos, como logo de sua marca ou da rede social que usará, para a pasta “Logos” do arquivo extraído.

Após vamos voltar e acessar a pasta “Lower Thirds” e localizar os dois arquivos chamados “Controle-panel” e “Browser-source”.

Para adicionar a Lower Third no OBS, vamos abrir o programa e em seguida localize na barra de menus a opção de “Visualizar”.

Vamos ir em “Abas” e depois clicar em “Abas personalizáveis com URL”.

Feito será necessário dar um nome de identificação da nova “Aba” e para o campo de URL vamos voltar a pasta que extraímos e clicar duas vezes no arquivo “control-panel” e copiar a URL que abrir no seu navegador padrão.

Retornando ao OBS, ao clicar em aplicar.

O painel que controla as “Lower Thirds” já abrirá e ele pode ser fixado na janela principal do OBS ao arrastar para as extremidades: esquerda, direita, de cima ou de baixo.

Para exibir a “Lower Third” na tela, vamos clicar no botão “Adicionar” no painel de “Fonte” e escolher a opção “Navegador”.

Identificaremos a fonte como “Lower Third” ou um nome que faça sentido para você.

Vamos voltar a pasta com os arquivos baixados e clicar duas vezes no arquivo com o nome “browser-source”, copiar o link aberto no navegador e colar no campo de URL do OBS.

Depois vamos definir a “Largura” e “Altura” da fonte conforme a resolução de base da tela no OBS. Neste exemplo usarei a resolução de 1280 por 720 pixels

Por último vamos marcar o campo de “Atualizar o navegador quando a cena se tornar ativa”.

Pronto, já ativamos esse novo recurso no OBS.

Para personalizar vamos voltar ao painel da “Lower Third”:

Temos o campo de “Main settings”, que ao clicar no símbolo de “Mais”, podemos controlar a reprodução de todas as “Lower Thirds” e configurações globais das logos, mas estas configurações podem ser controladas individualmente.

Usando está função, poderemos criar até quatro tipos de “Lower Third” diferentes e cada uma tendo até 10 slots.

Para configurar a primeira “Lower Thrid” vamos clicar no campo de imagem da logo e escolher uma das imagens que foram movidas para a pasta “Logo” no início do vídeo.

Após em “Name” será a identificação de um campo ou o nome do participante

Depois em “Info” será a descrição como um link, subtítulo ou cargo de um participante.

E para finalizar clicamos em um dos slots que estão em branco para salvar.

Para cadastrar o nome de outro entrevistado ou outra rede social é só repetir o processo e trocar a logo, campo de “Name”, “Info” e salvar no próximo slot vago.

Agora vamos definir a aparência da “Lower Third”, ao clicar no botão com o símbolo de “Mais”. Onde vamos ter as opções:

  • Escolher o alinhamento entre esquerdo, centro e direita;
  • Modelo da “Lower Third”;
  • Tamanho em tela;
  • Posição na vertical e horizontal;
  • Altura da fonte;
  • Espaço entre linhas;
  • Escolher ativar ou não a logo;
  • Sombra;
  • Arredondamento dos cantos;
  • Cores da sombra e elementos da animação.

Finalizado, vamos configurar os três botões que aparecem ao lado dos slots, onde controlam:

  • No botão com o símbolo do raio: permite exibir a “Lower Third” somente ao clicar no seu slot;
  • As setinhas: é o autoload onde ao ativar a “Lower Third” reproduzirá todos os slots em sequência e firrará reproduzindo em loop até que seja desativado;
  • O relógio, permite personalizar o tempo que cada animação vai ter na tela, ao ativar temos:
    • No primeiro, quanto que a animação de entrada vai durar;
    • No segundo, o tempo que a “Lower Third” vai durar na tela;
    • Em terceiro, será o tempo que uma “Lower Third” ficará inativa até entrar a próxima da fila.

Finalizamos a criação da primeira “Lower Third” e agora é só aplicar estes passos para criar alertas e trazer mais informações para suas lives nas outras “Lower Thirds” disponíveis.

E se você estiver se perguntando como, em qual rede ou plataforma utilizar este e outros recursos que enriquecem suas transmissões, temos uma seleção de planos que irá lhe atender!

Plataforma EAD para ensino híbrido.

Bom chegamos ao final deste tutorial e espero ter lhe ajudado com este vídeo.

E aguardo vocês em um próximo vídeo e enquanto isso, curta, comente e compartilhe este conteúdo com seus amigos e em suas redes.

Obrigado e até mais!