{"id":81,"date":"2020-10-08T10:05:42","date_gmt":"2020-10-08T10:05:42","guid":{"rendered":"http:\/\/beta.imbonetti.com\/?p=81"},"modified":"2020-10-08T18:06:56","modified_gmt":"2020-10-08T18:06:56","slug":"obs-studio-and-green-screens","status":"publish","type":"post","link":"https:\/\/beta.imbonetti.com\/?p=81","title":{"rendered":"OBS Studio and Green Screens"},"content":{"rendered":"\n<p>OBS Studio doesn&#8217;t have background removal, at least not the way Zoom does. Discord doesn&#8217;t support virtual backgrounds. (They might be working on it, who knows?)<\/p>\n\n\n\n<p>Virtual NaNoWriMo is <em>now<\/em>, though, so let&#8217;s talk greenscreens.<\/p>\n\n\n\n<p>In video processing, there&#8217;s the idea of &#8220;chromakey&#8221;, where you &#8220;key&#8221; onto a specific color (&#8220;chroma&#8221;) and replace or remove it. It&#8217;s commonly blue or green, and if you&#8217;ve seen &#8220;behind the scenes&#8221; video from movie sets, you&#8217;ve seen it. (The original Star Wars special effects used blue, green is much more common now.)<\/p>\n\n\n\n<p>All it really needs to be is a solid color that isn&#8217;t too close to your face or clothing colors.<\/p>\n\n\n\n<p>Options?<\/p>\n\n\n\n<p>Solid color sheet. Solid color wall. Solid color paper. (I hear the posterboard options at office supply stores are a cheap way to get green to tape up!) I&#8217;ve been using a lime green tablecloth I got from Amazon. Good size, about $15 when I bought it. Even with my variable lighting, it doesn&#8217;t require a lot of tweaking.<\/p>\n\n\n\n<p>This is where the green screen comes in. It makes life MUCH easier if you have one. (Or something of a solid, reasonably consistent color that isn&#8217;t also your skin tone or shirt color.) I personally had bad luck with dark blues and dark reds, but they might work for other people.<\/p>\n\n\n\n<p>There are lots and lots of suggestions online, and real greenscreen fabric has gotten pretty cheap. (I just bought a 10&#8217;x10&#8242; for $30, which covers the entire wall in my writing room. Half the price it was when I checked in April! Which is why I was using a table cloth.)<\/p>\n\n\n\n<p>I&#8217;m going to assume you have one and move on to configuring chromakey for your camera in OBS.<\/p>\n\n\n\n<p>Select your Camera scene, which should contain only your Face Camera source.<\/p>\n\n\n\n<p>Right click on Face Camera (or choose the Filters tab above the source window, with Face Camera selected), and you&#8217;ll see a filters dialog.<\/p>\n\n\n\n<p>Add a Chromakey filter:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"613\" src=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-09.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-09.png 336w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-09-164x300.png 164w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"409\" src=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-10.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-10.png 388w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-10-285x300.png 285w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"134\" src=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-11.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-11.png 557w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-11-300x72.png 300w\" sizes=\"(max-width: 557px) 100vw, 557px\" \/><\/figure>\n\n\n\n<p>If you have good lighting and a real green screen, it might already work:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"863\" height=\"758\" src=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-12.png\" alt=\"\" class=\"wp-image-92\" srcset=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-12.png 863w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-12-300x263.png 300w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-12-768x675.png 768w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/><figcaption>Note that I have already tweaked the settings for my setup. But you can see where the green of my greenscreen is replaced with the gray (transparent) color OBS shows.<\/figcaption><\/figure>\n\n\n\n<p>However, it&#8217;s more likely you&#8217;ll have to tweak the color. You can select a screen color like so after choosing &#8220;Custom&#8221; Key Color Type. If you drag the dialog out of the way, you can select directly from the video feed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"427\" src=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-13.png\" alt=\"\" class=\"wp-image-93\" srcset=\"https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-13.png 524w, https:\/\/beta.imbonetti.com\/wp-content\/uploads\/2020\/10\/nano2020-obs-virtback-13-300x244.png 300w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure>\n\n\n\n<p>(You can also pick a &#8220;wrong&#8221; color like bright purple, to make the green background pop up again to use &#8220;Pick Screen Color&#8221; again, or use the sliders to adjust the color you chose.)<\/p>\n\n\n\n<p>I recommend playing with the Similarity, Smoothness, and Edge Spill sliders to get a feel for how they adjust the color matching. There&#8217;s a lot of control here.<\/p>\n\n\n\n<p>If you find your green screen showing up as lighting changes throughout the day, you can always come back and tweak the parameters some more.<\/p>\n\n\n\n<p>Once you&#8217;re done, click &#8220;OK&#8221; until you&#8217;re back at OBS.<\/p>\n\n\n\n<p>Now you&#8217;re ready to layer in a background!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OBS Studio doesn&#8217;t have background removal, at least not the way Zoom does. Discord doesn&#8217;t support virtual backgrounds. (They might be working on it, who knows?) Virtual NaNoWriMo is now,&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/beta.imbonetti.com\/?p=81\">Continue reading<span class=\"screen-reader-text\">OBS Studio and Green Screens<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/posts\/81"}],"collection":[{"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=81"}],"version-history":[{"count":4,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=\/wp\/v2\/posts\/81\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beta.imbonetti.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}