How to Draw and Annotate on Live Videos!

If you have a webcam, a computer, and a tablet like an iPad, here's how to add drawings and annotations to your videos, composited seamlessly in real-time for recording or streaming! We walk you through the process of setting up OBS Studio and iPad capture software to put your illustrations and notes on-screen--all with free software!
OBS Studio: obsproject.com/
ApowerMirror for capturing iOS: www.apowersoft...
Adobe Fresco drawing app: www.adobe.com/...
Canon Webcam Utility: www.usa.canon....
Shot and edited by Norman Chan
Tested Ts, stickers, mugs and more: teespring.com/...
Subscribe for more videos (and click the bell for notifications): www.youtube.com...
Twitter: / testedcom
Facebook: / testedcom
Instagram: / testedcom
Discord: / discord
Amazon Storefront: www.amazon.com/...
Savage Industries T-shirts: cottonbureau.c...
Tested is:
Adam Savage / donttrythis
Norman Chan / nchan
Joey Fameli www.joeyfameli.com
Gunther Kirsch guntherkirsch.com
Ryan Kiser / ryan.kiser
Jen Schachter www.jenschachte...
Kishore Hari / sciencequiche
Sean Charlesworth / cworthdynamics
Jeremy Williams / jerware
Kayte Sabicer / kaytesabicer
Bill Doran / chinbeard
Ariel Waldman / arielwaldman
Darrell Maloney / brokennerd
Kristen Lomasney / krystynlo
Intro bumper by Abe Dieckman
Set design by Danica Johnson / saysdanica
Set build by Asa Hillis www.asahillis.com
Thanks for watching!

[@tested]

OBS Studio: obsproject.com/ ApowerMirror for capturing iOS: www.apowersoft.com/phone-mirror Adobe Fresco drawing app: www.adobe.com/products/fresco.html Canon Webcam Utility: www.usa.canon.com/internet/portal/us/home/support/self-help-center/eos-webcam-utility/

[@Technicalcrazypathan321]

kzbin.info/www/bejne/e4OcfJhjor6Wo6c

[@BostonTerrierDad623]

Thank you for this - question: as a sports coach, which apps or processes would you suggest to give me the most efficient route of telestrating game film for both our teams' past games & upcoming opponents? Sound is not a priority one way or another

[@ruudbremer]

extra tip. i would make a red box on the green image that will match the obs streaming window. This will represent the window to draw in when you have stretched out the window capture.

[@jakehall7124]

This is great! Can anyone make this image and then share it? I do not have Adobe software

[@Pbrady711]

@@jakehall7124just search Google for green screen color image

[@jordanholmes9943]

High school teacher here. I’ve been wondering what kinds of video editing stuff I could do while we start the new year in distance learning. Thank you so much for another idea! I do a lot of drawing and writing on my white board and this could work well.

[@dsample]

If you don't have an iPad (I don't), there are cheap Wacom and Huion graphics tablets (~£50 in the UK), and then you can use AutoDesk Sketchbook or GIMP/Krita to do the same thing without an iPad.

[@vivekjoshi3769]

Hi ​@@dsample I am a textual content creator but I am slowly moving to graphical content like Infographic and cheatsheet for tech toosl. Can I make arrows markings and handwritten text to make these stuff more customized on these tablets and softwares you mentioned? Thanks in advance man!

[@proxy7874]

​@@vivekjoshi3769 yes Vivek you can! I hope I'm not too late😊

[@211teitake]

​@@dsample how would you do that?

[@NihadBadalov]

@@211teitakethose are computer apps. You download them

[@mtdong]

Love this idea! To help you see what area of your fresco canvas will actually be displayed on screen, I'd add a 16:9 rectangle in a contrasting color (I.e. Red) to your fresco canvas and scale your window capture in OBS so that rectangle is just barely out of frame. This will act as a guide/boundary to draw within. Thanks, Norm!

[@loxdhen]

You better believe I'm gonna recreate this in Windows Paint.

[@kimisjustokay]

How'd it go?

[@UloomiKarimOfficial]

This is an all in one video on basic controls and how to use OBS, annotation and chroma key! WAY better than all the other videos that teach a skill! 💯👍🏽

[@Yathuprem]

The app devs when seeing this, will change the water mark color for sure.

[@joyphobic]

God,I already hate apowermirror as is. Please don't give them any more ideas,lol

[@berndeckenfels]

You can also use a white chromakey with for example mspaint window.

[@CliffLewis28]

No doubt.

[@thetruthexperiment]

Yes, whenever my apps get massive free advertising I make it useless to all my potential customers.

[@Kevin_Eder]

Maybe for the next video make a DIY teleprompter to see the drawing while looking at the camera?

[@DarkNemesis04]

Another Highschool teacher here! This is really great Norm! Thanks alot!

[@saitansky]

Wow thx for showing us that, I was searching a better way than the traditional transparent board we use at university, really good alternative, since a lot of our teacher are working from home also.

[@ActuallyRedWizard]

You could probably also get away with annotating after the fact by running your previously recorded video through OBS in place of your Webcam. Record another window in OBS of your video player and have the Tablet layer overhead. This could solve your "drawing while addressing the camera problem at the cost of another step in editing.

[@andrewdavidshiller4158]

Great clear vid. So it looks like you need to use OBS, Mirror software, Adobe Fresco, and Adobe Photoshop in order to do this? It's an awesome thing to do but I can't imagine working with such a complex process.

[@EmrutoSynths]

Norm is a national treasure

[@alyssonlago]

Thank you for sharing! This is amazing

[@HotSpotAction]

Thank you For showing and teaching me How it works and how to install It works perfect

[@PeterRichardsandYoureNot]

Why would you use green instead of black to make it easier on your eyes while drawing like a traditional chalk board? The alpha channel shouldn’t pick up anything in background because it’s layered on the top and not a true genlock that would make floating objects like traditional green screen. If the video was piped into the iPad so you could allow viewing exactly where the drawings are going in relation to video, that would be the best. I’m going to try this with apples build in screen extension and see if it works.

[@TheAshenCrow]

This is a really great video! It certainly seems like there are a lot of steps to make this work.

[@cesarcantero]

How can I do the same but editing a video? I’m a tennis teacher and I use to film my student and then I want to do a video explaining what is wrong marking the movement they make. Help me please.

[@UseR-ne8fm]

Nice idea ;) I did. this by plugging a frame grabber into the iPad. So there was no need for an extra app… Best regards!

[@L2.Lagrange]

Gonna watch this later. Thanks!

[@kkourmousis]

Did you watch it?

[@bakajoninjapan]

This is EXACTLY what I was looking for! Thank you!

[@pebui]

This should be fun for NFL Play-by-Play style review of videos.

[@IvoTsochev]

Is there a way to see on your iPad, where exactly you are drawing? Something like displaying the actual video on the iPad and drawing instead of blindly drawing on green screen?

[@cottoncoffin]

Did you figure this out???

[@jonathanfisher9312]

Adam Savage is awesome

[@jonathanfisher9312]

Also everyone on le channel

[@scottwallacejr]

Do the annotations have to be live? Or can you do them after you film the video?

[@fido9745]

Thumbs up for the intro theme

[@IceMetalPunk]

I have a Windows 2-in-1 tablet laptop, and I (weirdly) had trouble finding an app for Win10 that could draw on a fullscreen image. The desktop version of Photoshop seems to not be very touch friendly, always scrolling with touches instead of painting. In the end, I just coded up a very quick, simple, and dirty HTML5 canvas implementation to run in a fullscreen browser, and that did the trick! Understanding where everything in the frame is relative to the blank green screen is pretty hard for me, though that's probably just my failure of spatial visualization 😂 Nice tip!

[@joshhardin666]

I would suggest, to help with drawing while looking into the camera, a simple DIY teleprompter project with some teleprompter glass, a wood (or pla if you have a 3d printer) frame, and a video monitor that's been set to horizontally mirror your computer's output. from there, you tell OBS to give you a monitor window and full screen it on the prompter video output. - this is also FANTASTIC for video calls because you can look at the other person's face on your prompter's monitor while looking into the camera behind it.

[@Mrcatpants56]

Yeah that guy on Khan academy does this too!!!

[@zargle5924]

I thought he just draws straight up in software. Does he do webcams now?

[@Mrcatpants56]

@@zargle5924 yeah he webcam but webcam is black

[@zargle5924]

Mr. Catpants ummm so you mean he’s just in photoshop using a drawing tablet

[@Mrcatpants56]

@@zargle5924 web

[@adinobrysonph.d.5317]

Thanks, you just solved a problem for my video conferences. Very useful.

[@Snipersounds]

Thanks SO much Adam! I have been looking for a solution to this for a while!!

[@thisandthatguy1156]

Cool thanks for sharing!

[@wasbeen]

Good video, might have to try an adjusted version with my hardware switcher. But it is amuse me how you kept mentioning free software.... then used Photoshop to just turn the background green 😜. Maybe could have kept free and used GIMP, or can’t the Adobe sketch software change its paper colour?

[@ezeefied]

thank you needed this

[@boys_and_pizza]

omg! My stream audience is going to love this! YOURE THE BEST! SUbbed

[@anthonyomeara7516]

Excellent video! This is exactly the type of thing I've been looking for. Very useful indeed and I think I see how one might even put animations into a live stream with a similar process. It would be great to see more of these type of videos! I've enjoyed the channel for years another great video

[@jerryjohnsonii4181]

Very Cool teaching tool !!!!!!!!!!!!!!!!!!

[@forex7769]

My brain hurts now omg ! So much stuff to know

[@syanmusique]

can you draw on an existing video? I need to draw live on a music video for a performance.

[@JanTuts]

If it's just for annotations, do your eyes a favour, and use BLACK as your background and chroma key...

[@NotDead10008]

What if i wanna toughen my eyes?

[@arthurschwieger82]

Thank you for showing this. I like the basic idea of this. I tried it on my Windows computer using paint OBS and it worked well. If I hooked my digitizing pad up, I would be able to easily annotate using an electronic pen. Or on my laptop screen that is a touch screen. I played around with it and it worked well. I make my green area the exact size of how I have that app shared in my OBS scene so I knew exactly where my boundaries were and I could still get at the controls to change color, pen, draw shape, etc.

[@kimisjustokay]

Was this all on one PC? Or using one as the drawing tablet and one running OBS?

[@arthurschwieger82]

@@kimisjustokay - This was on 1 computer.

[@SkyCharter]

Thanks. Helpful as I work my way into OBS.

[@isabelamacavei8418]

Hello, Adam! Can you use a laptop instead of a stand-alone computer? Could the webcam be built-in?

[@2350J]

THANK YOU THIS IS SUPER HELPFUL

[@Vrunnn]

This tutorial was so cool!

[@embeddedninja1249]

Thanks for the day man

[@ElliottStreet]

Very clean setup, I like this a lot. A similar technique could be used with a wacom tablet if that is what you had available.

[@MrBoladao100]

You're the hero that i dindt think i need it

[@iampapicrypto2165]

This is so amazing, might do this one day, thanks !!

[@lukasadam1845]

Thanks for the video, I would need some help. I have a simple Wacom device without a screen and need to draw in MS Paint (or some other Windows app). Is it possible to use your way to annotate video, which I need to pause? The problem is that once I start drawing in MS Paint, OBS gets inactive and I am not able to pause the video without alt-tabbing.

[@JamieSellars]

Game changer. Thanks for this 👏🏻

[@TonyAnczerRE]

Cool idea!

[@paulsastroutomo4273]

great tutorial, very clear explained, thank you

[@wegbored]

Brilliant.

[@CodingDojoVideography]

Awesome video! Two Questions. 1) Do you know of a way to use OBS the record drawing-on-screen WITHOUT it being live? Recording over a pre-existing video and saving the drawing portion as an alpha channel? 2) and secondly: how do you save (through OBS) an export of the drawing that was done on the video?

[@OnceinaSixSide]

Assuming you're trying to do this all in a PC with something like a Wacom and not an iPad, the method is pretty similar - In Photoshop (or whatever drawing programming you're using) set your background layer to green, capture your screen with OBS or another screen capturing software, do your drawing, then in your video editor use a chroma key to remove the green background.

[@QAInsights]

can we setup this to record softwares and draw at the same time?

[@jay3747]

Thanks for the Video! Helped me

[@martiltl]

I need to make an educational video with myself in the background doing the presentation and having text appearing in front of me on the screen. The text background should be transparent.. How do I do it... Hope you can help me with this.

[@ProfeIsra.Musica]

Thanks. It was so useful knowledge.

[@SierraLimaOscar]

You really need to look into NDI. It's a much more straight forward solution for transporting professional video over IP networks.

[@tmadel]

What?? That’s not what this video is about....

[@SierraLimaOscar]

@@tmadel Yes it is. You can do the same with NDI without weird workaround. Look it up.

[@njbrad007]

For those using Windows, you can use ZoomIt docs.microsoft.com/en-us/sysinternals/downloads/zoomit . Look on the Draw tab for the keyboard shortcuts.

[@cruzer2727]

Would be better if you could see your video on the iPad and then annotate over your video so you could have precision.

[@JamesOKeefe-US]

Awesome video, thanks!!

[@alexbachouraDDSMD]

What if I'm trying to draw on some form but have to be very precise in my placement? I have this setup but I ran into issues with trying to draw over items because my pen was off. Is there a way to capture the image you're trying to draw onto on the ipad?

[@Flummiification]

Do you have to have the greenscreen or could you just use a colorless see through alpha channel?

[@nicoleallen266]

Super helpful! ThAnks 😊 I just googled a green background instead of using photo shop since I’m a little adobe illiterate lol

[@ac6852]

This is amazing! Thank you!!

[@davesad9701]

Thank you so much! You are awesome!

[@matteopascoli]

Hmmm... I hoped for a way to annotate videos that I’m seeing on YT 😕

[@levarhiggs3174]

You can stream KZbin videos directly into OBS and record. Or you can download them as well and load the file

[@mockier]

Alternative option: Using a wacom tablet(or other graphics tablet) you could use OBS to capture a second monitor on the same PC.

[@AlexGonzalez-bc6pm]

Please elaborate

[@OreApampa]

Super useful. Thank you

[@vincentdowd]

Thanks for the video. I am using OBS for webinars and was trying to use a cam and pad but like your idea better. I have set up my ipad and connected to obs via a video screen capture so can see the scene element with ipad, loaded the A power mirror but lost here. You said you choose power mirror but this is where i got lost can you help as I have the ipad connected in scene but not sure how power mirror works between laptop and ipad? thanks

[@mattnewton4755]

To help with looking at the camera and drawing you could set up a teleprompter

[@celtic5764]

What drawing tablet do you use? I’m trying to find the right drawing tablet that’s around $150 maybe a little. So, iPad are out. Thanks for your time.

[@That1Niqquee]

Will this only work for live video or can we also do it with a video thats already edited and just wanna add your own lil style with the animation

[@vebgnx4513]

i also have been wondering how to do this!

[@scottwallacejr]

Did you figure that out?

[@hogandoink5630]

Its possible to do this without the ipad. If you have a wacom or use a mouse. Use photoshop as your 2nd window in OBS. Make the photoshop background green. Filter it out in OBS. Write on the photoshop document while video is playing.

[@InterfaceDeath]

Very cool idea!

[@strengthempire8677]

Can this be done when review a game like soccer for example when showing clients things they can work on when reviewing their games!

[@Technicalcrazypathan321]

very amazing

[@khalidelgazzar]

Great video, thanks

[@sweetrios]

Just like the weatherman

[@SIXGHz]

Modern problems require modern solutions

[@TheOneMuslim]

can it also open a pdf and annotate onto it for a livestream lesson where a text is being taught?

[@dennisdevine9563]

Awesome!!!

[@urthcreature]

Is it possible to do this on I phone and record my voice explaining, for upload to youtube? Just the writing screen and voice layer. Thanks!

[@Stanly450]

Thanks

[@miguelsgoliveira]

Hi! My ApowerMirror is mirroring my ipad onto my macbook perfectly, however ApowerMirror won't show up on the drop down menu for choosing the window I want to capture on OBS- does anypne know what the reason for this could be?

[@mariorstan]

This video is awesome thank you for making it! Can you do all of this and still do picture in picture with a pre-recorded video and be able to draw on it? And did you record this video in that software?

[@roginutah]

Is Adobe 'free' too? Thx.

[@jackson_a95]

Awesome thanks for sharing!

[@Balthazar2242]

Now we can finally do Videoball play-by-play commentary the right way!

[@sathyashiva3363]

Superb

[@Michael-dt7sd]

I wonder if you don't have a tablet if you could use the Windows Gaming capture thing to pipe a Microsoft Paint window or such into OBS.

[@abar_]

How would you go about switching from live feed + live draw over to presenting perhaps a smaller version of you (like in the bottom corner) and then present images / saved video to the feed and live sketch over the pre-compiled assembly? Would you recommend use of a deck where you can pre-set links?

[@TheTarrMan]

Cool idea.

[@evaa7246]

I have a final power point presentation and was wondering how do you highlight parts of the image and then switch to a different part?

[@Lanneta]

what software do you recommend me for making simple drawing animations lake this but not in live stream just in previously edited videos.

[@omakasestudio472]

Hey, is there a way to draw on an iphone no matter what app is being used on the iphone or even no app at all (draw on the home screen for example)? I'd like to draw on the iphone while showing my process of editing images on Snapseed (while I'm screen recording). Thanks!

[@미친주식]

Thank you!!!

[@FacesintheStone]

I’d like to do this so I could capture the art on stones I’m finding so I could show you guys how to see these artifacts.