Você pode ter decidido abrir um canal no Twitch, a famosa plataforma de streaming assinada pela Amazon, para transmitir seus vídeos mais criativos ao vivo e está procurando uma maneira de sobrepor alguns sobreposição personalizado? Ou você está procurando construir um grande público com os programas ao vivo do StreamYard e gostaria de tornar a tela de streaming mais acolhedora e pessoal? Bem, você teve uma ótima ideia!

Não há nada melhor do que dar a seus espectadores uma recepção única e inimitável, e mostrar a eles uma tela personalizada é apenas a maneira mais fácil de fazê-los se sentir especiais e considerados. Mas o fato de você ter acabado neste guia me faz pensar que você não está muito familiarizado com a criação e personalização de sobreposições. Estou certo? Se eu adivinhou, deixe-me dizer que você acabou de encontrar o guia certo para você!

Na verdade, vou explicar a você nos próximos capítulos como criar uma sobreposição e como aplicá-lo nas plataformas de streaming mais populares do momento. Aposto que era isso que você queria saber, certo? Então vamos lá, vamos em frente! Leia o guia a seguir com atenção para saber todas as informações de que você precisa para seu propósito e personalize as transmissões ao vivo com sobreposições criativas e envolventes. Boa leitura e, acima de tudo, divirta-se!

como baixar o Photoshop gratuitamente e meu tutorial geral sobre o Photoshop. Desta forma, você pode ter uma ideia do potencial do programa e os custos a serem incorridos (licença mensal ou anual, após 7 dias de teste gratuito) e avaliar se é o certo para você, caso contrário, você pode pular para o próximo capítulo do tutorial.

Preparar? vamos começar! Primeiro, comece Photoshop e vá para o menu Arquivo> Novo (canto superior esquerdo) para criar um novo projeto. Na janela que acabou de abrir, digite um título à vontade e definido como dimensões do projeto: 1920 × 1080 px (Largura x Altura, dentro píxeis) Por fim, confirme clicando no botão azul Crio.

Agora, clique no Ferramenta Retângulo presente na barra de ferramentas localizada à esquerda, selecione o item O preenchimento e selecione o preenchimento vazio, para dar transparência ao corpo do retângulo. Em seguida, clique na entrada Acompanhar e escolha um cor à vontade da paleta de cores à direita; inserir 20px no campo de Espessura do traço. Bem, agora clique no centro da folha. Na pequena janela que acabou de abrir, insira as dimensões 1900 × 1060 px (Largura x Altura dentro píxeis) e pressione o botão Entrar no teclado.

Usando o Ferramenta Mover, agora posicione o retângulo até que ele adira perfeitamente às bordas da folha. Em seguida, clique com o botão direito no nível do retângulo e escolha o item Opções de mistura no menu de contexto. Na coluna da esquerda, clique na entrada Sobreposição de Gradiente e então, no centro da janela, clique na caixa Sombra. Você pode escolher as combinações de tons de sua preferência, em seguida, confirme a que deseja e pressione o botão OK. Ainda na coluna da esquerda, clique no item Sombra projetadae, no centro, defina os seguintes parâmetros.

  • Opacidade: 40
  • Distância: 0
  • Extensão: 0
  • Dimensão: 25

Você pode personalizá-los ao seu gosto, se desejar. Por fim, clique no botão OK.

Se você tem seu próprio logotipo em .PNG, você pode importá-lo do menu Arquivo> Inserir incorporado (canto superior esquerdo) e coloque-o em um canto do projeto. Você decide o tamanho e o local com base em onde fica mais bonito, mas certifique-se de que não ocupe muito espaço (caso contrário, você corre o risco de invadir a cena no vídeo abaixo).

Estamos quase lá. Agora você precisa esconder a camada Fundo, clicando no ícone em forma de olho colocado no lado esquerdo do nível em questão; então vá para o menu Arquivo> Salvar como e salve sua sobreposição definindo a extensão para .PNG na caixa Salvar como. Perfeito, você criou sua primeira sobreposição estática no Photoshop!

como usar o GIMP, para ter uma ideia clara do potencial do programa e entender se é certo para você

Para começar, comece portanto GIMP e vá para o menu Arquivo> novo (topo) para criar uma nova imagem. Na janela que acabou de abrir para você, defina o tamanho de 1920 × 1080 px (Largura x Altura dentro píxeis) e, em seguida, clique no botão OK. Na guia de níveis, à direita, clique no primeiro ícone na parte inferior esquerda para criar um novo nível.

Agora, através dele Ferramenta de seleção retangular, criar uma forma simples na planilha, você pode refiná-la digitando o valor 0 nos dois campos do Posição e digitando 1920 e 1080 nos campos de Dimensão. Agora você precisa dar a ela um acompanhamento, então vá para o menu Selecione> Para o caminho (topo) e do cartão Caminhos, à direita, clique com o botão direito no único nível existente e escolha o item Caminho de contorno no menu de contexto.

Estamos quase lá. Na barra de ferramentas à esquerda, escolha-o Ferramenta de seleção difusa (ou varinha mágica) e clique na borda da moldura que você acabou de criar, para selecionar seu preenchimento. Agora clique com o botão direito na ferramenta Preenchimento de cor e escolha a ferramenta Gradiente. Você pode selecionar as duas cores do gradiente deícone de cores, sempre localizado na barra de ferramentas do lado esquerdo do programa. Em seguida, arraste o cursor do mouse pela folha, enquanto mantém pressionado o botão esquerdo, para criar um gradiente colorido no quadro. Você pode tentar e tentar novamente até encontrar a tonalidade que mais gosta.

Para dar um efeito de sombra interna, vá para o menu Filtros> Luzes e sombras> Sombra projetada (tradicional) (topo), defina o valor 0 sobre Eixos X e Y, em seguida, expanda o Raio de borrão para 25px e acentua oOpacidade trazendo para o 100%. Para confirmar as configurações de sombra, clique no botão OK. Tudo que você precisa fazer é clicar no menu Imagem> Definir Superfície para Seleção, para redimensionar adequadamente a sobreposição.

Se você deseja inserir uma imagem ou logotipo para decorar sua sobreposição, basta clicar no menu Arquivo> Abrir como camadas (pra cima). Então você pode colocar a imagem onde preferir e redimensioná-la com o Ferramenta Mover. Você pode adicionar texto colorido com o Ferramenta de texto para inserir, por exemplo, seu apelido de streamer. Antes de salvar a sobreposição, você deve ocultar o fundo clicando no ícone em forma de olho colocado à esquerda do Camada de fundo.

Por fim, clique no menu Arquivo> Exportar como (topo) para escolher o local onde salvar a sobreposição. Escolha a extensão .PNG do menu Selecione o tipo de arquivo (por extensão) e clicando em Exportar, você obterá a sobreposição de streaming.

GIFs animados. Se criar uma sobreposição estática foi divertido, bem, os próximos capítulos serão incríveis. Se você quer saber como criar uma sobreposição animada, encontre abaixo todas as informações úteis para fazê-lo.

capítulo anterior para a criação de um quadro). Quando terminar de desenhar sua primeira cena, clique no símbolo + na parte inferior da linha do tempo para adicionar um novo quadro.

Em seguida, adicione também um novo nívelclicando no botão + localizado na guia de camadas. No novo nível, desenhe algo diferente respeitar a primeira cena, por exemplo, você poderia replicar o quadro do primeiro nível, mas simplesmente mude a cor deles. Depois de determinar as mudanças no segundo nível, clique no primeiro quadro e, com ele selecionado, ocultar o segundo nível da guia de níveis. Clique no botão Reproduzir (abaixo da linha do tempo) para testar sua animação.

Você entendeu o truque? Exato! A cada novo quadro, você deve criar uma nova camada que deverá ocultar nos quadros anteriores. Se precisar fazer uma animação gradual, basta selecionar dois frames diferentes ao mesmo tempo e clicar no botão Tween entre frames, localizado logo abaixo da linha do tempo. Isso irá gerar um 'animação gradual entre o primeiro quadro selecionado e o segundo.

Se você estiver satisfeito com a animação, pode exportá-la clicando no menu Arquivo> Exportar> Salvar para a web (versão anterior), canto superior esquerdo. Na janela de exportação que acabou de abrir, os parâmetros padrão são sempre os melhores, mas certifique-se de ter selecionado as opções Transparência é Opções de ciclo: Sempre. Depois de fazer isso, você pode clicar no botão Salve  para obter sua sobreposição animada (você pode encontrar um exemplo do resultado final aqui).

capítulo anterior para a criação de um quadro), após o qual você precisa criar um novo nível, mas eu sugiro que você clique no botão Duplicar Camada, na guia de camadas, para obter uma cópia exata da primeira camada.

Agora você pode alterar a cor ou a forma da segunda camada de acordo com sua preferência, para que seja diferente da primeira. Você pode criar quantos níveis quiser e modificar progressivamente alguns elementos de acordo com sua preferência: lembre-se de que a ordem de reprodução dos níveis será do menor para o maior. Depois de preparar todos os níveis para a animação, ocultar o nível de fundo, para ter a transparência da sobreposição.

Neste ponto, basta ir ao menu Filtros> Animação> Otimizar (para Gif) (pra cima). Se quiser, você pode ver uma prévia da animação no menu Filtros> Animação> Execução. Se você estiver satisfeito com a animação, basta salvá-la e clicar no menu Arquivo> Exportar como e, na janela de exportação, escolha o destino para onde deseja exportar a sobreposição e defina a extensão .GIF na caixa Selecione o tipo de arquivo. Por fim, clique no botão Exportar.

Na janela que acabou de aparecer, certifique-se de ter as caixas selecionadas Como uma animação é Laço, para ter uma animação contínua e repetida. Ótimo: agora clique no botão Exportar para obter sua sobreposição animada com a extensão .GIF. Missão cumprida!

crie uma sobreposição estática. Quando você colocou o arquivo em .PNG, inicie a plataforma Twitch Studio. Na parte inferior da tela principal, clique no botão Editar cena.

Neste ponto, clique no botão + colocado na guia de camadas localizada no canto superior esquerdo e clique no botão Imagem. Você verá um caixa de seleção no centro da tela: você pode movê-lo para onde quiser e dar-lhe o tamanho que preferir; depois, na coluna da esquerda, você terá que clicar no botão Navegar e escolha uma imagem para carregar. Quando você localizar sua sobreposição em .PNG, Clique no botão Você abre.

A sobreposição que você escolheu se adaptará automaticamente ao tamanho da caixa de seleção, mas você pode Mova isso, amplie-o é torná-lo menor à vontade, clicando em um canto e arrastando-o na direção desejada. Quando terminar de personalizar a cena, clique no botão Salve  localizado na parte inferior da tela.

Feito! Agora você pode experimentar criar novas sobreposições e enviá-las ao Twitch Studio para personalizar sua transmissão ao vivo de uma forma única e criativa!

Página oficial do StreamYard. Se você está usando esta plataforma com o plano Básico e está se perguntando como criar uma sobreposição para StreamYard, você ficará satisfeito em saber que pode encontrar todas as informações necessárias para fazer isso nesta seção do tutorial.

Portanto, para começar, desenhe uma sobreposição seguindo as instruções sobre como criar uma sobreposição estática ou como criar uma sobreposição animada que forneci anteriormente. Depois de exportar sua sobreposição estática ou animada, faça login em seu StreamYard através de navegador que você normalmente usa para navegar online.

Agora, se você tem um Broadcast armazenado, clique na opção Entrar no Broadcast Studio; se, por outro lado, você não tem Broadcast, clique na opção Criar transmissão e dê um título ao seu novo canal. Na tela do Broadcast Studio, você deve clicar no ícone Marca (aquela forma de paleta de cores) localizada na coluna da direita. Neste ponto, tudo que você precisa fazer é clicar no botão + localizado sob o título Sobreposição, para carregar sua sobreposição estática com extensão .PNG ou uma sobreposição animada com a extensão .GIF.

Você notará que o StreamYard carregará a sobreposição em tamanho real, portanto em tela inteira. Infelizmente, a personalização do tamanho ou posição da sobreposição não é permitida.

aqui), você certamente desejará personalizar a aparência do seu canal. Bem, se você veio aqui para entender como criar uma sobreposição para OBS, Eu vou resolver você imediatamente.

Para começar, desenhe uma sobreposição seguindo as instruções sobre como criar uma sobreposição estática ou como criar uma sobreposição animada que forneci anteriormente (isso mesmo! OBS também suporta sobreposições animadas com a extensão .GIF).

Depois de criar sua sobreposição, inicie o software OBS Studio, clique com o botão direito no centro da cena e vá para o menu Adicionar> Imagem, pra cima. Na janela que acabou de abrir, escolha o item Crie uma nova fonte e então clique no botão OK. Em seguida, clique no botão Navegar para pesquisar e selecionar sua sobreposição e introduzi-la na cena.

Se você deseja fazer o upload de um sobreposição animada, você precisa adicionar um Fonte multimídia em vez de uma imagem: na janela de confirmação, você pode clicar no botão Navegar para pesquisar e selecionar a sobreposição animada com extensão .GIF. Verifique se a opção Repetir, colocado logo abaixo do caminho do arquivo, é selecionado, de modo a permitir que a animação se repita continuamente sem parar; caso contrário, o arquivo de mídia executará apenas um loop de animação e, em seguida, aparecerá como uma imagem estática.

Depois de escolher a sobreposição estática ou animada para incluir na cena OBS, você pode movê-la livremente clicando nela e arrastando-a em qualquer direção. Se você mantiver o cursor do mouse sobre os cantos da caixa, no entanto, poderá redimensioná-la como desejar.

Pode acontecer que, após carregar a sobreposição, você não consiga ver nenhum novo objeto inserido, como se ele estivesse oculto pelo fundo ou pela gravação do vídeo. Não se preocupe, dê uma olhada no cartão Origens, localizado na parte inferior. Você notará que sua sobreposição (imagem ou fonte de mídia) acabou abaixo do Dispositivo de captura de vídeo ou sob outras camadas de imagem: tudo que você precisa fazer é arrastar o nível da sobreposição em uma posição mais alto ao nível de captura de vídeo e é isso.