Um layout do Twitch (também chamado de sobreposição do Twitch) é essencialmente o nome dado aos gráficos que são adicionados a uma transmissão do Twitch para torná-lo mais visualmente atraente. Usar um layout ou sobreposição pode ser uma ótima maneira de tornar a transmissão mais profissional e pode ser muito mais interessante para o espectador.
Um fluxo que apresenta apenas cenas de jogo básicas e uma webcam provavelmente não usa um layout.
Uma transmissão que implementa bordas coloridas ou quadros em torno de sua webcam e jogabilidade.
Uma das melhores maneiras de adicionar um layout personalizado ao seu fluxo do Twitch é projetá-lo em um programa como o Adobe Photoshop. Para aqueles sem o Photoshop, existem várias alternativas gratuitas que podem ser usadas, como o Paint 3D no Windows 10 ou o editor de gráficos on-line, o Canva.
Veja como fazer rapidamente uma sobreposição básica do Twitch no Photoshop. As etapas variam um pouco dependendo do programa gráfico sendo usado, mas o conceito geral deve permanecer o mesmo.
Assim como a maioria dos recursos de streaming do Twitch, é necessário um computador, placa de captura e software de transmissão, como o OBS Studio, para personalizar seu layout. Não é possível alterar a aparência do seu stream usando o aplicativo Twitch padrão encontrado nos consoles de videogame, como o Xbox One ou o PlayStation 4.
Como criar um layout de contração básica no Photoshop
- Abra o Photoshop e selecione Arquivo e depois Novo no menu superior.
- Uma caixa aparecerá pedindo para você confirmar os detalhes do seu novo arquivo. Certifique-se de que a largura está definida para 1920 pixels e a altura está definida para 1080 pixels. Este será o tamanho total do seu layout de fluxo que preencherá a totalidade de um monitor de TV quando visualizado. Usar esse tamanho ajudará você a visualizar melhor o resultado final e planejar adequadamente. pressione OK.
- No menu superior, selecione Editar e depois Preencher. No novo menu suspenso, escolha Cor e selecione a cor que você quer que todo o seu fundo seja. pressione OK. Este passo pode ser repetido até obter a cor que você gosta. Dica: você também pode usar uma imagem grande para o plano de fundo ou usar o Ferramenta Gradiente para uma opção mais criativa (veja a imagem acima).
- Você deve ter uma caixa de menu para Camadas flutuando em algum lugar no lado direito da tela. Se você não fizer isso, abra o janelas link do menu superior e certifique-se de que Camadas tem um carrapato ao lado dele (clique nele para marcar ou desmarcar). Isso fará com que o Camadas caixa aparecer.
- Olhando para o menu superior mais uma vez, clique em Camada entãoNovo então Camada… e pressione OK na caixa que aparece. Agora você deve ter uma camada invisível sobre o plano de fundo. Isso permitirá que você desenhe e edite seu design sem afetar a cor do plano de fundo. Tanto a nova camada quanto a camada de fundo original devem estar visíveis no Camadas caixa no lado direito da tela. Dica: Se você quiser desenhar diretamente ou editar a camada de fundo (para alterar sua cor, por exemplo), clique nela no Camadas caixa. Alternar entre todas as camadas pode ser feito a qualquer momento através desta caixa.
- Com sua nova camada selecionada no Camadas caixa, olhe para a caixa de ferramentas flutuante no lado esquerdo da tela e selecione o Ferramenta de letreiro retangular. Deve ser o ícone da linha pontilhada no canto superior esquerdo da caixa de ferramentas.
- Mova o mouse para o seu espaço de trabalho e clique e arraste a ferramenta para criar uma forma quadrada ou retangular onde deseja que sua webcam fique durante o seu fluxo. Depois de ter a forma desejada, no menu superior, selecione Editar e depois Preencher e escolha sua cor que você quer que a caixa seja. pressione OK. Dica: Mais tarde, no OBS Studio, vamos colocar a sua webcam ao vivo sobre esta parte da sua imagem, mas vamos torná-lo um pouco menor do que a sua caixa para criar uma ilusão de um quadro colorido em torno de sua webcam. Tenha isso em mente ao projetar seu layout. Veja a imagem acima para um exemplo de um design acabado com as imagens da webcam no lugar. Observe o quadro rosa.
- Repetindo as etapas anteriores, crie uma nova camada. Nesta nova camada, crie uma caixa para o seu vídeo game. Faça o mesmo com qualquer outro conteúdo que você queira enquadrar, como uma caixa de bate-papo ou uma nova lista de inscritos.
- Com cada caixa em sua própria camada, agora você pode movê-las e editá-las individualmente umas das outras, selecionando a camada delas Camadas caixa e escolhendo o Mover Ferramenta (o ícone de seta) na caixa de ferramentas.
- Depois de ter tudo do jeito que você quer, vá para Arquivo e Salve para salvar seu projeto como um arquivo do Photoshop (.psd). Este é o arquivo que você usará para editar seu projeto no futuro no Photoshop.
- Agora que você salvou seu projeto, vá para Arquivo mais uma vez e desta vez selecione Salvar como. De Formato menu suspenso, selecione JPEG, dê um nome ao seu arquivo e pressione o Salve botão. Você está feito!
Como adicionar sua imagem de fundo ao OBS Studio
Sua imagem personalizada pode ser adicionada ao OBS Studio da mesma forma que outras fontes de mídia.
- Clique com o botão direito do mouse em sua área de trabalho do OBS Studio e escolha Adicionar e Imagem. Nomeie sua nova camada. "Plano de fundo" é uma boa ideia para o nome da camada, pois ela se torna facilmente identificável.
- aperte o Squeaky toy , encontre a imagem JPEG salva no computador e pressione OK.
- Sua imagem de fundo deve agora aparecer no OBS Studio.Devido ao seu tamanho, pode estar cobrindo outros conteúdos, portanto, certifique-se de localizá-lo no Fontes caixa na parte inferior da tela e arraste-o para o final da lista.
- Adicione suas outras fontes de mídia, como sua webcam, filmagens de videogame e alertas, como de costume. Certifique-se de que essas novas adições estejam acima do plano de fundo no Fontes lista para que eles possam ser vistos por você e seus espectadores.
Agora você tem um layout personalizado básico do Twitch! Lembre-se de que sua imagem de fundo pode ser alterada a qualquer momento simplesmente abrindo o arquivo .psd salvo no Photoshop e editando-o.
