Whiteboard animation video: complete tutorial

[@learnsustainability]

If you found this video useful, please subscribe alturl.com/jc8u6 and leave me a comment below. Thanks!

[@ASMR-xe9kw]

THAT WAS PERFECTLY USEFULL THANK YOU ! you're so kind and told us evreything. You are an honest youtuber thank you for existing in this world 👏👏

[@davidwafulake]

Sik alien • Thank you also for existing also. Many people usually don’t show gratitude 🙏🏾

[@kurulusosman2926]

How to ad moving effect in videoscribe like the waving hand, moving elbow of person etc?

[@agusms4261]

I also made an animated whiteboard for my channel. It turns out that it's easy, it's difficult to place the transition and the position of the view

[@learnsustainability]

Cool! I am not sure what you mean by "it's difficult to place the transition and the position of the view"...

[@nadezhdaershova9776]

Hi. Can I do it without professional pen tablet? Is there another options? Thanks

[@learnsustainability]

You might be able to do it with a phone and/or a tablet as long as you can draw (with your finger or stylus) and record it. But I don't use these devices so I couldn't tell you.

[@nadezhdaershova9776]

Thanks for a reply... I also saw the video, where they were shooting real time draw ing with the hand... and it was really cool... what do you think about that? Is it for advanced only?

[@learnsustainability]

@@nadezhdaershova9776 Yes, you can definitely do that. Two caveats: 1) you need to feel very confident with your drawing and 2) you will need additional gear such as a good camera, lighting, tripods, etc. which can quickly be several hundreds of dollars...

[@RAKAN_GNO]

Excuse me: Is there a program that converts a normal image into a whiteboard vector??

[@DorisDupuis]

I must try this. Love it and would adjust it to other types of animations. Merci beaucoup.

[@anaklaut8588]

Can Screen Record Pro eliminate cursor and brush tool? I'm using MediBang Paint and wondering how can I do this.

[@learnsustainability]

Yes, my screen recorder ("Voila" from AppStore and most recorders I have used in the past) has an option to show cursor or not and I choose not. I don't know about MediBang Paint.

[@anaklaut8588]

@@learnsustainability Thanks for the info. Yes, I can hide the cursor but not the brush tool circle (that's visible when doing the painting). Do you have this issue with Photoshop? Sorry if I'm confusing.

[@learnsustainability]

@@anaklaut8588 Sometimes the eraser cursor shows when its size is higher than 60 so I'm trying to never use it that big. Weird, isn't it?!

[@terrygruenewald1681]

This was so refreshingly on point. Thanks for sharing your awesome process.

[@learnsustainability]

Glad it was helpful! Thanks for commenting!

[@Adii..740]

Bro you can make it using blender with build modifier and 2danimation

[@learnsustainability]

Sure! Can you explain to everybody what you mean by that?

[@JOmondi1]

Alex thanks for sharing. You are a great guy and you have done far more than you could imagine. You have taught me more than I was taught in most of my degree courses in environmental science.

[@learnsustainability]

Thanks a lot! And you have sent me the best testimonial so I shared it on the Sustainability Illustrated website :-)

[@wingyeesiu3770]

Thanks a lot for your video, very informative! As I do not have a drawing pad. Can I illustrate them on Procreate for the images? But what I m stuck is after that how can I animate them?

[@learnsustainability]

I have never used Procreate so I can't say for sure but if you can find an app to record your screen as you draw, you can certainly throw the recording into any movie editing software, accelerate it and turn that into a video.

[@punstress]

Thank you, it was very helpful. I wonder why you don't just use a second monitor for your reference, instead of pausing. You can even use a tablet. Tell me, how do you draw such straight and precise lines, for example the buildings? I know there are straight line tools but spacing them and sizing them perfectly is not easy to do on the fly, and I don't think drawing a freehand line would result in such straight lines.

[@learnsustainability]

Good question! I have never thought of having the reference on a second screen because I use only one screen but it is a great idea! The straight lines are done using SHIFT in Photoshop.

[@azyt]

So to confirm, you draw WHILE you screen record?

[@learnsustainability]

Yes, I draw while recording the screen to create the drawing footage but I prepare my drawings carefully ahead of time, I don't draw random stuff spontaneously... I wish I could 😉

[@azyt]

@@learnsustainability appreciate the feedback!

[@s.ciganda2855]

Hi, I love your video. It is now 2024, do you still use the pen tablet to draw or something else, like an iPad, for example?

[@learnsustainability]

I still use a pen tablet: Xencelabs

[@s.ciganda2855]

@@learnsustainability Thank you!! Another question: I don't see you looking at the pen tablet when drawing. How do you know where to place the pen, for example, drawing eyes on a face, how do you know without looking to the tablet where to place your pen on the Mac? Help!!

[@learnsustainability]

@@s.ciganda2855 The cursor/brush moves on the screen like a mouse, except it is 100 times for precise, like a pencil in your finger tips.

[@s.ciganda2855]

I have looked at your video in slow motion, and the cursor doesn't show on your screen while you are drawing, I only see it when you hit the Photoshop area, for example, but not on the white board where you are drawing. Then, how can you place your cursor on the right spot if it doesn't show up? And if there is a cursor, why doesn't it show in the video since you are recording the screen? I must be missing something... I am using an iPad, by the way.

[@learnsustainability]

@@s.ciganda2855 In most screen recording software, you can choose if you want the cursor to show or not in the video footage. Often I choose not so it does not show in the video but it still shows on my screen when I draw 😉

[@davidaburam727]

what video editing tool can i use for windows 10

[@learnsustainability]

I am not familiar with windows 10 software. I know many people use Adobe Premiere but there must be some decent free software too if you look into it.

[@SomethingGracey]

thanks for sharing. i always wonder how it works.

[@learnsustainability]

Cheers! Glad it helps.

[@jess_ingrass]

thanks so much, this was really helpful!!! very clear and just the right amount of detail for a beginner like me

[@niyitegekavalentin1809]

Great work , what software did you use for recording the drawings

[@learnsustainability]

I'm not sure what it was when I recorded this video but these days I use something called Voila voila.en.softonic.com/mac

[@nrityagiridhar7497]

Hi Alex! I love this tutorial, I have been making a whiteboard drawing using your method. One thing I can not figure out is, how to write text without a text box appearing. Please help me out.

[@learnsustainability]

Hi, I'm glad this is helpful. Thanks for your message! I do the texts either in Photoshop with the text layer behind a white mask layer and I erase the mask with the eraser tool or in FCP X during editing with a "typewriter" text. Is the text box showing in Photoshop?

[@alongcameleo943]

Thank you so much for sharing 🙏🙏🙏

[@makespace8483]

Helpful and interesting.

[@swarupKmohanty]

I don't know how to draw ...is there any software that would help me to draw my thoughts sketches ?

[@learnsustainability]

No, I don't know any software that can draw for you but you can find free illustrations on website such as www.freepik.com/

[@antikytherastudio]

Very useful. Thanks Alex! I certainly prefer the hand-drawn approach to some of the generated services I see out there. Couple of questions if I may: Do you ever ‘pre-draw’ the illustration in a faint outline and then ‘re-draw’ it during the recording (like a comic book artist would ink pencil lines). This could then be removed by increasing the contrast (or a chroma key).

[@learnsustainability]

Cheers! I have used the pre-draw idea in the past when the drawings were really complicated and needed to be exact but it makes it impossible to use colours because they get altered too much.

[@antikytherastudio]

@@learnsustainability Interest. I assumed it would be possible to entirely exclude a single colour (similar to a green screen technique), but I'll have to experiment before I commit to a big project.

[@antikytherastudio]

@@learnsustainability Another technique I wondered about, would be do complete the entire drawing, then record myself erasing it line by line. Reverse this in the edit and I think it might make quite a convincing effect! What do you think?

[@learnsustainability]

@@antikytherastudio I personally don't think this gives very good results, it gets messy when lines cross one another, etc. But you can certainly test for yourself and see what works best. I do use the erase tool for texts when I don't do them directly in the editing software.

[@learnsustainability]

@@antikytherastudio Yes, you can also "recolour" with your editing software. I have seen plugins for FCPX that do that very well but I never got into it. I try to focus my time on good drawings.

[@artisatumiwa6962]

wow there's so much that goes into your videos! really appreciate this! thanks for sharing :)

[@learnsustainability]

Cheers! Thanks for stopping by!

[@EdgarOnyoutube]

I've always been curious! Thanks a lot !

[@ASMR-xe9kw]

I wanna use this so i can do some educational videos it helps

[@somefrenchdude9439]

Thank you so much for your crystal-clear explanation. Are you French? QUESTION please: How long does it take in total for a 15 min video, all included (script writing, recording, drawing, synchronizing voice & drawing, etc.)?

[@learnsustainability]

Yes, I am French 😃 15 minutes is quite long. The last video I posted on my channel is 11 minutes (sustainability analysis of an iPhone kzbin.info/www/bejne/Z4DNna2AbdtseaM) took about 2 weeks to make but I did other things at the same time so maybe 6-7 full days. 15 minutes might take me 9-10 days but it also depends on how much research is needed for the script, the complexity of the content to explain and to draw, how much time I decide to spend on sound design. You will see that the iPhone video is very polished.

[@somefrenchdude9439]

@@learnsustainability Merci monsieur. Is it your full time job? Spending 7 full days for a 15 min long videos, it must bring you qome good cash, enough to live comfortably?

[@learnsustainability]

@@somefrenchdude9439 Making videos like this is my full time job but the KZbin videos are only part of my revenue. I also make videos on commissions for clients.

[@somefrenchdude9439]

@@learnsustainability thanks a lot for your reply. is it still realistic today to earn at least 2000€ in doing such videos with JUST the KZbin revenues? How long does it take to reach that stage? I'm sure your experience can help to answer this questions and shares some guidelines or landmarks. Thank you so much. Also, since you said you also make videos on commissions, can you draw anything from sratchh? Or do you only use images from library? Thanks

[@learnsustainability]

@@somefrenchdude9439 IO think it all depends on your niche, your channel, the quality of your videos, etc. I never use image libraries. I like drawing my own illustrations exactly the way I want them. I can't say I can draw anything from scratch but I can draw a lot and I can make up what I don't know or look for a photo and then make my own drawing of it.

[@uniquenamegoeshere2263]

What screen capture program are you using?

[@learnsustainability]

Currently using Voila from App Store but I have used many different ones over the years.

[@uniquenamegoeshere2263]

@@learnsustainability Thank you very much! I am just learning how to do this for a client. I am learning After Effects as well. Your work is really great, and your explanation of the process is so helpful! I know how to draw, and want to harness those skills to make some compelling new work.

[@learnsustainability]

@@uniquenamegoeshere2263 Good for you! And good luck with it all, it is fun work :D

[@SketchbookStories]

Salut, Alex! Merci! I appreciated your tips in this video very much. I'm struggling to keep my animations interesting on the screen. Sometimes I feel like I have nothing to draw while the narration is happening. How have you improved your creativity when you struggle to keep things moving? 🎨📝👨‍🎨

[@learnsustainability]

Glad it was helpful! Several ideas: try to use as many metaphors and examples in the script so you have interesting and fun things to illustrate, try to think about other things you would like people to understand (don't be too literal), watch other videos such as the RSA animate one to get more ideas, use texts to reinforce concepts.

[@Myrslokstok]

Agree and no hand as well. Clean and nice.

[@QuotesArticles]

Wow! Thanks for the content! So much effort in each and every frame my friend! Great job!

[@learnsustainability]

Thanks! Glad you enjoyed it.

[@peternono7495]

Good job Alex!

[@learnsustainability]

Cheers!

[@b4syth1]

Cool stuff! ... How do you hide the cursor?

[@learnsustainability]

this is an option in the screen recording software

[@osklivapravda37]

Great tutorial..thank you..was looking for that for a long time

[@adaptabilityacademy]

Thank you!

[@learnsustainability]

Cheers! Thanks for stopping by!

[@pph1L]

Thanks a lot, I like your processes. And now I'm subscribed ;D

[@darkodacovic7375]

Thank you Alex, great video

[@AndersonKao]

Why not just erase the pictures you pre-made and just reverse the video?

[@learnsustainability]

Good idea! I works for some things but it can get really messy when lines cross one another and it rarely looks as real as when you really draw, in an order that makes sense and draw and to watch something being drawn. But if you draw something simple like a circle for instance, erase it and reverse you will get a pretty good result for sure.

[@Nkhmwahl]

ThanQ so mush so interested I highly to draw you pic then insert in video scribe program maybe it will be easier for you .

[@learnsustainability]

Maybe :-)

[@netartrodrigofarias6712]

Muito bom... parabéns pelo trabalho!!

[@js-di6dq]

Thanks for the tutorial! Can you spell the name of the recording app you use?

[@learnsustainability]

It is called "Screen Record Pro", 2011 by Brad Bertram, from the App Store. It i an old app and probably not the best but I am used to it and haven't bothered to get familiar to a new one yet.

[@js-di6dq]

Thank you so much, Alex!

[@youtubebusinessstrategy9533]

Great tutorial. Thanks

[@learnsustainability]

Cheers! Thanks for stopping by!

[@dendropolis]

super généreux... merci!

[@pierrecarvalho8773]

Really helpful. Is there a cheap mic and drawing tablet that would work for these kind of videos?

[@learnsustainability]

I don't think you can find a better deal that than the Blue mic for quality/price. Regarding tablet, I started 3 years ago with a small Wacom bamboo tablet like this one www.bhphotovideo.com/c/product/520800-REG/Wacom_MTE450_Bamboo_Tablet_Small_Black.html and worked fine but I decided to get a bigger one to get more precision and to be able to bring more details in my drawings.

[@ahmadmobaraki7371]

great job!

[@AzharRafiq]

This is the guide I need! Thank you for sharing! :D

[@learnsustainability]

Glad it helps :D

[@AzharRafiq]

sir, do you think GIMP is also good for alternative software? have you tried? thank you

[@learnsustainability]

I don't know anything about it, sorry :-)

[@hellocalifornia3059]

Please can you monetize whiteboard animation?

[@learnsustainability]

Sure, you can monetize any type of video on KZbin, as far as I know.

[@resipsaloquitur13]

Thanks! Great stuff!

[@VideozForFun]

5:59 It takes a fair amount of energy and fuckers.... 🤣

[@hellocalifornia3059]

New subscriber here .. you are really good.

[@learnsustainability]

Cheers! Thanks for subbing!

[@pthanhhoa7]

Thank youu Alex!!

[@BishopEddie5443]

WOW!

[@earlbird3043]

thx for the video

[@sarahabib1760]

How do you make your mouse (brush) invisible while drawing and coloring ?

[@learnsustainability]

This is a check box in my screen recorder, you can have it visible or not :-)

[@tiplandik1382]

it is screen recording program. I was trying the same thing. program has hide cursor option.

[@yunusatas7020]

ıt was perfect. thank you so much

[@normajeanlutz2065]

Enjoyed this video. We at Cash Flowing 2 You are also interested in Whiteboard Videos. Thanks.

[@tabithamatchett340]

endgame

[@agusms4261]

I also made an animated whiteboard for my channel. It turns out that it's easy, it's difficult to place the transition and the position of the view