{"id":36558,"date":"2022-10-01T01:00:00","date_gmt":"2022-09-30T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=36558"},"modified":"2022-11-10T13:40:02","modified_gmt":"2022-11-10T12:40:02","slug":"configurer-overlay-obs-studio","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/","title":{"rendered":"Comment configurer un overlay OBS Studio"},"content":{"rendered":"<p>Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage.<\/p>\n<p>Ainsi, OBS permet de cr\u00e9er diff\u00e9rentes sources qui s\u2019affichent lorsque l\u2019on enregistre une vid\u00e9o ou qu\u2019on la diffuse en live, comme des images, un chat ou une webcam&#8230; Autant d\u2019\u00e9l\u00e9ments qui viennent se superposer \u00e0 votre enregistrement et qui permettent d\u2019afficher des informations suppl\u00e9mentaires \u00e0 vos vid\u00e9os, choisies en fonction de vos objectifs.<\/p>\n<p>Voici donc toutes nos explications pour <strong>configurer un overlay OBS Studio<\/strong><\/p>\n<h2>Configurer un overlay OBS Studio&nbsp;: les pr\u00e9requis<\/h2>\n<ul>\n<li>Enregistrez vos graphismes d\u2019overlay au format PNG (pour conserver le fond transparent) et placez-les sur votre bureau de fa\u00e7on \u00e0 ce qu\u2019ils soient rapidement accessibles.<\/li>\n<li>Si vous souhaitez afficher le chat sur votre overlay de discussion, pensez \u00e0 ouvrir un compte sur un logiciel de streaming comme Streamlabs.<\/li>\n<li>Si vous souhaitez int\u00e9grer des fichiers textes dynamiques \u00e0 votre stream, qui indiquent par exemple le nom de votre dernier follower, t\u00e9l\u00e9chargez \u00e9galement un module compl\u00e9mentaire de type Stream Labels.<\/li>\n<\/ul>\n<h2>Cr\u00e9ez vos sc\u00e8nes sur OBS Studio<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-36564\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/obs-studio.png\" alt=\"Overlay OBS Studio\" width=\"700\" height=\"418\" \/><\/p>\n<p>Premi\u00e8re \u00e9tape incontournable pour <strong>configurer un overlay OBS Studio<\/strong>, vous devez cr\u00e9er toutes les sc\u00e8nes qui accueilleront vos graphismes.<\/p>\n<h3>Cr\u00e9er la sc\u00e8ne de d\u00e9marrage du stream<\/h3>\n<p>Afin de faciliter votre d\u00e9marche, renommez simplement la sc\u00e8ne de base incluse dans OBS avec le clic droit de la souris.<\/p>\n<p>Ajoutez votre premi\u00e8re source, une image de fond ou une vid\u00e9o, en proc\u00e9dant comme suit&nbsp;:<\/p>\n<ul>\n<li>Rendez-vous dans le dock <strong>Sources<\/strong> et cliquez sur <strong>+<\/strong>.<\/li>\n<li>Cliquez ensuite sur <strong>Source m\u00e9dia<\/strong>, renommez-la si vous le souhaitez et validez en cliquant sur <strong>OK<\/strong>.<\/li>\n<li>Dans la fen\u00eatre qui s\u2019ouvre, rendez-vous dans <strong>Parcourir<\/strong> afin de r\u00e9cup\u00e9rer votre source m\u00e9dia sur votre Bureau.<\/li>\n<li>S\u00e9lectionnez votre fichier et validez en cliquant sur <strong>OK<\/strong>.<\/li>\n<li>Pensez a verrouiller votre source en cliquant sur le cadenas afin d\u2019\u00e9viter les manipulations involontaires par la suite.<\/li>\n<\/ul>\n<p><i>\u00c0 noter&nbsp;: s\u2019il s\u2019agit d\u2019une vid\u00e9o, vous pouvez cocher la case <strong>Lire en boucle<\/strong> pour que l\u2019animation se r\u00e9p\u00e8te en continu.<\/i><\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/comment-creer-overlay-twitch\">Comment cr\u00e9er un overlay Twitch&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Cr\u00e9er les sc\u00e8nes de pause et de fin du stream<\/h3>\n<p>Ces deux sc\u00e8nes sont cr\u00e9\u00e9es exactement de la m\u00eame fa\u00e7on sur OBS&nbsp;:<\/p>\n<ol>\n<li>Dupliquez simplement votre sc\u00e8ne de d\u00e9marrage gr\u00e2ce au clic droit <strong>Dupliquer<\/strong> et renommez votre nouvelle sc\u00e8ne.<\/li>\n<li>Supprimez votre image de fond et ajoutez votre nouvelle source m\u00e9dia correspondant \u00e0 la mise en pause ou \u00e0 la fin du stream avant de valider.<\/li>\n<li>Cliquez sur le nom de votre nouvelle source et faite la glisser en bas de votre liste (ce qui correspond \u00e0 la mise en arri\u00e8re-plan.)<\/li>\n<\/ol>\n<h3>Cr\u00e9er une sc\u00e8ne de discussion<\/h3>\n<p>Comme \u00e9voqu\u00e9 pr\u00e9c\u00e9demment, vous devez ici disposer d\u2019un compte Streamlabs pour cr\u00e9er cette sc\u00e8ne. C\u2019est l\u00e0 que vous r\u00e9cup\u00e8rerez le widget d\u2019affichage du chat.<\/p>\n<ol>\n<li>Cr\u00e9ez votre sc\u00e8ne et nommez-la selon sa fonction (discussion ou chat, par exemple).<\/li>\n<li>Ajoutez une source m\u00e9dia pour illustrer ou animer le fond de la fen\u00eatre de chat.<\/li>\n<\/ol>\n<p>En fonction de vos objectifs, vous pouvez ajouter de nombreux \u00e9l\u00e9ments dans ce cadre, tels qu\u2019une capture de jeu ou une capture d\u2019\u00e9cran.<\/p>\n<ul>\n<li>Pour ajouter une capture de jeu, cliquez sur <strong>OK<\/strong>. Vous acc\u00e9dez ici aux options du mode de capture. Le mode par d\u00e9faut permet un affichage automatique d\u00e8s lors que l\u2019on a un jeu en plein \u00e9cran. En cas de dysfonctionnement, changez le mode afin de capturer une fen\u00eatre sp\u00e9cifique, et renseignez-la par le biais de la liste d\u00e9roulante de fa\u00e7on \u00e0 ce qu\u2019elle corresponde \u00e0 votre jeu. Validez et ajoutez la source avant de la redimensionner pour qu\u2019elle s\u2019adapte aux dimensions du cadre. Verrouillez la source et passez-la sous l\u2019overlay.<\/li>\n<li>Pour ajouter une capture d\u2019\u00e9cran, r\u00e9p\u00e9tez exactement cette m\u00eame op\u00e9ration, mais \u00e0 partir d\u2019une source de capture d\u2019\u00e9cran.<\/li>\n<\/ul>\n<p><i> \u00c0 noter&nbsp;: lorsque les deux sources sont actives, on peut alors passer de l\u2019une \u00e0 l\u2019autre \u00e0 loisir, en masquant la premi\u00e8re pour afficher la seconde gr\u00e2ce \u00e0 l\u2019ic\u00f4ne de l\u2019<strong>\u0153il<\/strong>. <\/i><\/p>\n<p>Pour achever de param\u00e9trer votre sc\u00e8ne de discussions, voici comment ajouter une webcam sur OBS&nbsp;:<\/p>\n<ol>\n<li>Ajoutez une nouvelle source <strong>P\u00e9riph\u00e9rique de capture vid\u00e9o<\/strong> et renommez-la en <strong>Webcam<\/strong>.<\/li>\n<li>La fen\u00eatre qui s\u2019ouvre vous permet de s\u00e9lectionner le p\u00e9riph\u00e9rique correspondant \u00e0 votre webcam.<\/li>\n<li>Au passage, profitez-en pour d\u00e9finir la r\u00e9solution de votre webcam en vous rendant dans <strong>Type de r\u00e9solution\/FPS<\/strong> puis dans <strong>Personnalis\u00e9<\/strong>.<\/li>\n<li>Redimensionnez votre source webcam afin qu\u2019elle corresponde au cadre, verrouillez et passez la source sous l\u2019overlay (sous la source m\u00e9dia).<\/li>\n<\/ol>\n<p>Il ne vous reste plus qu\u2019\u00e0 ajouter votre chat Twitch sur OBS Studio<\/p>\n<ol>\n<li>Rendez-vous sur le tableau de bord de votre compte Streamlabs et rendez-vous dans les modules, puis dans <strong>Chat Box<\/strong>.<\/li>\n<li>Copiez l\u2019URL du widget et retournez sur OBS.<\/li>\n<li>Cr\u00e9er une nouvelle source <strong>Navigateur<\/strong> et renommez-la.<\/li>\n<li>Collez l\u2019URL du widget dans le champ URL qui s\u2019affiche.<\/li>\n<li>Adaptez la largeur et la hauteur du chat pour le faire correspondre au cadre de votre overlay et verrouillez.<\/li>\n<\/ol>\n<p><i>\u00c0 noter&nbsp;: l\u2019apparence du chat (police, couleurs, etc.) peut ici \u00eatre modifi\u00e9e directement sur Streamlabs.<\/i><\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/creer-banniere-twitch\">Comment cr\u00e9er une banni\u00e8re Twitch&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Cr\u00e9er une sc\u00e8ne de jeu sur OBS<\/h3>\n<p>Reste ici \u00e0 cr\u00e9er votre sc\u00e8ne de jeu qui est sans doute la plus importante.<\/p>\n<ol>\n<li>Comme pr\u00e9c\u00e9demment, renommez votre sc\u00e8ne en fonction de sa fonction avant d\u2019ajouter une source de capture de jeu.<\/li>\n<li>Encore une fois, cliquez sur <strong>+<\/strong> dans le dock des sources, choisissez la commande <strong>Capture de jeu<\/strong> et <strong>Ajouter une source existante<\/strong>.<\/li>\n<li>Ajoutez votre webcam et son cadre en cliquant sur <strong>Source m\u00e9dia<\/strong>, puis sur <strong>Parcourir<\/strong> qui vous permet d\u2019acc\u00e9der \u00e0 vos dossiers de bureau.<\/li>\n<li>S\u00e9lectionnez le bouton <strong>Lire en boucle<\/strong> puis validez.<\/li>\n<li>Int\u00e9grez la webcam en cliquant sur la source <strong>P\u00e9riph\u00e9rique de capture vid\u00e9o<\/strong>, et s\u00e9lectionnez votre source pr\u00e9existante avant de la redimensionner et de la passer sous le cadre.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2>Ajouter des sources texte sur OBS<\/h2>\n<p>Pour ajouter des sources texte sur vos sc\u00e8nes, comme par exemple vos r\u00e9seaux sociaux, proc\u00e9dez comme suit&nbsp;:<\/p>\n<ol>\n<li>Rendez-vous sur la sc\u00e8ne et cliquez de nouveau sur le <strong>+<\/strong>.<\/li>\n<li>Cliquez sur <strong>Texte (GDI+)<\/strong> et renommez votre source en fonction de son contenu (si c\u2019est un r\u00e9seau social, appelez-le twitter, Facebook, instagram, ect.)<\/li>\n<li>Validez et ajoutez votre texte avant d\u2019en modifier la police en cliquant sur la commande <strong>S\u00e9lectionner la police<\/strong>. Ici, vous acc\u00e9dez \u00e0 toutes les options de la police de caract\u00e8res (taille, couleur, opacit\u00e9, etc.)<\/li>\n<li>Placez votre source texte en maintenant le clic afin de la faire glisser vers l\u2019emplacement souhait\u00e9. Il est \u00e9galement possible d\u2019utiliser les fl\u00e8ches du clavier pour plus de pr\u00e9cision.<\/li>\n<\/ol>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/creer-emotes-twitch\">Comment cr\u00e9er des emotes Twitch&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Ajouter des labels de stream sur OBS<\/h2>\n<p>Il ne vous reste plus qu\u2019\u00e0 ajouter les labels de stream, c\u2019est-\u00e0-dire les noms de votre dernier follower et de votre dernier Sub. Ici, le logiciel Stream Labels vous sera d\u2019une tr\u00e8s grande aide (disponible sur Streamlabs). Une fois le logiciel install\u00e9, choisissez le dossier o\u00f9 cr\u00e9er vos fichiers textes contenant les labels. Ces derniers seront automatiquement mis \u00e0 jour \u00e0 chaque nouvel abonnement d\u2019un follower.<\/p>\n<ol>\n<li>Sur votre sc\u00e8ne de jeu, int\u00e9grez vos sources de textes dynamiques en ajoutant une source <strong>Texte (GDI+)<\/strong>.<\/li>\n<li>Une fois la source renomm\u00e9e, cochez la case <strong>Lire \u00e0 partir d\u2019un fichier<\/strong>.<\/li>\n<li>Cliquez sur <strong>Parcourir<\/strong> et rendez-vous dans votre dossier Stream Labels pour y s\u00e9lectionner le fichier <strong>most_recent_follower.txt<\/strong>.<\/li>\n<\/ol>\n<p>Les pseudonymes trop longs de certains followers risquent de d\u00e9passer du cadre. Le principal inconv\u00e9nient ici est d\u2019ordre esth\u00e9tique. Il est toutefois possible de rem\u00e9dier au probl\u00e8me en vous rendant dans les propri\u00e9t\u00e9s de la source texte et en cochant la case <strong>Utiliser une taille personnalis\u00e9e<\/strong>. Modifiez ici les valeurs et d\u00e9cochez la case <strong>Retour \u00e0 la ligne automatique<\/strong> ce qui limitera les risques de bugs intempestifs.<\/p>\n<p>Le nom de votre dernier Sub doit subir le m\u00eame traitement. Pour aller plus vite et vous \u00e9viter de reproduire la m\u00eame d\u00e9marche que d\u00e9taill\u00e9e pr\u00e9c\u00e9demment, copiez simplement votre source <strong>follower<\/strong> pour la dupliquer dans le dock de sources. Pensez bien s\u00fbr \u00e0 renommer cette nouvelle source, en lui donnant par exemple le titre \u00ab Abonn\u00e9 \u00bb. D\u00e9placez ensuite cette source texte dans le cadre qui lui correspond et affichez ses propri\u00e9t\u00e9s afin d\u2019y remplacer le fichier texte par le fichier \u00ab most_recent_subscriber.txt \u00bb. Les nouveaux param\u00e8tres sont pris en charge une fois l\u2019action valid\u00e9e et vous ne devriez donc plus avoir de probl\u00e8me d\u2019affichage.<\/p>\n<h2>Notre astuce pour configurer un overlay avec OBS<\/h2>\n<p>Maintenant que toutes les sc\u00e8nes de votre overlay sont en place, vous \u00eates pr\u00eat \u00e0 streamer&nbsp;!<\/p>\n<p>Pensez toutefois \u00e0 ajouter les alertes, ici configurables gr\u00e2ce \u00e0 votre outil Streamlabs. Sachez aussi qu\u2019il existe de nombreux plugins qui vous permettront d\u2019ajouter des effets percutants sur OBS.<\/p>\n<p>Enfin, si vous avez besoin d\u2019aide pour cr\u00e9er le graphisme des \u00e9l\u00e9ments de votre overlay, n\u2019h\u00e9sitez pas \u00e0 consulter les profils et portfolios des professionnels du design disponibles sur <a href=\"https:\/\/graphiste.com\/\" target=\"\u201d_blank\u201d\" rel=\"\u201dnoopener\u201d\/ noopener noreferrer\">Graphiste.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de cr\u00e9er diff\u00e9rentes sources qui s\u2019affichent lorsque l\u2019on enregistre une vid\u00e9o ou qu\u2019on la diffuse en live, comme des images, un chat ou une webcam&#8230; Autant d\u2019\u00e9l\u00e9ments qui viennent se superposer \u00e0 votre [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":36559,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[24],"tags":[106],"class_list":["post-36558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-video","tag-outils"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment configurer un overlay OBS Studio - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment configurer un overlay OBS Studio - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-30T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-10T12:40:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Comment configurer un overlay OBS Studio\",\"datePublished\":\"2022-09-30T23:00:00+00:00\",\"dateModified\":\"2022-11-10T12:40:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\"},\"wordCount\":1636,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg\",\"keywords\":[\"Outils\"],\"articleSection\":[\"Vid\u00e9o\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\",\"url\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\",\"name\":\"Comment configurer un overlay OBS Studio - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg\",\"datePublished\":\"2022-09-30T23:00:00+00:00\",\"dateModified\":\"2022-11-10T12:40:02+00:00\",\"description\":\"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Configurer un overlay OBS Studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vid\u00e9o\",\"item\":\"https:\/\/graphiste.com\/blog\/video\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment configurer un overlay OBS Studio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment configurer un overlay OBS Studio - Graphiste Blog","description":"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment configurer un overlay OBS Studio - Graphiste Blog","og_description":"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de","og_url":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-09-30T23:00:00+00:00","article_modified_time":"2022-11-10T12:40:02+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Comment configurer un overlay OBS Studio","datePublished":"2022-09-30T23:00:00+00:00","dateModified":"2022-11-10T12:40:02+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/"},"wordCount":1636,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg","keywords":["Outils"],"articleSection":["Vid\u00e9o"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/","url":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/","name":"Comment configurer un overlay OBS Studio - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg","datePublished":"2022-09-30T23:00:00+00:00","dateModified":"2022-11-10T12:40:02+00:00","description":"Configurer un overlay OBS Studio n\u2019a en soi rien de tr\u00e8s compliqu\u00e9, mais l\u2019op\u00e9ration demande toutefois un certain apprentissage. Ainsi, OBS permet de","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/03\/image-overlay-obs-1.jpg","width":850,"height":423,"caption":"Configurer un overlay OBS Studio"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/configurer-overlay-obs-studio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vid\u00e9o","item":"https:\/\/graphiste.com\/blog\/video\/"},{"@type":"ListItem","position":3,"name":"Comment configurer un overlay OBS Studio"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/36558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=36558"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/36558\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/36559"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=36558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=36558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=36558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}