Comment créer une superposition Twitch avec Photoshop
Twitch a changé le visage du jeu ces dernières années, les meilleurs streamers Twitch gagnant beaucoup d’argent en jouant à leurs jeux préférés. Pour de nombreux téléspectateurs, Twitch est comme une nouvelle forme de médias sociaux, et malgré les récents changements apportés aux règles de Twitch, il est plus populaire que jamais.
Si vous voulez gagner de l’argent grâce au streaming, vous devez générer beaucoup de visionnage sur Twitch, et une grande partie de cela donne à votre streamer un aspect professionnel.
Dans cet article, nous allons vous montrer comment créer un simple superposition de secousses Utilisez Photoshop. Bien que cette superposition soit pour Minecraft, elle peut être modifiée pour fonctionner avec n’importe quel autre jeu. Il fonctionne également parfaitement pour le streaming sur YouTube Gaming et même l’alternative Twitch de Microsoft, Mixer.
commencer
Avant de commencer, voyons ce que nous allons accomplir aujourd’hui :
Tout dans ce didacticiel est relativement simple, mais si vous débutez avec Photoshop, il peut être utile de lire d’abord notre didacticiel sur les calques Photoshop. Si vous cherchez une alternative gratuite à Photoshop, GIMP est très puissant.
Si vous souhaitez créer une superposition Twitch sans utiliser Photoshop, ce projet est entièrement réalisable dans GIMP. Étant donné que les outils que vous utiliserez varieront, je vous recommande de lire d’abord notre guide GIMP.
Cela dit, voyons comment créer une superposition Twitch à l’aide de Photoshop.
Créer une toile
Pour commencer à créer la superposition, ouvrez Photoshop et créez une nouvelle image de la même taille que la résolution de votre écran.
Faire une vidéo du jour
Maintenant que nous avons un document vierge, nous avons besoin d’un guide pour construire notre superposition.Je vous suggère de prendre une capture d’écran du jeu de votre choix et de la charger dans Photoshop en un seul clic fichier et emplacement et choisissez votre image. Étirez l’image à la taille complète de la toile. Nous pouvons maintenant commencer à créer notre élément de superposition.
Ajouter une barre supérieure
Créez un nouveau calque et nommez-le bannière supérieure. choisir Outil Rectangle dans le menu de gauche. Dans le même menu, ouvrez le sélecteur de couleurs et choisissez votre couleur d’arrière-plan.
Maintenant, cliquez et faites glisser le haut du nouveau calque pour créer la bannière supérieure. Ne vous inquiétez pas si vous chevauchez le bord de la toile, le rectangle doit s’aligner avec les côtés.
Maintenant, pour donner une bordure à ce rectangle, faites un clic droit sur le calque et sélectionnez Options hybrides. choisir caresser Dans le menu qui apparaît, définissez la largeur et la couleur du trait à votre convenance. Dans ce cas, un rouge foncé de 10 pixels de large semble bon. Cliquez sur OK et choisissez votre calque.Ouvrir l’outil de déplacement par lettre cinq Et déplacez la bannière supérieure vers le haut afin qu’elle ait suffisamment d’espace pour ajouter du texte plus tard, mais qu’elle n’obscurcisse pas trop l’écran de jeu.
Enfin, sélectionnez le calque supérieur de la bannière et réduisez son opacité à environ 75 %. Cela permettra au jeu d’apparaître légèrement et donnera à la superposition un effet plus dynamique.
Vous avez un bon départ, vous pouvez utiliser ce que vous avez fait jusqu’à présent pour créer deux bannières inférieures.
bannière du bas
Inutile de refaire le même travail pour ces bannières du bas, il suffit de faire un clic droit bannière supérieure et sélectionnez Couche dupliquéeNommez ce nouveau calque en bas à droite et utilise outil mobile (cinq clavier), déplacez-le dans le coin inférieur droit de l’écran.Assurez-vous qu’il ne chevauche pas la barre d’outils du jeu et utilisez Ctrl touche tout en la faisant glisser pour la placer plus précisément.
Pour créer la colonne en bas à gauche, suivez simplement la même méthode que ci-dessus et déplacez-la vers le coin inférieur gauche de l’écran. Notre superposition de base est maintenant terminée, nous pouvons donc ajouter un cadre à notre caméra.
cadre de la caméra
Créez un nouveau calque et appelez-le Cadre. choisir Outil Rectangle à nouveau, et en maintenant enfoncé transférer touche tout en faisant glisser le curseur de la souris. Ne vous souciez pas de la couleur du carré, nous supprimerons le remplissage plus tard.
Pour créer un cadre, cliquez avec le bouton droit sur le calque et sélectionnez Options hybrides. choisir caresser Mais cette fois le choix À l’intérieur depuis Emplacement Déroulez le menu pour faire entrer le cadre dans le carré plutôt qu’à l’extérieur.
Encore une fois, choisissez une couleur et une largeur qui correspondent à votre palette de couleurs actuelle.Maintenant, sélectionnez le calque et changez-le en remplir à 0%, ne laissant que le cadre.
utiliser outil mobile Placez-le au-dessus de la bannière en bas à gauche et maintenez enfoncé si nécessaire transférer La clé pour maintenir son rapport d’aspect.
Les superpositions commencent à s’assembler, mais il est maintenant temps d’ajouter du texte.
ajouter du texte
Pour commencer à ajouter du texte, créez un nouveau calque.utiliser outil texte (ou appuyez sur Tonne sur votre clavier) et faites glisser une nouvelle zone de texte.choisir Caractéristiques Le menu de droite est illustré ci-dessous :
Si vous ne voyez pas ce bouton sur la mise en page Photoshop, vous pouvez ouvrir le menu en cliquant sur Fenêtre > CaractèreSélectionnez ici la police et la couleur de votre choix et ajoutez votre texte.utiliser outil mobile Placez votre texte sur l’une de vos bannières inférieures.Il devrait s’enclencher, mais Ctrl clé peut vous aider à le faire exactement où vous le souhaitez.
Nous avons maintenant le texte, mais il semble un peu fastidieux.Donc, pour le faire ressortir, faites un clic droit sur le calque de texte et sélectionnez à nouveau Options hybridesdonner au texte un caresser il y en a encore un projection Faites-le ressortir un peu. Les valeurs par défaut sont utilisées ici, mais vous pouvez également utiliser ces paramètres pour créer un effet « texte flottant » plus prononcé.
Créez des éléments de texte pour les trois autres coins en cliquant avec le bouton droit sur le calque et en sélectionnant Couche dupliquéeet utilise outil mobile Déplacez chaque nouveau calque vers son coin respectif.
Maintenant que notre texte est en place, nous avons presque terminé. Ajoutons un logo et le logo du titre d’une chaîne pour les médias sociaux.
Il est plus facile d’utiliser des icônes prédéfinies qui sont commercialement libres d’utilisation. Des sites comme Icon Finder peuvent vous aider, mais assurez-vous que toutes les icônes que vous utilisez sont signalées Gratuit pour un usage commercial Pour éviter de futurs litiges juridiques.utiliser Fichier > Placer menu. Si vous ne voyez pas votre logo, faites glisser son calque en haut du menu des calques pour vous assurer qu’il est au premier plan.
Maintenant, nous avons un logo Facebook, mais c’est un peu ennuyeux.Faisons-le tenir en cliquant avec le bouton droit sur son calque et en sélectionnant Options hybridesSuivi par caresserDonnez-lui un trait extérieur de la même largeur que le trait supérieur de la bannière. Lorsque vous choisissez une couleur, vous pouvez utiliser la pipette pour faire correspondre la couleur à la bannière supérieure.
Déplacez le logo vers le haut dans le coin supérieur gauche de l’écran et utilisez Ctrl Placez soigneusement la clé de sorte qu’elle rentre dans le coin.
Pour le logo Twitter, suivez le même usage lieu Ajoutez-le au projet.Vous pouvez gagner un peu de temps en sélectionnant le calque du logo Facebook, en cliquant avec le bouton droit de la souris et en sélectionnant Style de calque dupliquéAvant de revenir à la nouvelle couche de logo Twitter et de l’utiliser Coller les styles de calque Donnez-lui la même largeur de trait et la même couleur. Déplacez ce logo vers le coin supérieur opposé et, si nécessaire, déplacez votre texte pour l’adapter.
Ajoutons maintenant le logo central.
logo de la chaîne
Si vous avez un logo de chaîne, c’est une bonne idée de le mettre au premier plan afin que tout le monde puisse le voir immédiatement lorsqu’ils commencent à regarder. Si vous n’avez pas encore de logo, vous pouvez le remplacer par un texte personnalisé avec le nom de votre chaîne ou votre site Web.
Tout d’abord, faites glisser la règle hors de la barre d’outils de gauche, elle devrait s’aligner au centre de l’écran.
Si vous ne voyez pas la règle ou si elle n’est pas cassée, regardez sous la règle voir menu et cochez les deux règle et rompre Choisi.
lieu Votre logo entre dans le projet. Il devrait automatiquement se centrer sur la règle. Créez un nouveau calque et faites-le glisser vers le calque sous le logo.utiliser Outil Rectangle Créez un rectangle légèrement plus grand que le logo pour lui donner un effet encadré.
Pour le faire ressortir, donnez à votre carré nouvellement créé un Sortant Même couleur que le reste des bordures.Pour faciliter le déplacement du logo et de la bordure en tant qu’unité, maintenez la touche enfoncée Ctrl Sélectionnez les deux calques.Faites un clic droit et sélectionnez Convertir en objet intelligentCela stockera notre logo et notre bordure sur le même calque, qui pourra toujours être modifié ultérieurement si nécessaire.
Déplacez votre logo vers le haut de la superposition et redimensionnez-le pour l’adapter. Ça y est, nous avons tous terminé.
enregistrer écraser
Avant d’enregistrer la superposition en tant qu’image, enregistrez-la en tant que document Photoshop avec un nom de fichier tel que « Modèle Minecraft Twitch » afin de pouvoir le modifier ultérieurement pour différents jeux.
Pour rendre l’arrière-plan transparent, sélectionnez Œil Captures d’écran et icônes du jeu sur le calque d’arrière-plan, montrant uniquement les éléments de superposition.
Enregistrez ce fichier avec une extension .PNG et chargez-le dans le logiciel de streaming de votre choix pour l’utiliser. Il s’agit de la superposition effectuée dans mon logiciel de streaming, avec la superposition comme couche supérieure, la caméra comme couche intermédiaire et Minecraft comme couche inférieure.
Superposition Twitch terminée : commencez à diffuser maintenant !
Maintenant que vous savez comment créer une superposition Twitch, il est temps de commencer à diffuser ! Démarrez votre chaîne en configurant votre logiciel de streaming et en choisissant les jeux auxquels vous voulez jouer sur Twitch. Si vous recherchez vraiment la valeur de la production, essayez de diffuser avec un écran vert. Surtout, amusez-vous !
A propos de l’auteur