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, sa popularité est plus grande que jamais.
Si vous voulez gagner de l'argent en streaming, vous devrez créer une large audience sur Twitch, et une partie importante de cela consiste à donner à votre flux un aspect professionnel.
Dans cet article, nous allons vous montrer comment créer une simple superposition Twitch à l'aide de Photoshop. Et bien que cette superposition soit pour Minecraft, elle peut être modifiée pour fonctionner avec n'importe quel autre jeu. Et cela fonctionnera aussi parfaitement pour le streaming sur YouTube Gaming ou même Mixer, l'alternative de Microsoft à Twitch.
Avant de commencer, regardons ce que nous allons terminer 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 recherchez une alternative gratuite à Photoshop, GIMP est incroyablement puissant.
Si vous souhaitez créer une superposition Twitch sans utiliser Photoshop, ce projet est tout à fait possible dans GIMP. Étant donné que les outils que vous utiliserez seront un peu différents, je vous suggère de lire d'abord notre guide sur GIMP.
Cela dit, voyons comment créer une superposition Twitch avec Photoshop.
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.
Maintenant que nous avons un document vierge, nous avons besoin d'un guide pour construire notre superposition. Je suggérerais de prendre une capture d'écran du jeu que vous avez choisi et de la charger dans Photoshop en cliquant sur Fichier et placer et en sélectionnant votre image. Étirez l'image sur toute la taille de la toile. Nous pouvons maintenant commencer à créer nos éléments de superposition.
Créez un nouveau calque et nommez-le Top Banner . Sélectionnez l'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 de votre nouveau calque pour créer une bannière supérieure. Ne vous inquiétez pas si vous chevauchez les bords de la toile, le rectangle devrait s'enclencher avec le côté.
Maintenant, pour donner une bordure à ce rectangle, faites un clic droit sur le calque et sélectionnez Options de fusion . Sélectionnez Tracé dans le menu qui apparaît et définissez la largeur et la couleur du trait en fonction de ce qui vous convient. Dans ce cas, 10px de large avec une couleur rouge foncé semble bon. Cliquez sur OK et sélectionnez votre calque. Activez l'outil de déplacement en appuyant sur la lettre V et déplacez la bannière supérieure vers le haut afin qu'elle dispose de suffisamment d'espace pour ajouter du texte ultérieurement, sans trop masquer 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 de se montrer légèrement et donnera à la superposition un effet plus dynamique.
Vous avez pris un bon départ et vous pouvez utiliser ce que vous avez fait jusqu'à présent pour créer les deux bannières du bas.
Plutôt que de refaire le même travail pour ces bannières inférieures, faites simplement un clic droit sur la bannière supérieure et sélectionnez Dupliquer le calque . Nommez ce nouveau calque En bas à droite et en utilisant l'outil de déplacement (V sur le clavier), déplacez-le en bas à droite de votre écran. Assurez-vous qu'il ne chevauche pas la barre d'outils du jeu et utilisez la touche Ctrl touche tout en la faisant glisser pour la placer avec plus de précision.
Pour créer la barre en bas à gauche, suivez simplement la même méthode que ci-dessus et déplacez-la vers le bas à gauche de l'écran. Notre superposition de base est maintenant terminée, nous pouvons donc ajouter un cadre pour notre caméra.
Créez un nouveau calque et appelez-le Frame . Sélectionnez l'outil Rectangle à nouveau et créez un carré parfait en maintenant la touche Maj enfoncée touche tout en faisant glisser le curseur de la souris. Ne vous inquiétez pas de la couleur du carré, nous nous débarrasserons du remplissage plus tard.
Pour créer le cadre, faites un clic droit sur le calque et sélectionnez Options de fusion . Sélectionnez Tracé mais cette fois, sélectionnez Inner du poste menu déroulant, pour faire venir le cadre dans le carré plutôt que d'être mis à l'extérieur.
Sélectionnez à nouveau une couleur et une largeur qui correspondent à la palette de couleurs que vous avez jusqu'à présent. Sélectionnez maintenant le calque et modifiez son remplissage à 0 %, en ne laissant que le cadre.
Utilisez l'outil de déplacement pour le placer au-dessus de la bannière en bas à gauche, et redimensionnez-le si nécessaire en maintenant la touche Shift clé pour préserver son rapport hauteur/largeur.
La superposition commence à se mettre en place, mais il est maintenant temps d'ajouter du texte.
Pour commencer à ajouter du texte, créez un nouveau calque. Utilisez l'Outil Texte (ou appuyez sur T sur votre clavier) et faites glisser une nouvelle zone de texte. Sélectionnez le menu Personnage sur le côté droit comme indiqué ci-dessous :
Si vous ne voyez pas ce bouton sur votre mise en page Photoshop, vous pouvez ouvrir le menu en cliquant sur Fenêtre> Caractère . Sélectionnez ici la police et la couleur que vous avez choisies et ajoutez votre texte. Utilisez l'outil de déplacement pour placer votre texte sur l'une de vos bannières inférieures. Il devrait s'enclencher, mais la touche Ctrl clé peut vous aider à l'ajuster exactement là où vous le souhaitez.
Nous avons maintenant du texte, mais il a l'air un peu fade. Donc, pour le faire ressortir, faites un clic droit sur le calque de texte, puis sélectionnez à nouveau Options de fusion . Donnez au texte un trait et aussi une Ombre portée pour le faire ressortir un peu. Les valeurs par défaut sont utilisées ici, mais vous pouvez jouer avec les paramètres pour créer également un effet de "texte flottant" beaucoup plus prononcé.
Créez des éléments de texte pour les trois autres coins en cliquant avec le bouton droit sur ce calque et en sélectionnant Dupliquer le calque , et à l'aide de l'outil de déplacement pour déplacer chaque nouveau calque vers leurs coins respectifs.
Maintenant que notre texte est en place, nous sommes sur le point d'avoir terminé. Ajoutons simplement des logos pour les médias sociaux et un logo d'en-tête pour la chaîne.
Il est plus facile d'utiliser des icônes prédéfinies qui sont commercialement libres d'utilisation. Un site Web comme Icon Finder peut vous aider, mais assurez-vous que toutes les icônes que vous utilisez portent la mention Gratuit pour un usage commercial pour éviter d'avoir des ennuis judiciaires plus tard. Importez votre logo dans Photoshop à l'aide de Fichier > Emplacement menu. Si vous ne voyez pas votre logo, assurez-vous qu'il est en haut en faisant glisser son calque vers le haut du menu des calques.
Maintenant, nous avons un logo Facebook, mais il est un peu fade. Faisons-le s'intégrer en cliquant avec le bouton droit sur son calque et en sélectionnant Options de fusion , suivi de AVC . Donnez-lui un trait extérieur de la même largeur que le trait de votre bannière supérieure. Lors de la sélection de la couleur, vous pouvez utiliser le compte-gouttes pour faire correspondre la couleur à votre bannière supérieure.
Déplacez le logo vers le haut dans la partie supérieure gauche de l'écran et utilisez la touche Ctrl placez-le soigneusement afin qu'il s'insère dans le coin.
Pour le logo Twitter, suivez la même méthode d'utilisation de Place pour l'ajouter au projet. Vous pouvez gagner un peu de temps ici en sélectionnant le calque du logo Facebook, en cliquant avec le bouton droit de la souris et en choisissant Copier le style du calque , avant de revenir au nouveau calque du logo Twitter et d'utiliser Coller le style de calque pour lui donner 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 qu'il tienne.
Ajoutons maintenant le logo central.
Si vous avez un logo de chaîne, il est bon de l'avoir devant et au centre 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é contenant le nom de votre chaîne ou votre site Web.
Pour commencer, faites glisser une règle depuis la barre d'outils de gauche, elle devrait s'aligner au centre de l'écran.
Si vous ne voyez pas votre règle ou qu'elle ne s'accroche pas, regardez sous Affichage menu et vérifiez que Règle et Snap sont sélectionnés.
Lieu votre logo dans le projet. Il devrait être automatiquement centré sur la règle. Créez un nouveau calque et faites-le glisser vers le calque sous le logo. Utilisez l'outil Rectangle pour créer un rectangle légèrement plus grand que le logo, lui donnant un effet encadré.
Pour le faire ressortir, donnez à votre carré nouvellement créé un trait extérieur de la même couleur que le reste de vos bordures. Pour faciliter le déplacement du logo et de la bordure ensemble, maintenez la touche Ctrl enfoncée pour sélectionner les deux calques. Faites un clic droit et sélectionnez Convertir en objet intelligent . Cela stocke à la fois notre logo et notre bordure sur le même calque, qui peuvent toujours être modifiés ultérieurement si nécessaire.
Déplacez votre logo vers le haut de la superposition et redimensionnez-le pour l'adapter. Et voilà, nous avons terminé.
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 l'utiliser avec différents jeux.
Pour rendre l'arrière-plan transparent, sélectionnez Œil icône sur la capture d'écran de votre jeu et les calques d'arrière-plan, ne laissant apparaître que les éléments de superposition.
Enregistrez ce fichier avec l'extension .PNG et chargez-le dans le logiciel de streaming de votre choix pour l'utiliser. Voici la superposition finie 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.
Maintenant que vous savez comment créer une superposition Twitch, il est temps de passer au streaming ! Lancez votre chaîne en configurant votre logiciel de streaming et en choisissant les jeux auxquels jouer sur Twitch. Et si vous recherchez vraiment une valeur de production, essayez de diffuser avec un écran vert. Avant tout, amusez-vous !
