{"id":23917,"date":"2020-10-19T14:35:09","date_gmt":"2020-10-19T19:35:09","guid":{"rendered":"https:\/\/golightstream.com\/?p=23917"},"modified":"2020-10-19T14:35:09","modified_gmt":"2020-10-19T19:35:09","slug":"livestream-custom-overlay-design","status":"publish","type":"post","link":"http:\/\/dev.prlxweb.com\/golightstream\/livestream-custom-overlay-design\/","title":{"rendered":"Customize your Live Stream with Overlay Design"},"content":{"rendered":"<p>Through live streaming, you can create any experience you want, right from your home. It\u2019s pretty magical how a few simple changes to your screen can transform a broadcast. We put our heads together to share some of our favorite pointers and resources for making really good looking streams.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-23922 size-large\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-1-3024x576.jpg\" alt=\"Lightstream Studio Stream with Designed Overlay\" width=\"1024\" height=\"576\" \/><\/p>\n<p><b>Common Design Elements<br \/>\n<\/b>We intentionally built Studio to be completely flexible when it comes to design &#8211; you have the control to place any element exactly where you want it in your stream\u2019s scenes. When we say \u201celements,\u201d we mean:<\/p>\n<ul>\n<li><b>Overlays: <\/b>A fancy way of saying borders or frames around your screen or webcam. They are made up of a static or animated image, video, or web source that lives as a layer of your stream.<\/li>\n<li><strong>Text<\/strong>: On-screen text can be a great tool and guide. Studio lets you adjust every element of how text is positioned and styled, and includes interactive features so text can blink or scroll.<\/li>\n<li><b>Logos<\/b>: This can be your logo or a sponsor logo, typically placed in the corners of the screen.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-23934 size-large\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-1024x576.png\" alt=\"Overlay\" width=\"1024\" height=\"576\" srcset=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-1024x576.png 1024w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-300x169.png 300w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-768x432.png 768w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-1536x864.png 1536w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-2048x1153.png 2048w, http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-4-1-1568x882.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><b>A Closer Look: Overlays<br \/>\n<\/b>When it comes to your stream\u2019s design, overlays are the most powerful visual cue you can bring in. Different overlays are to your stream what different spices are to a meal &#8211; they add depth of flavor and transform the ingredients into an experience.<\/p>\n<ul>\n<li>Full Screen Overlays &#8211; Background: Image, pattern or graphic that wraps the full screen and includes a dedicated box for your webcam.<\/li>\n<li>Full Screen Overlays &#8211; Foreground: Designed layer lives as the top layer of your stream. Think of this like a frame, and your live video feed goes \u201cinto\u201d it.<\/li>\n<li>Partial Overlay: A portion of the screen includes a consistent locked design. Some refer to these by the specific area they take up (i.e., \u201cUpper third\u201d or \u201clower third\u201d).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-23928 size-large\" src=\"http:\/\/dev.prlxweb.com\/golightstream\/wp-content\/uploads\/2020\/06\/image-1-1-1-1024x576.png\" alt=\"Overlay\" width=\"1024\" height=\"576\" \/><\/p>\n<p><b>Designing Overlays for your Stream<br \/>\n<\/b>If you\u2019re looking to design a custom overlay, you have two options: 1) design it yourself &#8211; we\u2019ve included some tools for doing this below, some are free, some involve a fee or membership; or 2) hire a design service or live stream producer.<\/p>\n<p><span style=\"font-weight: 400;\">If you choose to commission an artist or team for your design, make sure to do your research. here are our top tips:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Reviews:<\/b><span style=\"font-weight: 400;\"> Do they have any reviews? If so, look for red flags from former customers. If they don\u2019t have reviews, this could be a bad sign in itself.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Portfolio:<\/b><span style=\"font-weight: 400;\"> Every artist should have a portfolio of previous work. If they don\u2019t, run for the hills. If they do, look it over (closely!) and see if their style matches with yours.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Professionalism:<\/b><span style=\"font-weight: 400;\"> Are they quick to respond? Do they seem organized? Are they respectful? Do they have a website? All these are good signs. Don\u2019t underestimate professionalism; these artists are worth their weight in gold.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Turnaround Time<\/b><span style=\"font-weight: 400;\">: How long do they usually take for projects? Faster does <\/span><i><span style=\"font-weight: 400;\">not<\/span><\/i><span style=\"font-weight: 400;\"> necessarily mean better! Anything sooner than a few weeks could mean the artist is rushing your design.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Scammer Alert<\/b><span style=\"font-weight: 400;\">: Sadly, the online design community attracts many scammers and con-artists. Some peddle stolen artwork, while others may take your money and disappear. Be on your guard.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Price<\/b><span style=\"font-weight: 400;\">: How much do they charge for services? Be wary of very low price points; you get what you pay for. Great artists know their value and price accordingly. Don\u2019t be afraid to pay a bit more for experienced creators.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Where To Find Artists<\/b><span style=\"font-weight: 400;\">: The stream design community lives on Twitter, so take a look there first. Then <a href=\"https:\/\/dribbble.com\/designers\">search on Dribbble<\/a> for artists posting their favorite work or accepting new clients. We also love Instagram and Pinterest for finding hidden gems!<\/span><\/li>\n<\/ul>\n<p><b>Do-It-Yourself Design Tools<br \/>\n<\/b>Studio makes it easy to bring in layers, such as an animated overlay from <a href=\"https:\/\/help.golightstream.com\/en\/articles\/490505-what-is-a-3rd-party-integration-layer\" target=\"_blank\" rel=\"noopener noreferrer\">third party tools<\/a>. But there are also quick and easy ways to create your own custom elements for your stream.<\/p>\n<ul>\n<li><b>Canva: <\/b>Design custom backgrounds and banners to include in your stream\u2019s scenes using a free or paid account. Its interface is highly user friendly, with drag and drop editing for text, photos, icons, stickers, shapes &#8211; you name it. When you are done designing, just download and then upload into Studio.<\/li>\n<li><b>Figma: <\/b>A free, cloud-based design tool with comprehensive features and responsive designs\/layouts. Start from scratch, or with <a href=\"https:\/\/www.figma.com\/templates\/social-media\/\" target=\"_blank\" rel=\"noopener noreferrer\">existing social media <\/a>templates.<\/li>\n<\/ul>\n<p><b>Premade Overlays<br \/>\n<\/b><span style=\"font-weight: 400;\">Premade overlay templates are another great option, especially if you want to avoid the long waits and steep price tag of custom design (or the hassle of creating your own overlays).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While they may lack the complete personalization of custom design, premade overlays can offer a surprising amount of customization options. For example, you can often adjust colors, text and layouts &#8211; to build a look that matches your unique brand.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-25846 size-full aligncenter\" src=\"https:\/\/b4e6a9p4.stackpathcdn.com\/wp-content\/uploads\/2020\/06\/Talon_Loop_GIF_5s.gif\" alt=\"\" width=\"640\" height=\"360\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Premade designs are also much cheaper; usually between $15-30 for a full set (versus several hundred dollars for a professional custom look), and sometimes even free! They\u2019re also a much quicker solution, allowing you to download, customize, and install your overlays all within the same day (versus custom design, which can take weeks or months).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of our favorite sources for premade overlays is Visuals by Impulse. Their library includes <a href=\"https:\/\/visualsbyimpulse.com\/store\/\">hundreds of unique themes and colors<\/a>, often for as little as $5. They have some of the best free options on the market too (a great choice for new streamers)!<\/span><\/p>\n<p><b>Don\u2019t Settle for Mediocre<br \/>\n<\/b>If you\u2019re putting in the time and energy to go live, you owe it to yourself (or your organization) to make it truly your own. The extra effort spent on design ensures you\u2019re more than just a face &#8211; or grid of faces &#8211; on a screen. Have a question? <a href=\"https:\/\/golightstream.com\/support\/\" target=\"_blank\" rel=\"noopener noreferrer\">We\u2019re here to help<\/a> you make your stream unforgettable.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Through live streaming, you can create any experience you want, right from your home. It\u2019s pretty magical how a few simple changes to your screen can transform a broadcast. We put our heads together to share some of our favorite pointers and resources for making really good looking streams. Common Design Elements We intentionally built [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25846,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[45,59,97,128,136],"class_list":["post-23917","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avclub","tag-design","tag-gamer","tag-overlays","tag-studio","tag-tips"],"acf":[],"_links":{"self":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts\/23917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/comments?post=23917"}],"version-history":[{"count":0,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/posts\/23917\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/media\/25846"}],"wp:attachment":[{"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/media?parent=23917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/categories?post=23917"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.prlxweb.com\/golightstream\/wp-json\/wp\/v2\/tags?post=23917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}