Como criar um layout legal do Twitch no Photoshop

Índice:

Como criar um layout legal do Twitch no Photoshop
Como criar um layout legal do Twitch no Photoshop
Anonim

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 criar um layout básico do Twitch e 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 tiver o Photoshop, experimente uma alternativa gratuita, como o Paint 3D no Windows 10 ou o editor gráfico on-line Canva para criar uma sobreposição do Twitch.

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

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

    Image
    Image

    Estas medidas correspondem ao tamanho total do seu layout de transmissão, que preenche um monitor de TV quando visualizado. Usar esse tamanho ajuda você a visualizar melhor o resultado e planejar adequadamente.

  3. No menu superior, selecione Edit > Fill.

    Image
    Image
  4. Ao lado de Conteúdo, selecione Cor no menu suspenso.

    Image
    Image
  5. Escolha uma cor para o fundo e selecione OK.

    Image
    Image

    Você pode repetir este passo até encontrar uma cor que goste.

  6. Selecione OK para sair da caixa Preencher.

    Image
    Image
  7. No menu superior, selecione Camada > Novo > Camada.

    Image
    Image
  8. Na caixa pop-up Nova camada, selecione OK. Agora você tem uma camada invisível na parte superior do plano de fundo, permitindo que você desenhe e edite seu design sem afetar a cor do plano de fundo.

    Image
    Image

    A nova camada e a camada de fundo original devem estar visíveis na caixa Camadas no canto inferior direito da tela.

  9. Na caixa Camadas, selecione a nova camada.

    Se a janela Layers não estiver aberta, selecione Layers no menu Window.

    Image
    Image
  10. Na caixa de ferramentas à esquerda, selecione a Ferramenta Letreiro Retangular. É um ícone quadrado de linha pontilhada no canto superior esquerdo da caixa de ferramentas.

    Image
    Image
  11. Mova o mouse para a área de trabalho e clique e arraste a ferramenta para criar uma forma quadrada ou retangular onde você deseja que sua webcam fique durante a transmissão.

    Image
    Image
  12. Quando você tiver a forma desejada, vá ao menu superior e selecione Edit > Fill.

    Image
    Image
  13. Escolha a cor desejada para a caixa e selecione OK. Selecione OK novamente para sair da caixa Fill.

    Image
    Image
  14. Repetindo as etapas anteriores, crie uma nova camada, faça uma caixa para suas filmagens de videogame e adicione uma cor de preenchimento.

    Image
    Image

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

  15. Com cada caixa em sua própria camada, mova as caixas e edite as caixas individualmente selecionando sua camada na caixa Layers e escolhendo a Move Toolícone de seta da caixa de ferramentas.

    Image
    Image
  16. Depois de ter tudo do jeito que você quer, vá para File > Save para salvar seu projeto como Photoshop (.psd) Arquivo. Você usará este arquivo para editar o projeto no futuro.

    Image
    Image
  17. Vá para Arquivo novamente e selecione Salvar como. No menu suspenso Format, escolha JPEG, dê um nome ao arquivo e selecione Save. Pronto!

    Image
    Image

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 sinal Plus na janela Fontes do OBS.

    Image
    Image
  2. Selecione Imagem.

    Image
    Image
  3. Certifique-se de que a opção Criar Camada esteja ativa e nomeie a nova camada. "Plano de fundo" é uma boa ideia para o nome da camada, pois é facilmente identificável. Clique em OK para salvar o nome.

    Image
    Image
  4. Selecione Browse, encontre sua imagem JPEG salva em seu computador e selecione OK.

    Image
    Image
  5. Sua imagem de fundo deve aparecer agora no OBS Studio. Devido ao seu tamanho, ele pode abranger outros conteúdos, portanto, certifique-se de localizá-lo na caixa Fontes na parte inferior da tela e arraste-o para o final da lista.
  6. Adicione outras fontes de mídia, como sua webcam, vídeos de videogame e alertas.

    Certifique-se de que essas novas adições estejam acima do plano de fundo na lista Fontes para que fiquem 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 seu arquivo.psd salvo no Photoshop.
Image
Image

Dicas para criar seu Twitch Overlay

Quando você tiver mais experiência para criar uma sobreposição do Twitch, lembre-se destas dicas:

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

Recomendado: