Documentação / Como adicionar overlay no OBS

Como adicionar overlay no OBS

Os overlays do overlays.vxh.pl são páginas web comuns com fundo transparente. O OBS exibe essas páginas pela fonte “Navegador” (Browser Source), então não é preciso instalar nada.

Como adicionar ao OBS passo a passo

  1. Abra overlays.vxh.pl e escolha um overlay na lista à esquerda.
  2. Ajuste a aparência no painel “Configurações” à direita. A prévia muda na hora.
  3. Abaixo da prévia, clique em “Copiar” ao lado de “Link para o Browser Source”.
  4. No OBS Studio, no painel “Fontes”, clique em +, escolha “Navegador” e dê um nome.
  5. Cole o link no campo “URL”. Digite a largura e a altura indicadas abaixo da prévia (ex.: 1920×1080 ou 640×360 para a webcam).
  6. Confirme com OK. Defina a ordem: efeitos e molduras acima do jogo e da webcam, telas de início, intervalo e fim como cenas separadas.
  7. Se depois você mudar as configurações, copie o novo link e substitua nas propriedades da fonte.

Perguntas e respostas

O overlay tem fundo preto em vez de transparente. O que fazer?

Confirme que é uma fonte “Navegador” e não “Captura de janela” ou “Imagem”. Nas propriedades da fonte, apague o CSS personalizado se ele definir um fundo.

A animação não se mexe ou trava.

Nas propriedades da fonte, marque “Desligar fonte quando não estiver visível” para que overlays fora de cena não pesem no computador, e verifique se o tamanho da fonte não é maior que o necessário.

Como atualizar o overlay depois de mudar as configurações?

Cole o novo link nas propriedades da fonte ou clique em “Atualizar cache da página atual”.

Funciona no Streamlabs?

Sim. No Streamlabs Desktop, adicione a fonte “Browser Source” e cole o mesmo link.

Onde ficam salvas minhas configurações?

Todas as configurações ficam no próprio link para o OBS. Você também pode salvá-las com um nome na aba “Salvos”, mas esse registro fica só na memória deste navegador (localStorage). Em outro computador ele não vai estar lá, por isso, para transferir, use o código de compartilhamento VXH1-.

O overlay pesa no computador?

Os efeitos são desenhados em um único canvas ou em CSS e rodam liso no OBS. Se o seu computador for mais fraco, diminua o controle “Quantidade” ou o tamanho da fonte no OBS.