\n\n\n\n
#1 Overview<\/h2>\n\n\n\n
There are quite a few online design tools that can help you create awesome designs for your stream and two such tools are Placeit<\/a> and Canva<\/a>. <\/p>\n\n\n\n Both make it incredibly easy and quick to make high-quality designs. <\/p>\n\n\n\n Before we get started there are a couple of alternative options for facecam border designs that might be a better fit for you if you don’t want to create one yourself using online design tools:<\/p>\n\n\n\n A facecam border (also known as a webcam overlay) is a graphic that sits over your live stream feed. It’s typically just a border around your webcam footage to make it look good as it sits over your gameplay. <\/p>\n\n\n\n You can see an example of a webcam overlay in action in the image below:<\/p>\n\n\n\n Having a high-quality webcam overlay<\/a> helps your channel and streams look more professional and can help <\/p>\n\n\n\n Make sure when creating your webcam overlays to stick to the ideal specifications:<\/p>\n\n\n\n Placeit<\/a> is an incredibly easy-to-use online design tool. All you have to do is select one of their pre-designed templates and customize it to your liking. <\/p>\n\n\n\n They offer plenty of templates for streamers such as logos, banners, stream screens, overlays, YouTube templates, and of course, facecam borders too.<\/p>\n\n\n\n Navigate to the facecam borders section on Placeit, browse through them, and select a template that you like (there’s a lot to choose from):<\/p>\n\n\n\n There are a few things you can do here to make your search easier:<\/p>\n\n\n\n All the free templates have a ‘FREE’ ribbon at the top left side of their thumbnail.<\/p>\n\n\n\n When you’ve got your chosen template just click on it to begin editing it.<\/p>\n\n\n\n This is roughly how the editor will look when it loads (there may be some slightly different options depending on the facecam border template you choose):<\/p>\n\n\n\n If you scroll down the page you’ll see some template presets (different versions of your chosen panel template) and also similar templates to the one you’ve chosen:<\/p>\n\n\n\n Back up to the editor, on the left side you have a few customization options to go through:<\/p>\n\n\n\n Any changes you make will take effect instantly.<\/p>\n\n\n\n If you want to save your edits and come back to them later you can do so, but you’ll need to create a Placeit account (free signup) to have this option.<\/p>\n\n\n\n You just click on the ‘Save Draft’ at the top right of the template editor and this will saved to your account for you to come back to later.<\/p>\n\n\n\n On the right side of the editor there are some more options:<\/p>\n\n\n\n In terms of the actual elements on the design, the text and webcam frame elements can be moved around and resized.<\/p>\n\n\n When you’ve completed your customizations and are happy with your design it’s time to download it.<\/p>\n\n\n\n There are a couple of options, you can do one of the following:<\/p>\n\n\n\n We made these facecam borders on PLaceit, it took us about 5 minutes in total:<\/p>\n\n\n\n Placeit<\/a> has thankfully created a page that outlines their license in a ‘human-readable’ format so everything is pretty clear.<\/p>\n\n\n\n Anything you create on Placeit is copyright free and can be used for commercial purposes. You can even sell and trademark the designs you make on Placeit!<\/p>\n\n\n\n Obviously, this means you can use any Twitch panels you create on your channel with no problems.<\/p>\n\n\n\n Check out the full details of the Placeit license here<\/a>.<\/p>\n\n\n\n If you’re a streamer then Placeit has even more to offer you. You can easily create the following with their tool:<\/p>\n\n\n\n Click here to see all the Twitch templates on Placeit<\/a>. <\/p>\n\n\n\n If you want an easy way to quickly create an incredible-looking facecam border for your live streams then Placeit<\/a> is one of the best options out there.<\/p>\n\n\n\n The only downside with the tool is that it is a little bit basic in terms of the customization options and resizing some of the design elements is a bit tricky at times.<\/p>\n\n\n\n However, the huge number and quality of the templates they offer are great so you’re bound to find a lot of designs that have the look and feel you’re going for with your stream!<\/p>\n\n\n\n Canva<\/a> is another online design tool that is super easy to use. They have a huge variety of different templates and tools to help you create incredible designs with ease.<\/p>\n\n\n\n With Canva you can also create your own designs by modifying existing templates that they have provided but we’re going to show you how to create a facecam border from scratch because it’s so easy to do in Canva. <\/p>\n\n\n\n We won’t show you all the different ways to use Canva, so if you need a full run-through we recommend watching this video<\/a>. <\/p>\n\n\n\n Go to the homepage on Canva<\/a> and click the ‘Create a design’ button at the top right. Then click the ‘Custom dimensions’ option and put in 1920x1080px, and click ‘Create a new design’.<\/p>\n\n\n\n On the left side of the editor click on ‘Elements’, go to the ‘Shapes’ category and find a shape that fits with the look you want for your facecam border (we chose a normal rectangle):<\/p>\n\n\n\n There are plenty of elements you can use to create a great-looking facecam border. Not all of the elements on Canva are free to use however, some are for Canva Pro<\/a> users only. <\/p>\n\n\n\n Note:<\/strong> To see only the free elements on Canva click the filter button in the search bar and select free elements only:<\/p>\n\n\n\n To ensure your facecam border is the correct dimensions, stretch it out to the edges of the canvas (1920 x 1080 px) and this will ensure that it is the correct dimensions:<\/p>\n\n\n\n Everything you see in the design we have done so far was 100% free to use, so this is hows it possible to create great-looking designs for free. <\/p>\n\n\n\n However, if you’re looking to have as many options as possible we recommend trying out Canva Pro<\/a> free for 30 days. <\/p>\n\n\n\n When you’ve completed all the customizations and are happy with your final faacecam border design it’s time to download it.<\/p>\n\n\n\n We recommend you download ot as a PNG file to get the best possible quality:<\/p>\n\n\n\n When it comes to downloading your designs you have more options with a Canva Pro account (you can try it for free for 30 days<\/a>) such as being able to download files with a transparent background and compress your files, making the file sizes significantly smaller. <\/p>\n\n\n\n If you’ve used any premium elements you’ll either have to pay for them individually or subscribe to Canva Pro to get unlimited access. <\/p>\n\n\n\n This is the pricing breakdown for Canva Pro:<\/p>\n\n\n\n We made another couple of facecam borders with Canva.<\/p>\n\n\n\n Again it took us no time at all to create each facecam border:<\/p>\n\n\n\n This is the breakdown for Canva license<\/a>:<\/p>\n\n\n\n When it comes to creating more stream designs you can a lot on Canva<\/a> including:<\/p>\n\n\n\n If you don’t want to pay for Canva Pro you can still remove the background of static designs for free using a tool called Kapwing (You can also use a tool called Removal.ai<\/a>). <\/p>\n\n\n\n Go to Kapwing’s image background remover<\/a>:<\/p>\n\n\n\n Upload a design, click on the uploaded image, select ‘Erase’ from the right side menu, then select the \u2018Magic Wand\u2019 button, click on the image background, and then click \u2018Remove Pixels\u2019 from the right side menu:<\/p>\n\n\n\n The background should be removed, but you may have to repeat that process a few times to get all parts of the background.<\/p>\n\n\n\n Eventually you should have removed all of the background and can click \u2018Done\u2019:<\/p>\n\n\n\n On the next screen click \u2018Export Image\u2019, and then you can finally download your Twitch overlay design with a transparent background:<\/p>\n\n\n\n Ca<\/a>nva is another incredible option for creating facecam borders and other stream designs for your channel.<\/p>\n\n\n\n It takes a bit more time and efforts than using Placeit’s but the customization options are far superior. So if you want to customize every aspect of your facecam border design (and create incredible designs for free) then Canva is a good option for you.<\/p>\n\n\n\n If you check out Placeit<\/a> and Canva<\/a>, and they’re not quite what you’re after there are a few alternatives that we also recommend.<\/p>\n\n\n\n We tested out a lot of tools when we created our ‘Stream overlay Makers<\/a>‘ article, so we recommend checking that out for alternative options. <\/p>\n\n\n\n Sites to buy premade facecam borders and other stream designs and packs:<\/p>\n\n\n\n\n
What is a facecam border?<\/h3>\n\n\n\n
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/facecam-border-tfue-1024x552.jpg\")
Facecam border size, dimensions, format:<\/h3>\n\n\n\n
\n
#2 Creating a facecam border with Placeit<\/h2>\n\n\n\n
Step 1 – Choose a template:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/webcam-overlays-placeit.jpg\")
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/best-selling-templates.jpg\")
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/adding-to-favorites.jpg\")
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/going-to-favorites.jpg\")
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/free-templates.jpg\")
Step 2 – Customize your template:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/editor-1.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/more-template-options.jpg\")
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/editor-options1.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/save-draft-2.jpg\")
\n
\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/editor-options2.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/customizing-elements1.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/customizing-elements2.jpg\")
Step 3 – Download your template:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/download-1-1024x688.jpg\")
\n
Facecam borders we made with Placeit:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/simple-twitch-obs-webcam-frame-template-1199-1024x576.png\")
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/obs-webcam-frame-overlay-template-for-a-girly-gamer-1199b-1024x576.png\")
Commercial usage of the templates:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2020\/10\/license-801x1024.jpg\"){kind=spacer}
What else you can do on Placeit:<\/h3>\n\n\n\n
\n
Conclusion:<\/h3>\n\n\n\n
#3 Creating facecam border with Canva<\/h2>\n\n\n\n
Step 1 – Click ‘Create a design’:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/customi-size.jpg\")
Step 2 – Create your facecam border:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/shapes.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/free-filter.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/full-canvas.jpg\")
Step 3 – Download your design:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/download-options.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/canva-pro-download-options.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2020\/09\/canvapro.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2020\/09\/pricing.jpg\")
Facecam borders we made with Canva:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/facecam-border-1-canva-1024x576.png\")
![\"\"](\"https:\/\/mk0designhubco91nmqm.kinstacdn.com\/wp-content\/uploads\/2021\/01\/facecam-border-2-canva-1024x576.png\")
Commercial usage of the templates:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2020\/09\/canvalicesne.jpg\")
What else you can do on Canva:<\/h3>\n\n\n\n
\n
Get a transparent background for free:<\/h3>\n\n\n\n
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2020\/12\/kapwing1-1024x522.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/kapwing-magic-wand.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/kapwing23.jpg\")
![\"\"](\"https:\/\/designhub.co\/wp-content\/uploads\/2021\/01\/download-kapwing.jpg\")
Conclusion:<\/h3>\n\n\n\n
#4 Alternative Tools<\/h2>\n\n\n\n
#5 Other resources<\/h2>\n\n\n\n