Skip to content

Como criar um layout Cool Twitch no Photoshop

19 de maio de 2021

O que saber

  • No Photoshop, crie uma tela de 1920 x 1080 e preencha o fundo. Adicione camadas e use a ferramenta Marquee para criar espaço para um stream de webcam.
  • Preencha o letreiro, crie uma nova camada e use a ferramenta letreiro novamente para criar uma nova caixa para a filmagem do jogo. Salve como um arquivo do Photoshop (.psd).
  • Também necessário: Um computador, placa de captura, webcam e software de transmissão como OBS Studio ou Streamlabs OBS para personalizar o layout.

Um layout do Twitch, também chamado de sobreposição de fluxo do Twitch, é um design gráfico que aparece durante a transmissão do Twitch. Veja como fazer uma sobreposição do Twitch com o Photoshop e como adicionar sua imagem de plano de fundo ao OBS Studio.

Como fazer uma sobreposição do Twitch com o Photoshop

Photoshop é uma das melhores ferramentas para criar uma sobreposição do Twitch. Siga estas etapas para fazer um layout básico do Twitch e, em seguida, experimente adicionar mais recursos e personalidade à sua transmissão. Este tutorial usa o Photoshop 2020, mas as instruções devem ser semelhantes em outras versões. Se você não tem o Photoshop, tente uma alternativa gratuita, como o Paint 3D no Windows 10 ou o editor gráfico online Canva para criar uma sobreposição do Twitch.

  1. Abra o Photoshop e selecione Arquivo > Novo no menu superior.

    Novo no menu superior.” class=”lazyload” id=”mntl-sc-block-image_1-0-10″ >

  2. No Vamos começar algo novo caixa, defina a largura para 1920 pixels e a altura para 1080 pixels e, em seguida, selecione Crio.

    Configurações de largura e altura no Photoshop

    Essas medidas correspondem ao tamanho total do layout do seu stream, que preenche um monitor de TV quando visualizado. Usar esse tamanho ajuda a visualizar melhor o resultado e planejar de acordo.

  3. No menu superior, selecione Editar > Preencher.

    No menu superior, selecione Editar> Preencher.” class=”lazyload”      id=”mntl-sc-block-image_1-0-19″ ></p>
</li>
<li>
<p>Ao lado de <strong>Conteúdo</strong>, selecione <strong>Cor</strong> no menu suspenso.</p>
<p><img decoding=

  4. Escolha uma cor para o fundo e selecione OK.

    O botão OK

    Você pode repetir esta etapa até encontrar uma cor que goste.

  5. Selecione OK para sair do Preencher caixa.

    em seguida, selecione OK para sair da caixa Preencher.

  6. No menu superior, selecione Camada > Novo > Camada.

    No menu superior, selecione Camada> Novo> Camada.” class=”lazyload”      id=”mntl-sc-block-image_1-0-36″ ></p>
</li>
<li>
<p>No <strong>Nova camada</strong> caixa pop-up, selecione <strong>OK</strong>.  Agora você tem uma camada invisível no topo do plano de fundo, permitindo que você desenhe e edite seu design sem afetar a cor do plano de fundo.</p>
<p><img decoding=

    Tanto a nova camada quanto a camada de fundo original devem ser visíveis no Camadas caixa no canto inferior direito da tela.

  7. No Camadas caixa, selecione a nova camada. Se a janela Camadas não estiver aberta, selecione Camadas debaixo de Janela cardápio.

    Uma nova camada no Photoshop

  8. Na caixa de ferramentas à esquerda, selecione o Ferramenta Rectangular Marquee. É um ícone quadrado de linha pontilhada no canto superior esquerdo da caixa de ferramentas.

    A ferramenta Rectangular Marquee

  9. Mova o mouse para a área de trabalho e clique e arraste a ferramenta para criar um quadrado ou retângulo onde você deseja que sua webcam fique durante a transmissão.

    crie um quadrado ou retângulo onde deseja que sua webcam esteja durante a transmissão.

  10. Quando tiver a forma desejada, vá para o menu superior e selecione Editar > Preencher.

    selecione Editar> Preencher.” class=”lazyload”      id=”mntl-sc-block-image_1-0-58″ ></p>
</li>
<li>
<p>Escolha a cor que deseja que a caixa tenha e selecione <strong>OK</strong>.  Selecione <strong>OK</strong> novamente para sair do <strong>Preencher</strong> caixa.</p>
<p><img decoding=

  11. Repetindo as etapas anteriores, crie uma nova camada, faça uma caixa para a filmagem do seu videogame e adicione uma cor de preenchimento.

    Crie uma nova camada e adicione uma nova cor de preenchimento

    Faça o mesmo para o outro conteúdo que deseja enquadrar, como uma caixa de bate-papo ou uma nova lista de assinantes.

  12. Com cada caixa em sua própria camada, mova as caixas e edite as caixas individualmente selecionando sua camada no Camadas caixa e escolher o Ferramenta Mover ícone de seta na caixa de ferramentas.

    A ferramenta Mover

  13. Depois de ter tudo da maneira que deseja, vá para Arquivo > Salve  para salvar seu projeto como um arquivo do Photoshop (.psd). Você usará este arquivo para editar o projeto no futuro.

    Salvar como um arquivo do Photoshop

  14. Vamos para Arquivo novamente e selecione Salvar como. De Formato menu suspenso, escolha JPEG, dê um nome ao arquivo e selecione Salve . Você Terminou!

    Salvar como JPEG

Como adicionar sua imagem de fundo ao OBS Studio

Adicione sua imagem personalizada ao OBS Studio da mesma forma que qualquer outra fonte de mídia.

  1. Clique no Mais Cadastre-se no Origens janela do OBS.

    O botão Adicionar fonte no OBS

  2. Selecione Imagem.

    A opção de imagem

  3. Garantir a Criar Camada opção está ativa e nomeie a nova camada. “Plano de fundo” é uma boa ideia para o nome da camada, pois é facilmente identificável. Clique OK para salvar o nome.

    A opção Criar Novo e o botão OK

  4. Selecione Navegar, encontre sua imagem JPEG salva no computador e selecione OK.

    O botão Navegar

  5. Sua imagem de plano de fundo agora deve aparecer no OBS Studio. Devido ao seu tamanho, pode abranger outro conteúdo, portanto, certifique-se de localizá-lo no Origens na parte inferior da tela e arraste-a para o final da lista.

  6. Adicione outras fontes de mídia, como sua webcam, imagens de videogame e alertas. Certifique-se de que essas novas adições estejam acima do plano de fundo no Origens lista para que eles sejam visíveis.

  7. Agora você tem um layout básico personalizado do Twitch! Você pode alterar a imagem de fundo a qualquer momento abrindo e editando o arquivo .psd salvo no Photoshop.

Layout de amostra do Twitch criado no Photoshop com streamer do Twitch, Naysy_



Dicas para criar sua sobreposição do Twitch

Quando você começar a criar uma sobreposição do Twitch, mantenha estas dicas em mente:

  • Se você deseja desenhar diretamente ou editar a camada de fundo (para alterar sua cor, por exemplo), selecione-a no Camadas caixa.
  • Alterne entre todas as camadas a qualquer momento por meio do Camadas caixa.
  • Você também pode usar uma imagem grande para o fundo ou usar o Ferramenta Gradiente para uma opção mais criativa.