Ce qu'il faut savoir
- Dans Photoshop, créez un canevas de 1920 x 1080 et remplissez l'arrière-plan. Ajoutez des calques et utilisez l'outil Marquee pour créer de l'espace pour un flux de webcam.
- Remplissez le chapiteau, créez un nouveau calque et utilisez à nouveau l'outil de chapiteau pour créer une nouvelle boîte pour les séquences de jeu. Enregistrez en tant que fichier Photoshop (.psd).
- Également nécessaires: un ordinateur, une carte de capture, une webcam et un logiciel de diffusion comme OBS Studio ou Streamlabs OBS pour personnaliser la mise en page.
Une mise en page Twitch, également appelée superposition de flux Twitch, est une conception graphique qui apparaît lors de votre diffusion Twitch. Voici comment créer une superposition Twitch avec Photoshop et comment ajouter votre image d'arrière-plan à OBS Studio.
Comment créer une superposition Twitch avec Photoshop
Photoshop est l'un des meilleurs outils pour créer une superposition Twitch. Suivez ces étapes pour créer une mise en page Twitch de base, puis essayez d'ajouter plus de fonctionnalités et de personnalité à votre diffusion. Ce didacticiel utilise Photoshop 2020, mais les instructions devraient être similaires dans les autres versions.
Si vous n'avez pas Photoshop, essayez une alternative gratuite, telle que Paint 3D dans Windows 10 ou l'éditeur graphique en ligne Canva pour créer une superposition Twitch.
-
Ouvrez Photoshop et sélectionnez Fichier > Nouveau dans le menu du haut.
Image -
Dans la zone Commençons quelque chose de nouveau, réglez la largeur sur 1920 pixels et la hauteur sur 1080 pixels, puis sélectionnez Create.
Image Ces mesures correspondent à la taille réelle de la mise en page de votre flux, qui remplit un écran de télévision lorsqu'elle est visionnée. L'utilisation de cette taille vous aide à mieux visualiser le résultat et à planifier en conséquence.
-
Dans le menu du haut, sélectionnez Edit > Fill.
Image -
À côté de Contents, sélectionnez Color dans le menu déroulant.
Image -
Choisissez une couleur pour l'arrière-plan, puis sélectionnez OK.
Image Vous pouvez répéter cette étape jusqu'à ce que vous trouviez une couleur que vous aimez.
-
Sélectionnez OK pour quitter la case Fill.
Image -
Dans le menu du haut, sélectionnez Calque > Nouveau > Calque.
Image -
Dans la boîte de dialogue New Layer, sélectionnez OK. Vous avez maintenant un calque invisible au-dessus de l'arrière-plan, vous permettant de dessiner et de modifier votre conception sans affecter la couleur d'arrière-plan.
Image Le nouveau calque et le calque d'arrière-plan d'origine doivent être visibles dans la case Layers dans le coin inférieur droit de l'écran.
-
Dans la case Layers, sélectionnez le nouveau calque.
Si la fenêtre Calques n'est pas ouverte, sélectionnez Layers sous le menu Window.
Image -
Dans la boîte à outils sur la gauche, sélectionnez Outil de chapiteau rectangulaire. Il s'agit d'une icône carrée en pointillé dans le coin supérieur gauche de la boîte à outils.
Image -
Déplacez la souris vers l'espace de travail et cliquez et faites glisser l'outil pour créer une forme carrée ou rectangulaire à l'endroit où vous voulez que votre webcam soit pendant votre diffusion.
Image -
Lorsque vous avez la forme souhaitée, allez dans le menu du haut et sélectionnez Edit > Fill.
Image -
Choisissez la couleur que vous voulez que la boîte soit et sélectionnez OK. Sélectionnez à nouveau OK pour quitter la case Fill.
Image -
Répétez les étapes précédentes, créez un nouveau calque, créez une boîte pour votre séquence de jeu vidéo et ajoutez une couleur de remplissage.
Image Faites de même pour les autres contenus que vous souhaitez encadrer, comme une boîte de discussion ou une nouvelle liste d'abonnés.
-
Avec chaque boîte sur son propre calque, déplacez les boîtes et modifiez les boîtes individuellement en sélectionnant leur calque dans la boîte Layers et en choisissant Move Toolicône de flèche de la boîte à outils.
Image -
Une fois que vous avez tout comme vous le souhaitez, allez dans File > Save pour enregistrer votre projet au format Photoshop (.psd) dossier. Vous utiliserez ce fichier pour modifier le projet à l'avenir.
Image -
Allez à Fichier et sélectionnez Enregistrer sous. Dans le menu déroulant Format, choisissez JPEG, donnez un nom au fichier et sélectionnez Save. Vous avez terminé !
Image
Comment ajouter votre image d'arrière-plan à OBS Studio
Ajoutez votre image personnalisée à OBS Studio de la même manière que n'importe quelle autre source multimédia.
-
Cliquez sur le signe Plus dans la fenêtre Sources d'OBS.
Image -
Sélectionner Image.
Image -
Assurez-vous que l'option Créer un calque est active et nommez le nouveau calque. "Arrière-plan" est une bonne idée pour le nom du calque, car il est facilement identifiable. Cliquez sur OK pour enregistrer le nom.
Image -
Sélectionnez Browse, recherchez votre image JPEG enregistrée sur votre ordinateur, puis sélectionnez OK.
Image - Votre image d'arrière-plan devrait maintenant apparaître dans OBS Studio. En raison de sa taille, il peut couvrir d'autres contenus, alors assurez-vous de le localiser dans la case Sources en bas de l'écran et faites-le glisser vers le bas de la liste.
-
Ajoutez d'autres sources multimédias, telles que votre webcam, des séquences de jeux vidéo et des alertes.
Assurez-vous que ces nouveaux ajouts sont au-dessus de l'arrière-plan dans la liste Sources afin qu'ils soient visibles.
- Vous avez maintenant une mise en page Twitch personnalisée de base ! Vous pouvez modifier l'image d'arrière-plan à tout moment en ouvrant et en modifiant votre fichier.psd enregistré dans Photoshop.
Conseils pour créer votre superposition Twitch
Lorsque vous vous familiarisez avec la création d'une superposition Twitch, gardez ces conseils à l'esprit:
- Si vous souhaitez dessiner directement sur le calque d'arrière-plan ou le modifier (pour changer sa couleur, par exemple), sélectionnez-le dans la case Calques.
- Basculer entre tous les calques à tout moment via la case Layers.
- Vous pouvez également utiliser une grande image pour l'arrière-plan ou utiliser l' outil de dégradé pour une option plus créative.
