Une mise en page Twitch (également appelée superposition Twitch) est essentiellement le nom donné aux graphiques ajoutés à une diffusion Twitch pour la rendre plus attrayante. Utiliser une mise en page ou une superposition peut être un excellent moyen de rendre une diffusion plus professionnelle et peut être beaucoup plus engageant pour le téléspectateur.
Un flux qui ne contient que des séquences de jeu élémentaires et une webcam n'utilise probablement pas de mise en page.
Une émission qui implémente des bordures colorées ou des cadres autour de la webcam et du gameplay en fait.
L'un des meilleurs moyens d'ajouter une mise en page personnalisée à votre flux Twitch consiste à la concevoir vous-même dans un programme tel qu'Adobe Photoshop. Pour ceux qui ne disposent pas de Photoshop, plusieurs alternatives gratuites peuvent être utilisées, telles que Paint 3D dans Windows 10 ou l'éditeur graphique en ligne, Canva.
Voici comment créer rapidement une superposition de base de Twitch dans Photoshop. Les étapes varieront légèrement en fonction du programme graphique utilisé, mais le concept global devrait rester le même.
Comme pour la plupart des fonctions de diffusion en continu Twitch personnalisées, un ordinateur, une carte de capture et un logiciel de diffusion tel que OBS Studio sont nécessaires pour personnaliser votre présentation. Il n'est pas possible de modifier l'apparence de votre flux à l'aide de l'application Twitch par défaut disponible sur les consoles de jeux vidéo telles que Xbox One ou PlayStation 4.
Comment créer une disposition Twitch de base dans Photoshop
- Ouvrez Photoshop et sélectionnez Fichier et alors Nouveau dans le menu du haut.
- Une boîte apparaîtra vous demandant de confirmer les détails de votre nouveau fichier. Assurez-vous que la largeur est définie sur 1920 pixels et la hauteur sur 1080 pixels. Ce sera la taille complète de votre mise en page de flux qui remplira la totalité d'un moniteur de télévision lorsqu'il est visionné. L'utilisation de cette taille vous aidera à mieux visualiser le résultat final et à planifier en conséquence. presse d'accord.
- Dans le menu du haut, sélectionnez modifier et alors Remplir. Dans le nouveau menu déroulant, choisissez Couleur et sélectionnez la couleur que vous voulez que votre arrière-plan soit. presse d'accord. Cette étape peut être répétée jusqu'à ce que vous obteniez la couleur que vous aimez. Conseil: vous pouvez également utiliser une grande image pour votre arrière-plan ou utiliser la Outil gradient pour une option plus créative (voir l'image ci-dessus).
- Vous devriez avoir une boîte de menu pour Couches flottant quelque part sur le côté droit de l'écran. Si vous ne le faites pas, ouvrez le les fenêtres lien dans le menu du haut et assurez-vous que Couches a une coche à côté (cliquez dessus pour cocher ou décocher). Cela fera la Couches boîte apparaît.
- En regardant à nouveau le menu du haut, cliquez sur Couche puisNouveau puis Couche… et appuyez sur d'accord dans la boîte qui apparaît. Vous devriez maintenant avoir un calque invisible au-dessus de votre arrière-plan. Cela vous permettra de dessiner et d’éditer votre dessin sans affecter la couleur de fond. Votre nouveau calque et le calque d'arrière-plan d'origine doivent être visibles dans le Couches case à droite de l'écran. Conseil: si vous souhaitez dessiner directement sur le calque d’arrière-plan ou modifier celui-ci (pour changer sa couleur, par exemple), cliquez dessus dans le menu contextuel. Couches boîte. La commutation entre toutes les couches peut être effectuée à tout moment via cette case.
- Avec votre nouveau calque sélectionné dans le Couches dans la boîte à outils flottante sur le côté gauche de l’écran et sélectionnez le Outil de sélection rectangulaire. Il devrait s'agir de l'icône en forme de carré en pointillé dans le coin supérieur gauche de la boîte à outils.
- Déplacez votre souris sur votre espace de travail et cliquez et faites glisser l'outil pour créer un carré ou un rectangle à l'endroit où vous voulez que votre webcam soit pendant votre flux. Une fois que vous avez la forme souhaitée, dans le menu supérieur, sélectionnez modifier et alors Remplir et choisissez votre couleur que vous voulez que la boîte soit. presse d'accord. Conseil: plus tard dans OBS Studio, nous placerons votre métrage webcam en direct sur cette partie de votre image, mais nous le rendrons légèrement plus petit que votre boîtier, de manière à créer l’illusion d’un cadre coloré autour de votre webcam. Gardez cela à l’esprit lors de la conception de votre mise en page. Voir l'image ci-dessus pour un exemple de projet fini avec les images de la webcam en place. Remarquez le cadre rose.
- En répétant les étapes précédentes, créez un nouveau calque. Sur cette nouvelle couche, créez un cadre pour vos séquences de jeu vidéo. Faites de même pour tout autre contenu que vous souhaitez encadrer, tel qu'une boîte de discussion ou une nouvelle liste d'abonnés.
- Avec chaque case sur son propre calque, vous pouvez maintenant les déplacer et les éditer individuellement les uns des autres en sélectionnant leur calque dans le menu déroulant. Couches boîte et en choisissant le Outil de déplacement (l'icône de flèche) dans la boîte à outils.
- Une fois que vous avez tout comme vous voulez, allez à Fichier et sauvegarder pour enregistrer votre projet en tant que fichier Photoshop (.psd). Ceci est le fichier que vous utiliserez pour éditer votre projet ultérieurement dans Photoshop.
- Maintenant que vous avez enregistré votre projet, allez à Fichier encore une fois et cette fois sélectionnez Enregistrer sous. Du Format menu déroulant, sélectionnez JPEG, donnez un nom à votre fichier et appuyez sur le bouton sauvegarder bouton. Vous avez terminé!
Comment ajouter votre image de fond à OBS Studio
Votre image personnalisée peut être ajoutée à OBS Studio de la même manière que les autres sources multimédia.
- Cliquez avec le bouton droit sur votre espace de travail OBS Studio et choisissez Ajouter et Image. Nommez votre nouveau calque. "Background" est une bonne idée pour le nom de la couche car il sera facilement identifiable.
- appuyez sur la Feuilleter bouton, trouvez votre image JPEG sauvegardée sur votre ordinateur et appuyez sur d'accord.
- Votre image d'arrière-plan devrait maintenant apparaître dans OBS Studio.En raison de sa taille, il est possible que le contenu couvre un autre contenu. Veillez donc à le localiser correctement. Sources dans le bas de l’écran et faites-le glisser vers le bas de la liste.
- Ajoutez vos autres sources multimédia, telles que votre webcam, des séquences de jeux vidéo et des alertes, comme d’habitude. Assurez-vous que ces nouveaux ajouts sont au-dessus de vos antécédents dans le Sources liste afin qu’ils puissent être vus par vous-même et par vos téléspectateurs.
Vous avez maintenant une mise en page Twitch personnalisée de base! N'oubliez pas que votre image d'arrière-plan peut être modifiée à tout moment en ouvrant simplement votre fichier .psd enregistré dans Photoshop et en le modifiant.
