Sommaire

Comment créer une superposition Twitch (sans Photoshop)

Voici comment créer facilement de superbes superpositions Twitch dans votre navigateur.

Vous cherchez à créer des superpositions incroyables pour votre flux, mais vous n’avez pas les compétences de conception nécessaires pour créer le vôtre à partir de zéro?

Eh bien, nous sommes là pour vous aider.

Dans cet article, nous allons vous montrer comment créer facilement des superpositions Twitch pour votre flux sans aucune expérience des outils de conception, tels que Photoshop, nécessaires.


Aller à une section spécifique:

  1. Aperçu
  2. Créer une superposition Twitch avec Placeit
  3. Créer des superpositions Twitch avec Canva
  4. Outils alternatifs (gratuits et premium)
  5. Autres bonnes ressources
  6. Utilisation de Photoshop

#1. Vue d’ensemble

De nos jours, il existe de nombreux outils de conception en ligne qui vous aident à créer des designs incroyables sans avoir besoin de compétences en conception ou d’arrière-plan.

Deux de ces outils sont Placeit et Canva , et nous allons vous montrer comment créer des superpositions Twitch pour votre flux avec ces deux outils.

Avant de commencer, il existe quelques options alternatives pour les conceptions de superposition Twitch qui pourraient vous convenir davantage si vous ne souhaitez pas créer vous-même des superpositions Twitch à l’aide d’outils de conception en ligne:

  • Vous pouvez engager un designer expérimenté de Fiverr pour en créer pour vous
  • Vous pouvez acheter des modèles et des packs prédéfinis sur un site comme OWN3D

Que sont les superpositions Twitch et pourquoi les utiliser?

Les superpositions Twitch sont des graphiques qui se trouvent sur votre flux en direct. Il s’agit généralement de superpositions de webcam , de boîtes de discussion ou d’informations de flux telles que des sponsors, des identifiants de réseaux sociaux, etc.

Avoir des superpositions de haute qualité crée une expérience plus attrayante pour vos spectateurs de flux et peut vous aider à vous distinguer des autres streamers Twitch.

Cela rend également votre flux plus professionnel et visuellement attrayant (si vous avez un bon design, bien sûr!)

Superposition Twitch de Own3d.tv

Qu’est-ce qui fait une bonne superposition Twitch?

Lorsque vous créez vos propres superpositions, les consignes suivantes constituent généralement un bon point de départ:

  • Restez simple et bien rangé
  • Gardez-le sur la marque (couleurs, polices, images, etc.)
  • Ne pas entasser trop de fonctionnalités et d’éléments
  • Assurez-vous que cela aide (et non entrave) l’expérience de diffusion pour les spectateurs

Taille, dimensions, format de la superposition Twitch:

Assurez-vous lors de la création de vos superpositions de respecter les spécifications idéales:

  • Dimensions: 1920 × 1080 pixels (rapport 16: 9)
  • Taille du fichier: 10 Mo maximum
  • Format: peut être JPG, PNG ou GIF

# 2 Créer une superposition Twitch avec Placeit

Placeit est un outil de conception en ligne basé sur des modèles. Il vous suffit de choisir l’un de leurs modèles prédéfinis et de le personnaliser à votre guise.

Ils offrent de nombreux modèles pour les streamers tels que des logos, des bannières, des écrans de démarrage, des panneaux, des modèles YouTube et bien sûr des superpositions .

Étape 1 – Choisissez un modèle:

Accédez à la section Superpositions Twitch sur Placeit, parcourez-les et sélectionnez un modèle que vous aimez (il y a beaucoup de choix):

Modèles de superposition Twitch sur Placeit

Vous pouvez faire quelques actions ici pour faciliter votre recherche:

  • Triez les modèles par ordre de «Meilleures ventes» pour avoir les modèles les plus populaires en haut. Cette option se trouve dans le menu déroulant de la barre latérale gauche:
Tri des modèles par « Meilleures ventes »
  • Si vous aimez l’un des modèles, vous pouvez les «Favoris». Cela ajoutera le modèle à votre page de favoris. Pour «  ajouter  » un modèle à vos favoris, passez simplement la souris dessus et cliquez sur l’icône en forme de cœur en haut à droite de la vignette (vous devrez être connecté à un compte Placeit pour ce faire):

Ajouter un modèle à vos « Favoris »
  • Pour voir tous les modèles que vous avez «  favoris  », passez la souris sur votre nom d’utilisateur en haut à droite de l’écran et cliquez sur «  Mes favoris  »:

Naviguer vers vos « Favoris »
  • Si vous recherchez des modèles de superposition 100% gratuits , vous pouvez également les obtenir sur Placeit. Encore une fois, allez dans le menu déroulant sur la barre latérale gauche et cliquez sur l’option «  gratuit  » pour mettre tous les modèles gratuits en haut de la liste:
Filtrage vers les modèles de superposition gratuits

Tous les modèles gratuits ont un ruban «GRATUIT» en haut à gauche de leur vignette.

Lorsque vous avez le modèle que vous avez choisi, cliquez dessus pour accéder à l’éditeur.

Étape 2 – Personnalisez votre modèle:

Voici à peu près à quoi ressemblera l’éditeur lors du chargement (il peut y avoir des options légèrement différentes selon le modèle de superposition que vous choisissez):

Éditeur de modèles de superposition

Si vous faites défiler la page vers le bas, vous verrez des modèles prédéfinis (différentes versions du modèle de superposition que vous avez choisi) ainsi que des modèles similaires à celui que vous avez choisi:

Options de modèle et préréglages alternatifs

Sauvegardez dans l’éditeur, sur le côté gauche, vous avez quelques options de personnalisation à parcourir:

  • Vous pouvez modifier les champs de texte – y compris la couleur du texte et le type de police
  • Ajouter des champs de texte supplémentaires
  • Cliquez sur l’icône en forme d’œil pour masquer un champ de texte
  • Téléchargez votre propre image ou logo
Options de personnalisation

Vous pouvez voir immédiatement toutes les modifications que vous apportez.

Si vous souhaitez enregistrer vos modifications et y revenir plus tard, vous pouvez le faire, mais vous devrez créer un compte Placeit (inscription gratuite) pour avoir cette option.

Il vous suffit de cliquer sur «Enregistrer le brouillon» en haut à droite de l’éditeur de modèle et celui-ci sera enregistré sur votre compte pour que vous puissiez y revenir plus tard.

Enregistrer les brouillons de modèles

Sur le côté droit de l’éditeur, il y a d’autres options:

  • Vous pouvez personnaliser:
    • Couleurs des icônes
    • Couleur du cadre
    • Conception du cadre
    • Couleur de l’arrière plan
    • Image d’arrière-plan (recherchez et choisissez une nouvelle image ou téléchargez la vôtre)
Plus d’options de personnalisation des modèles

En ce qui concerne les éléments réels de la conception, les éléments de texte et d’icône peuvent être déplacés et redimensionnés.

Modification des éléments du modèle

Modification des éléments du modèle cont.

Étape 3 – Téléchargez votre modèle:

Lorsque vous avez terminé vos personnalisations et que vous êtes satisfait de votre conception, il est temps de le télécharger.

Il existe plusieurs options, vous pouvez effectuer l’une des opérations suivantes:

Options de tarification du modèle
  • Achetez un modèle individuel – Les superpositions de commutateurs coûtent 2,95 $
  • Obtenez un abonnement illimité pour 14,95 $ (mensuel) ou 89,69 $ (annuel) qui vous permet de télécharger autant de designs que vous le souhaitez.
  • S’il s’agit d’un modèle gratuit, vous pouvez télécharger le modèle entièrement gratuitement, tout ce dont vous aurez besoin est un compte Placeit gratuit

Placeit vous propose deux versions de vos superpositions. Un avec un arrière-plan et un avec un arrière-plan transparent pour faciliter l’ajout à votre logiciel de streaming.

Superpositions que nous avons réalisées avec Placeit:

Cette superbe superposition nous a pris environ 2 minutes pour réaliser:

Superposition que nous avons créée avec Placeit
Deuxième superposition que nous avons faite avec Placeit

Utilisation commerciale des modèles:

Heureusement, Placeit a créé une page qui décrit leur licence dans un format «  lisible par l’homme  » afin que tout soit assez clair.

Tout ce que vous créez sur Placeit est libre de droits d’auteur et peut être utilisé à des fins commerciales. Vous pouvez même vendre et marquer les designs que vous faites sur Placeit!

Évidemment, cela signifie que vous pouvez utiliser n’importe quelle superposition Twitch que vous créez sur votre chaîne sans problème.

Découvrez les détails complets de la licence Placeit ici .

Licence de Placeit

Que pouvez-vous faire d’autre sur Placeit:

Si vous êtes un streamer, Placeit a encore plus à vous offrir. Vous pouvez facilement créer les éléments suivants avec leur outil:

  • Logos et logos animés
  • Bannières hors ligne
  • Écrans bientôt disponibles
  • Bannières Chanel
  • Intros
  • Dessins de merch
  • Et bien plus

Cliquez ici pour voir tous les modèles Twitch sur Placeit .

Conclusion:

Si vous voulez un moyen simple de créer rapidement des superpositions incroyables pour votre flux Twitch, Placeit est une option fantastique.

Nous dirions que le seul inconvénient de l’outil est qu’il est un peu basique en termes d’options de personnalisation et que le redimensionnement de certains éléments de conception est parfois un peu délicat.

Cependant, le grand nombre et la qualité des modèles qu’ils proposent sont excellents, vous trouverez donc forcément de nombreux modèles de conception qui ont l’apparence que vous recherchez avec votre flux!

# 3 Créer des superpositions Twitch avec Canva

Comme Placeit, Canva est un outil de conception en ligne pour les non-concepteurs qui propose une grande variété de modèles et d’outils différents pour vous aider à créer des conceptions.

Avec Canva, vous pouvez également créer vos propres conceptions en modifiant les modèles existants qu’ils ont fournis, mais nous allons vous montrer comment créer des conceptions à partir de zéro, car c’est incroyablement facile à faire dans Canva.

Nous ne vous montrerons pas toutes les différentes façons d’utiliser Canva, donc si vous avez besoin d’une analyse complète, nous vous recommandons de regarder cette vidéo .

Étape 1 – Cliquez sur «Créer un design»:

Accédez à la page d’accueil de Canva et cliquez sur le bouton «Créer un design» en haut à droite. Cliquez ensuite sur l’option « Dimensions personnalisées » et entrez 1920x1080px, puis cliquez sur « Créer un nouveau design ».

Créer un nouveau design dans Canva

Étape 2 – Créez votre cadre de webcam

Sur le côté gauche de l’éditeur, cliquez sur «  Éléments  », allez dans la catégorie «  Formes  » et trouvez un rectangle qui correspond à l’apparence que vous souhaitez pour votre cadre de webcam:

Éléments de forme sur Canva

Il existe de nombreux éléments que vous pouvez utiliser pour créer un superbe cadre de webcam. Tous les éléments de Canva ne sont pas gratuits, certains sont réservés aux utilisateurs de Canva Pro .

Remarque: pour afficher uniquement les éléments gratuits sur Canva, cliquez sur le bouton de filtrage dans la barre de recherche et sélectionnez uniquement les éléments libres:

Options de filtrage dans Canva

Pour vous assurer que le cadre de votre webcam est de la bonne taille, étirez-le sur les bords de la toile (1920 x 1080 px) et cela garantira qu’il a les bonnes dimensions:

Étirez la webcam pour couvrir la toile

Vous pouvez ensuite sélectionner tous les éléments de conception du cadre de la webcam et les redimensionner tous ensemble pour réduire le cadre de la webcam:

Sélection de tous les éléments du cadre de la webcam

Une fois que vous êtes satisfait de la conception de votre webcam, cliquez sur l’icône de page en double pour créer votre prochaine superposition:

Dupliquer une page sur Canva

Étape 3 – Créez votre superposition «  Just Chatting  »:

La raison pour laquelle nous avons dupliqué la page était que nous pouvions facilement utiliser les mêmes éléments et couleurs de notre cadre de webcam sur notre superposition «  juste bavarder  ».

Nous vous recommandons de faire de même pour que les choses restent cohérentes et cohérentes.

Passez un peu de temps à modifier les éléments de conception jusqu’à ce que vous soyez satisfait de votre superposition «  Je viens de discuter  » et cliquez à nouveau sur le bouton «  Dupliquer la page  »:

Conception de superposition de discussion

Étape 4 – Créez votre superposition «  Gameplay  »:

Pour créer une superposition de jeu simple, modifiez la superposition de discussion dupliquée. Nous avons fait quelques modifications simples et copié le cadre de notre webcam et l’avons collé dans la conception de la superposition de jeu:

Conception de superposition de gameplay

Tout dans les conceptions que nous avons réalisées jusqu’à présent était 100% gratuit, sans les icônes Twitter et Discord dans la superposition de jeu qui ne sont disponibles que pour les utilisateurs de Canva Pro .

Cependant, vous pouvez facilement trouver ces icônes ailleurs et les télécharger sur Canva si vous les souhaitez pour votre conception.

Étape 5 – Créez votre troisième superposition inférieure:

Le dernier design que nous allons créer est une superposition de tiers inférieur. Encore une fois, il vous suffit de dupliquer votre dernier dessin, puis de le modifier pour créer facilement une superposition de tiers inférieur:

Conception du tiers inférieur

Si vous voulez avoir un peu de fantaisie, vous pouvez même animer votre tiers inférieur.

Pour ajouter une animation, il suffit de cliquer sur l’arrière-plan de la page que vous souhaitez animer, de cliquer sur ‘Animer’ dans la barre d’outils, et de sélectionner l’une des options d’animation (il existe plusieurs options gratuites):

Ajout d’animations

Modèles de superposition que nous avons créés sur Canva:

Voici les derniers designs que nous avons réalisés sur Canva:

Cadre de webcam final
Superposition finale «  Just Chatting  »
Superposition finale du gameplay
Animation du dernier tiers inférieur

Étape 6 – Téléchargez vos designs:

Lorsque vous avez effectué toutes les personnalisations et que vous êtes satisfait de vos conceptions de superposition finales, il est temps de les télécharger.

Vous pouvez sélectionner les pages avec vos conceptions statiques (non animées) et les télécharger ensemble sous forme de fichier zip. Nous vous recommandons de les télécharger au format PNG pour obtenir la meilleure qualité possible:

Options de téléchargement

Si vous souhaitez télécharger vos créations avec des arrière-plans transparents, vous devez disposer d’un compte Canva Pro (vous pouvez l’ essayer gratuitement pendant 30 jours ). Cependant, si vous ne souhaitez pas essayer Canva Pro, nous vous montrerons une méthode gratuite un peu plus bas.

Canva Pro vous permet également de compresser les fichiers afin que la taille des fichiers soit beaucoup plus petite:

Options de téléchargement de Canva Pro

Quand il s’agit de télécharger votre tiers inférieur animé (ou tout dessin animé que vous souhaitez utiliser sur un flux en direct), vous devrez faire une étape supplémentaire.

Il n’est pas possible de télécharger un fichier GIF ou mp4 depuis Canva avec un fond transparent. Cependant, si vous donnez à l’arrière-plan une couleur vert vif, vous pourrez utiliser une clé chroma dans votre OBS et supprimer la zone verte de votre conception:

Télécharger l’animation avec un fond vert

Si vous avez utilisé des éléments premium, vous devrez soit les payer, soit vous abonner à Canva Pro pour obtenir un accès illimité. Vous pouvez actuellement obtenir un essai gratuit de 30 jours de Canva Pro .

Canva Pro

Voici la répartition des prix de Canva Pro:

Tarifs Canva

Utilisation commerciale des modèles:

Voici la répartition pour la licence Canva :

Licence Canva

Que pouvez-vous faire d’autre sur Canva:

Quand il s’agit de créer plus de conceptions de flux, vous pouvez beaucoup sur Canva, notamment:

  • Création d’un logo Twitch (l’un des meilleurs créateurs de logo de jeu )
  • Bannières hors ligne (voici comment créer une bannière hors ligne sur Canva)
  • Bannières de chaînes (l’un des meilleurs créateurs de bannières de chaînes Twitch )
  • Alertes
  • Panneaux Twitch (également l’un des meilleurs fabricants de panneaux Twitch )
  • Badges sous Twitch (encore une fois, l’un des meilleurs fabricants de sous-badges Twitch )

Suppression gratuite des arrière-plans PNG:

Comme promis, nous allons vous montrer comment supprimer gratuitement l’arrière-plan des conceptions statiques à l’aide d’un outil appelé Kapwing (vous pouvez également utiliser Removal.ai ).

Accédez à l’outil de suppression de fond d’image de Kapwing:

Dissolvant de fond d’image de Kapwing

Téléchargez un design, cliquez sur l’image téléchargée, sélectionnez «  Effacer  » dans le menu de droite, puis sélectionnez le bouton «  Baguette magique  », cliquez sur l’arrière-plan de l’image, puis cliquez sur «  Supprimer les pixels  » dans le menu de droite:

Baguette magique sur Kapwing

L’arrière-plan doit être supprimé, mais vous devrez peut-être répéter ce processus plusieurs fois pour obtenir toutes les parties de l’arrière-plan.

Finalement, vous devriez avoir supprimé tout l’arrière-plan et pouvez cliquer sur «Terminé»:

Dissolvant de fond Kapwing cont.

Sur l’écran suivant, cliquez sur «  Exporter l’image  », puis vous pouvez enfin télécharger votre conception de superposition Twitch avec un fond transparent:

Télécharger la superposition sans arrière-plan sur Kapwing

Conclusion:

Canva est une autre option incroyable pour créer des superpositions Twitch pour votre flux.

Cela prend un peu plus de temps et d’efforts que d’utiliser Placeit, mais les options de personnalisation sont de loin supérieures. Donc, si vous souhaitez personnaliser chaque aspect de vos superpositions Twitch (et créer des designs incroyables gratuitement), Canva est une bonne option pour vous.

# 4 Outils alternatifs

Si vous consultez Placeit et Canva et qu’ils ne sont pas tout à fait ce que vous recherchez, nous vous recommandons également quelques alternatives.

Nous avons testé de nombreux outils lorsque nous avons créé notre article «  Les meilleurs fabricants de superpositions  », nous vous recommandons donc de consulter cet article pour des options alternatives.

Alternatives gratuites:

Quand il s’agit de créer vos propres superpositions gratuitement, il existe quelques alternatives supplémentaires. Vous pouvez créer des motifs de superposition à l’aide de Paint ( regardez cette vidéo pour voir comment), vous pouvez également utiliser Photopea et Pixlr .

# 5 Autres ressources

Sites pour acheter des designs et des packs de superposition Twitch prédéfinis:

  • OWN3D
  • Visuels par impulsion
  • Nerd or Die

Vidéo expliquant comment ajouter des superpositions à votre flux Twitch:

Ajout de superpositions à Streamlabs
Ajout de superpositions à StreamElements

# 6 Utilisation de Photoshop

Si vous souhaitez utiliser Photoshop pour créer vos superpositions, voici une bonne vidéo vous montrant comment:

Création de superpositions dans Photoshop

Dernières pensées

Voilà comment vous pouvez créer rapidement, facilement et à moindre coût des superpositions de haute qualité pour votre chaîne Twitch à l’aide d’outils de conception en ligne.

Quel que soit votre niveau de compétence en matière de conception, vous n’aurez aucun mal à créer quelque chose qui a fière allure, et puisque Placeit et Canva offrent autant de modèles et d’options, il y a de grandes chances que vous créiez quelque chose qui fonctionne pour vous.

Profitez de la création! Oh, et si vous avez des questions, des commentaires ou des suggestions pour d’autres outils de superposition géniaux, laissez un commentaire ci-dessous!