FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Twitch a révolutionné le monde du gaming ces dernières années. Les streamers les plus populaires génèrent des revenus substantiels en jouant à leurs jeux favoris. Pour les spectateurs, Twitch représente une nouvelle forme de médias sociaux. Malgré les récentes modifications des règles, sa popularité ne cesse de croître.

Pour monétiser votre streaming, bâtissez une audience fidèle sur Twitch. Un flux professionnel est essentiel pour y parvenir.

Dans ce tutoriel détaillé, découvrez comment concevoir une superposition Twitch simple et efficace avec Photoshop. Bien que conçue pour Minecraft, elle s'adapte facilement à tout jeu. Elle est également compatible avec YouTube Gaming ou Mixer, l'alternative de Microsoft à Twitch.

Premiers pas

Voici un aperçu du résultat final :

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Ce tutoriel est accessible, même pour les débutants en Photoshop. Consultez notre guide sur les calques Photoshop si nécessaire. Pour une alternative gratuite, GIMP offre des fonctionnalités puissantes similaires.

Vous pouvez recréer cette superposition avec GIMP ; reportez-vous à notre tutoriel dédié pour les différences d'outils.

Passons à la création étape par étape avec Photoshop.

Création du canevas

Ouvrez Photoshop et créez un nouveau document aux dimensions de votre résolution d'écran.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Importez une capture d'écran de votre jeu via Fichier > Placer intégré. Étirez-la sur toute la toile pour servir de guide.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Ajouter une barre supérieure

Créez un nouveau calque nommé Barre supérieure. Sélectionnez l'Outil Rectangle et choisissez votre couleur de fond.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Tracez une bannière en haut de l'écran. Pour ajouter une bordure, clic droit sur le calque > Options de fusion > Contour. Définissez une largeur de 10 px et une couleur rouge foncé. Positionnez-la avec l'outil Déplacement (V), laissant de l'espace pour le texte.

Réduisez l'opacité du calque à 75 % pour un effet dynamique, laissant transparaître légèrement le jeu.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Dupliquez ce calque pour les bannières inférieures.

Les bannières inférieures

Clic droit sur Barre supérieure > Dupliquer le calque. Nommez-le Bas droite et positionnez-le en bas à droite avec l'outil Déplacement (V + Ctrl pour précision).

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Dupliquez à nouveau pour Bas gauche. La structure de base est prête ; ajoutons le cadre caméra.

Cadre de la caméra

Nouveau calque Cadre. Outil Rectangle + Maj pour un carré parfait.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Clic droit > Options de fusion > Contour > Intérieur. Choisissez couleur et largeur assorties. Réglez le Remplissage à 0 %.

Tutoriel : Créez une superposition Twitch professionnelle avec PhotoshopTutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Positionnez au-dessus de la bannière bas gauche, redimensionnez avec Maj.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Ajoutons maintenant du texte.

Ajouter du texte

Nouveau calque, Outil Texte (T). Ouvrez le panneau Caractère (Fenêtre > Caractère si absent). Choisissez police et couleur, saisissez le texte et positionnez.

Tutoriel : Créez une superposition Twitch professionnelle avec PhotoshopTutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Améliorez : Clic droit > Options de fusion > Ajoutez Contour et Ombre portée.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Dupliquez pour les autres positions.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Ajoutons logos réseaux sociaux et chaîne.

Logos réseaux sociaux

Utilisez des icônes libres de droits (ex. : Icon Finder, gratuit pour usage commercial). Importez via Fichier > Placer intégré.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Appliquez Contour extérieur assorti. Positionnez avec précision.

Tutoriel : Créez une superposition Twitch professionnelle avec PhotoshopTutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Dupliquez style pour Twitter.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Tirez une règle centrale (Affichage > Règles et Accrocher activés).

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Placez le logo. Créez un rectangle sous-jacent plus grand avec contour.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Sélectionnez les deux calques (Ctrl) > Clic droit > Convertir en objet dynamique.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Positionnez en haut.

Enregistrer la superposition

Sauvegardez d'abord en PSD ("Modèle Minecraft Twitch"). Désactivez les calques fond et capture pour transparence.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Exportez en PNG et importez dans votre logiciel de streaming.

Tutoriel : Créez une superposition Twitch professionnelle avec Photoshop

Superposition Twitch prête : lancez-vous dans le streaming !

Configurez votre chaîne, choisissez vos jeux et streammez. Pour un rendu pro, testez l'écran vert. Amusez-vous !

[]