Produce Engaging Whiteboard Animations in VideoScribe | Mary Ingrassia | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Produce Engaging Whiteboard Animations in VideoScribe

teacher avatar Mary Ingrassia, Promote Yourself, Engage Your Audience

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.



    • 2.

      What is VideoScribe?


    • 3.

      Logging in


    • 4.

      Setting up


    • 5.

      Create a Scribe


    • 6.

      Adding Images


    • 7.

      Changing Image Properties


    • 8.

      Adding Text


    • 9.

      Changing Text Properties


    • 10.

      Preview, Save & Render


    • 11.

      Adding Music & Voice Over


    • 12.

      Camera Positioning


    • 13.

      Importing an Image from a File


    • 14.



    • 15.

      Adding a GIF


    • 16.

      Advanced Image Properties


    • 17.

      Image & Text Filter Effects


    • 18.

      Move in an element


    • 19.



    • 20.

      Changing Hands & Backgrounds


    • 21.



    • 22.

      Final Preview


    • 23.

      Importing & Syncing a pre-recorded voice over


    • 24.

      Create & Edit SVGs in Illustrator


    • 25.

      Making a GIF


    • 26.

      Add a Chart


    • 27.

      Troubleshooting & Contacting Support


    • 28.

      Valuable Resources


    • 29.

      Design Advice


    • 30.

      Adding Backgrounds to Slides


    • 31.

      Project & Image File Organization


    • 32.

      Practice Whiteboard Project


    • 33.

      VideoScribe 3.0


    • 34.

      Congratulations & Thank you!


    • 35.

      Bonus: 8 Steps to Creating a Video


    • 36.

      VideoScribe for browser - Intro


    • 37.

      VideoScribe for browser - Adding Elements & Previewing


    • 38.

      VideoScribe for browser - Scenes & Transitions


    • 39.

      VideoScribe for browser - Advanced Timeline


    • 40.

      VideoScribe for browser - Sharing & Downloading your video


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

If you are looking to learn how to make your own Whiteboard Animations, rather than pay someone else to do it, you've come to the right place! Whiteboard videos are great for advertising and getting your message across, no matter what it is. You can have little to no video production or design knowledge to get started making Whiteboard Animations. These videos are great for small businesses, startups, and even teachers.

The goal is to learn the basics of how to use VideoScribe, advanced techniques within the program, and finally to approach the designing of whiteboard animations with a more artistic eye.

 New Lessons: Learn VideoScribe for browser - A new version of the program that allows you to create Whiteboard Animations from any computer connected to the internet!

Meet Your Teacher

Teacher Profile Image

Mary Ingrassia

Promote Yourself, Engage Your Audience


I have a B.F.A in Computer Graphics, and have been working as a Freelance Graphic Designer & Video Producer for over 9 years. I am a Top Rated Super Seller on Fiverr & a Certified Ambassador for both Fiverr & PowToon. I've have created thousands of Whiteboard & Explainer animations. I am passionate about being creative, and I hope to pass on my experience & knowledge to you!

See full profile

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Promo: Are you interested in learning how to create whiteboard, animations and video scribe. Hi, My name is Mary, and I love to teach you how to produce eye catching whiteboard animations like this one that can highlight your brand or product. I've been using video scribe for over two years and have created over 1000 whiteboard animations. I will share tips, tricks and valuable resource is to bring your ideas to life in a graphically engaging way. My course is great for beginner and intermediate level aspiring video producers. Whiteboard animation is perfect for all types of businesses and even for teaching, learn how to get your story out and help people remember your message. 2. What is VideoScribe?: video scribe is whiteboard animation software created and run by a company called Sparkle. They offer a seven day free trial and various subscription options like monthly subscriptions, yearly subscriptions or a one time payment. If you wanted to own a copy of the program for lifetime use, they also offer education licenses and multi user discounts for businesses. If this is your first time starting out, I highly suggest the seven day free trial to get an idea of what the program is all about. After that, if you want to continue using video scribe, you can choose the subscription that is best for you. 3. Logging in: once you have your account set up and running into your user name and password and click log in next, you'll see a project screen where all of your locally saved projects are on the top. Left. You'll see a plus symbol that you'd click to create a new scribe. The rest of the squares Here are all previous projects sorted by newest, first by default. This can be changed in the bottom left. You can go through pages of projects with this button on the bottom or by using the mass wheel scroll to scroll through them. If you need to search for an old project, you can click this filter button type in the name of the project you are looking for and hit the check mark. Now we'll show you all of your previously saved projects with the filter keywords you typed in. To go back to viewing all of the projects, click the filter button again and click clear filter. That's the basics of the project screen. Next, I'll be showing you default settings before getting started. 4. Setting up: from the projects screen on the bottom, right? There is a little gear icon that controls the default settings of all the scribes you make auto save. I would recommend keeping on as video scribe will save your projects every three minutes with this setting on default transition time is the delay between drawing one element to the next. You can click the plus or minus to change this or click right on the number two type in an exact number. I recommend point to default. Pause Time is the pause timing added to each element. I recommend having this zero default Max draw. Time is how long each image you add will draw out for later on. You will see you will want to constantly change this number within creating an animation. So I keep this a 30 since it doesn't really matter what the default is, since I change it up all the time with each drawing default image quality is the max resolution of each image you import like a J peg or PNG. I'd keep this 800 image files that are considered vector like SV. G files will not even use this setting once you're done here, Click the check mark before diving in and creating your first describe. Make sure you have all of your files in order, for example, your script, voiceover file logo or necessary images and music. 5. Create a Scribe: Once you're ready to create ascribe, click the plus icon from the Project menu to make a new scribe. Here you will see a blank canvas in the middle, toolbar at the top and timeline at the bottom. You will also see some icons on the bottom left. The arrows control movement around the canvas, and then you have the plus to zoom into the canvas and the minus to zoom out. The diagonal arrow is for zooming out completely from your scribe to be able to see every element in describe on the bottom. Right. There are controls for elements covered in the next video. 6. Adding Images: first, let's add an image to the canvas by clicking on the ad image button on the toolbar. Here you can search for an image with a keyword. Use an image from the recently used image section, which could go on for a few pages or browse the library by clicking the browse library Button. The other options to add an image, which will be covered more in depth later, or importing an SPG file or enter a Web. Buehrle. You can right click on an image to preview the drawing of that image. I'm going to select an image from the business category in the library to use, and you will see once it selected that it places right onto the canvas. You can click and drag the image around to move it. Use the corner squares to resize it and clicking and holding the middle icon will let you rotate it, so I'm going to resize it and set the camera position for this, using the set camera button on the bottom right. The icon just below set camera is the clear camera button, which will reset the camera position oven element. You also have cut, copy and paste controls for the images and text as well. Keyboard shortcuts also work here. Control expert Cut control. See for copy and control V for paste. You can also move selected elements around by clicking on it and using the arrow keys on the keyboard to slightly move your selection. If you ever have trouble moving elements with the keys or the keyboard, shortcuts won't work. Save your work exit video scribe and open it up again. I find that restarting the program helps resolve issues like that. 7. Changing Image Properties: when you have an image on the canvas selected on the bottom left, you will see the timeline now shows the image and some controls. There was, ah, hide button. If you want to hide a specific element for editing purposes, this doesn't delete it from describe. It just temporarily hides it. Next, we have the draw time plus and minus changes how long it takes to draw. Or if you want to input a specific number, just click the number there and enter a new value. If you want to see how this element will draw out, you can click the play button. Change properties Oven image by clicking the change properties button again. You can change animate time or change pause in transition. You can also replace the image or delete it entirely. I'll explain the other advanced settings in here. Later on, you can preview the changes you made by clicking the play button on the image. Save changes to the image by clicking the check mark, or if you don't want to save what you did in here, click the X. If you find yourself wanting to quickly get back to the camera view for a specific element in your scribe. Double click that element in the timeline, and it will bring you back to the camera view off that element within your scribe. 8. Adding Text: When you want to add text to your scribe, click the add text button on the toolbar at the top. Here, you can type what you want to appear on the canvas. Change the font and the color. For now, we'll stick with the basic video scribe font. Click the color option and you will see swatches come up. You can select the color from here or at the bottom. You will see a spot to paste in a hex color number. For example, if your brand uses specific colors, you can get it exact right here. I'll pick blue for now. And of course, I'll type in some text and click the check mark to add it to the canvas. Just like with an image, you can move it, scale it and rotate it. Now you will see in the timeline. The text is now there as a second event to occur in the video. As for timing, I like to have text right about half the speed of what it is defaulted to. Then I will set the camera position so it matches up with the previous element 9. Changing Text Properties: I'd like to add another text element. This time, I'll change the font. If you click the F icon, it will take you to a window that shows fonts that are installed on your computer. The ones highlighted in blue are ones that I have imported from my computer to video scribe . The ones and white have not been imported yet. It's probably not a good idea to import tons of fonts. Since it may slow down the program. I'm going to choose a font that I already have imported and type a new message. I'll also change the color, click the check, move it, slow the animation and set the camera. You can get some Creative Commons license and royalty free fonts at font squirrel dot com. Next, I'll click the Change Properties Button or another way to change properties of an element is to double click the element while it's on the canvas. And here you will see a few settings to play around with. I keep on Lee draw strokes check. I never really used draw backwards, but it's there if you need it. Gap controls house based out. The letters are from each other. 100% solid represents the transparency and this middle icon represents the text alignment. I want this to be central line, so I will select that to the right of this is the rotation. If you want to get it exact. And just below these, we have enemy pause and transition. You can replace text, change, font or color by clicking the T icon. A quick way to change font color is by clicking this watch, then click the check mark to accept. 10. Preview, Save & Render: now is a good time to preview what you have so far. You can preview each element individually from within the timeline, but the top right has a play button for previewing the entire scribe. Within the preview, you will see zoom at end, which is defaulted to being checked. This means that at the very end of the video, your scribe will zoom out to show all of the elements on the canvas. Personally, I like to keep this unchecked since I like to work, slide by slide and having it unchecked will allow for the video to end on the very less element drawn instead of a zoomed out snapshot of the entire canvas. It all depends on personal preference and how you want your video to end. The timeline shows the order in which each element appears and you can click, then drag elements around to rearrange this. For example, if I want the latest text, I added to appear as the first element, I could move it to the beginning of the timeline. If I want the hand with business card drawn after the listen up text, I added, you'll see that the image ends of covering the text. So you have to be mindful of the timeline arrangement. When you're ready to save the save button is on the top left. It will ask you what you want to name your scribe file Below that is a folder option asking you where you want to save your file within video. Scribe. I like to keep mine in the base folder. You can add a new folder if you want. Then there is the export to scribe file, which will give you a raw work file of describe which can be imported onto other computers that have video scribe downloaded onto them. Next is safe to sparkle cloud space, which is pretty handy. This will save your scribe online. For example, if you were working on multiple computers, you can access the file from sparkles cloud space easily online. Then there is snapshot to a pdf. This will save your entire scribe as a PDF file. Once you name the file and you want to save locally, click the check mark. If you click the top left button next to save it, will exit describe and take you back to the project screen where you will see your project here. The middle button, which has your user name, is where the sparkle cloud saved scribes go to back in. Describe the top right button is for publishing your video. Here you will see options for creating a video file, sending to a YouTube channel, Facebook wall or even making a Power Point presentation. I'm going to select. Create a video file. In here you will see rendering settings. You can change the format, size and frame rate. You can also select where the file will render. I stick to using M O. V. Size can be changed according to what you need. I'll do a standard 7 20 HD, which is available in the pro version of video scribe as well as 10 80 HD frame rate will affect how smoothly elements will draw out. If you are looking to create a smaller file size or need to save time rendering, you might want to stick with normal rendering size and 15 frame rate. If you play around with these settings, you will see that the higher size and frame rate, the longer the rendering time, will be 11. Adding Music & Voice Over: There are two ways to do voiceover and video scribe. One of them is to have a pre made voiceover that you bring into describe file and time the elements accordingly. The other is to create, describe first and record your voice. As you watch the video, click the microphone icon. The bottom icons either let you upload from a file on your computer or from the Web. It would need to be an MP three file. If you need an audiophile converted to an MP three, there are some websites out there that can do that. Importing the voiceover is great if you're working with someone else who is handling the voice or if you hired a professional voiceover artist recording, the audio is limited to whoever is there a the time of video creation? Or if you know for sure that use the creator, want to do the voice over when you're ready to record click the record button, it will bring up options for which microphone you want to use. If you have multiple ones connected, you want to keep shows scribe on record selected so you can see the timing of describe and time it to your voice accordingly. Once you are ready, you can click the big microphone to record click the check mark button when done. If you click the microphone icon again, you can see you have an option for volume now, or you can even delete it and create a new voice over. Add music by clicking the music. Note, I com and you can see a bunch of tracks within video scribe that you can add. You can preview them by clicking their play button. You can see different sorting options at the bottom, and you can choose to loop the song. If your video happens to be longer than the track you select. The squares represent how calm or heavy the music is. If you want to add a track outside of the program, you can choose one from your computer or from the URL. I'll import one I downloaded from YouTube Audio Library, which has a nice selection of free songs. You can control the volume or delete the track. If you wanted to choose another one. When you're done, click the check mark. Now, if you preview describe, you'll hear the music 12. Camera Positioning: earlier. We position the camera, so each element is locked on one frame. However, you can add elements with different camera positions, so the video appears to jump around. For example, I'll add some new text, and you could move around the canvas by clicking and dragging the mouse around and zoom in and out with the mouse wheel. You might want to add a little bit of a pause to the previous element. This way it is in such a quick switch this way it looks a little more natural and not so sudden. Or if you want to completely rearrange the camera position of multiple elements, you could do that by holding control while clicking the elements you want to select in the timeline. If I want all of the elements to have the same camera position Control A will select all elements in describe 13. Importing an Image from a File: next, let's add an image from a file. I'll work on a new slide so I will drag the canvas over. You can import PNG J, Peg SPG and GIF files. First, let's work with the PNG image. J Peg and PNG images will import similarly SPG files and GIF files. Import a bit differently. Click the add image button, then click the bottom left image import button. Navigate to the folder that has the image you want to add. Click on the image, then click open. The new window that pops up shows options of how the image can be drawn out. You can test these out, but I tend to use the bottom middle one the most. I think this option works best for photographs and non outlined images. Once that's added, set the camera as usual. You can preview this to see how it draws out. Now let's add an SPG file, add the image import image and choose the SPG file. Preview this one and you can see that the SPG file draws out a bit differently, drawing the lines one by one 14. Timing: going from one slide to the next without adding a pause, will cause a quick jump. So you will want to add a pause to the last element drawn on a slide to allow for a more natural transition in property elements, you can add a two second pause and a one second transition. Now, when you preview, you will see that there is more time to view the first completed slide and a smoother transition to the next slide. You can see the timing of when an element will finish drawing by looking at the end section on the timeline. 15. Adding a GIF: new since the release of Video Scribe 2.0, is the ability to add GIF files to your scribe. There are some in the library, or you can even use your own, which I will show later on. For now, I'll show how to add a gift from within the image library. I'll add it to an earlier part of describe, so I will click the element. I want to be drawn before the new element I'm adding. Then I'll go to add new image Browse library and on the very last page is the gift section . I like this burst animation for emphasis, so I will select that one. Then I will set the camera and position it next. What you want to do is go into properties, and if you want the gift to loop, click play continuously. If you wanted to just play once you keep that unchecked as usual, you can change animation time. However, I'm going to keep the animation time the same, and I want this to loop, so I'll check play continuously. Then. If I preview play from this element, we can see how this looks. The addition of gifts once in a while within. Ascribe animation is nice. I think it adds a little bit of variety as opposed to absolutely everything being hand drawn. But of course it comes down to personal preference. 16. Advanced Image Properties: Let's add another image to describe. To see some more advanced image properties, I'll search for an arrow. Add that to the canvas, said the camera, moving around and scale. But I want this image to be flipped to change where it is pointing. If you go into image properties, this icon is responsible for flipping the image. You can keep clicking it to get different flipped options, and the fourth click will bring it back to its original orientation. I wanted at this angle, so I will keep that. This section changes the way the outline strokes look. No brush is the default setting. Brush changes. The outline thickness serrated adds a jagged effect to the outlines. Stitch has dashed lines and zip, makes a zipper texture and will change the hand to be a zipper. I will keep this at no brush. 100% solid controls the opacity or transparency of the image. You'll see it gets lighter or darker in the preview, depending on the value. If you make an image transparent instead of 100% solid, you can place it over other images, and you will be able to see the other image underneath it rather than the top image blocking out the bottom image completely. I'll keep this at 100%. This section will change how the image looks. Full color is the default original image coloring outline will remove the color and just have a simple black outline effect. You can control the color of the lines by clicking this watch. Grayscale will do A completely black and white gray filter on the image silhouette will create a completely solid shape in which the color can be changed, similar to the outline setting, I'll make this the outline style. 17. Image & Text Filter Effects: I'm going to add some text and additional effects to it. Once you have the text set, go to properties and click this button on the bottom for filter effects. These same effects can also be applied to images as well. First, there is blur, the left being a horizontal blur and the right being a vertical blur. By default, these air linked so it blurs both. But you can unlike them for some more control over the blur. Then we have glow, which you can change the color for. This will add an outline, glow around the element with the color you set for it. There is also saturation control for the color of the image or text, brightness and contrast. You can also add a drop shadow effect. When this is checked, you will see the controls. For that. There is angle, offset contrasts for a darker or lighter shadow and blur for a crisper or fuzzier shadow. And you can even change. The color in her shadow controls the shadow inside of the element with similar controls as drop shadow. And finally we have bevel, which is like a three D effect, also with the same controls as the previous two. I'll add a drop shadow to this text. I'd like to add some new text, but keep the same font color and filter of the text on this slide so I will select it. Click the copy button and then click paste, then to edit what the text says. Click properties, then click replaced text or change font on the bottom left. Then I can type in my new text. Change some properties, click the check mark when I'm done and scale in place the new text where I want it. 18. Move in an element: It's nice to vary some of the animations and also have a nice balance of text and images. One particular animation that video scribe has is a move in animation. To add this type of animation to an element, click on the element you want to edit to click properties, then click the MoveOn tab Click Preview to see what this will look like. It's a bit slow, so I will speed up the animation time a little. You also have controls for how it moves on to the screen. Smooth in, go too far or bounce in here. You can select which angle the image moves in from the middle line controls how it moves in , for example, a straight line or more of a curve. You can also choose the hand that places it on the screen by clicking the hand icon at the bottom. All of the other elements have this option. Two, for example, if you want to text to draw out without a hand or just use someone else's hand. There was a library full of different people's hands and different pens, pencils, markers and crayons. You can even add your own hand if you have an image for that. For now, I'm going to select this blank square, which means no hand, and I'll add a pause. Now we can preview to see what it will look like. Click the check mark one done to accept the animation changes to this element. 19. Erasing: There is no built in a race animation within video scribe, but there is a trick to doing it. Go to add an image and search for erase. You'll see some scribble lines that can make for interesting crossing out effects. But what I'm looking for here is to create the illusion of erasing an image. The first blank box is what we want here. If you click that you'll see a White square appear, said the camera, and scale it to whatever you are looking to cover lower the animation time and preview. Now it's using the default hand. So instead, let's make it a hand holding an eraser. Click Image Properties. Click the hand and search for a hand that you want to appear that has an eraser. I'll click on the one that I want to use. Then click the check mark to accept the selection and then preview. Now it looks a bit more natural 20. Changing Hands & Backgrounds: in previous videos, we changed a hand for the eraser effect and remove the hand for the move in animation. But changing hands can also be done. Withdrawing out images or writing text. I'll add some new text copied from the previous style. Another trick to quickly move around elements in the timeline is to right. Click on the element, and you can choose moved back to move back. One step. Move forward to move forward one step moved to the front of the animation or move to the end of the animation. But here I want to make this move to the end of the animation. I'm going to lower the draw time and edit the text. Now I'll click on the hand icon. You can see you have a selection of different hands, pens, pencils, markers and crayons from within the hand library. I'll choose a green crayon to match, since the text being written is also green. Then we can play to see this effect. If you want to change the default hand for the entire video, you would select the hand icon on the toolbar at the top. This won't override hands you've specifically chosen for elements. It will only change the default hand for elements which you haven't set different hands for . You can also change the background With this paper icon. You can add a texture, a vignette which looks like a shadow effect, and the color Let's choose blue. You'll have to be careful with this because if you aren't using PNG files with transparency or you use the eraser trick, you will start to see items look strange. You'll have to be mindful of it while creating your scribe how your elements will work with the background. To fix the eraser effect according to the background color, you can edit the properties of it, select silhouette and choose the background color. 21. Morphing: video scribe has an animation effect called morphing, which can be used to change one image into another or even used as a trick to move images around on the canvas. Let's say I want to move this arrow to the other side. I'll copy and paste it moving into place. Flip and position it. Then I'll go into properties and click on the morph tab. Here it's asking what image I want it to more from. There is also a check box up here that says Clear item. Leavitt checked. If you want the previous item to disappear on, check it on Lee. If you want the last element to stay on the canvas, I'll keep it checked for now and will select the arrow that I wanted to more from click the check mark in preview. Let's say I want the other arrow to stay on the canvas to I'll go back to properties at it . An unchecked, clear item and preview. You can older the animation time as well. Morphing works best without line images and SPG files. Let's say I want to change these arrows into dollar signs after or even make money is written all copy Paste moved to end. Edit properties. Click the Morph tab and choose the first arrow. Then I'll shoes. Replace image and type in money. Choose a dollar sign. Flip it so it's the correct orientation and make sure that clear item is checked here. Then I'll click check and position. Repeat with the other arrow, and instead of having to search again for the dollar sign, I'll pick up the image from the recent used image section. Preview from the first dollar sign to see how these play out. If you play around with morphing, you can even get images to grow, shrink or rotate, depending on how you position the images. For example, I'll add another arrow. And if I want this to just appear on the canvas without being drawn, you can set the draw time 20 and add a little bit of a pause. Next, I'll copy paste, go into properties, click the morph tab and choose the arrow. I'll edit the animation time and click the check. Next, I'll move and rotate this arrow and make it a bit bigger. Preview how this plays out and you'll see it moves across the canvas, growing in size and rotating 22. Final Preview: Once you have several elements added, when you are creating your own scribe, you should preview and see how the entire video looks. As a beginner, I recommend you preview often and don't skip to rendering your finalized video before you preview the video and are happy with what you have. Most likely, there might be something you missed or want to tweak, like animation times and pauses. It's basically like proof reading. For example, after watching the preview, I'd like to speed up a few elements and also add more of a pause to the final element drawn of the animation. 23. Importing & Syncing a pre-recorded voice over: you can import a voiceover you've recorded in another program like audacity. Here I have a pre made scribe file that I want to import a pre recorded voice over file into and sink to describe file I created. I'll click the voiceover button, navigate to the folder and choose the file. Now if I play, describe both voiceover and video will play, but you will notice it will be pretty out of sync since I haven't time the images yet tired of trying to learn video scribe on your own, Let me help you. My name is Mary and I could teach you how to create your very own whiteboard, animations and video scribe. So basically, I'm going to go in and tweak each of the elements and tested a few times until I feel I've got it just right. I recommend not working with too much text since the more text you have, the harder it is to sync up within video scribe. I also use Adobe Premiere for post editing to sometimes speed up sections of an animation. If I'm having trouble sinking it up in video scribe Windows, movie maker and other video editing programs can do the trick to, but I'll just be focusing on voiceover sinking within video scribe. I'll change the animation timing for each element and play it with the voiceover until I feel I have it just right. Once I have the voiceover in, I'll also add music at a low volume in the background. Tired of trying to learn video scribe on your own? Let me help you. My name is Mary, and I could teach you how to create your very own whiteboard, animations and video scribe. 24. Create & Edit SVGs in Illustrator: SPG files are vector files that draw out really nicely in video scribe because they are outlines when they were imported into the program, the hand will follow the lines automatically. Ah, free program for making S P G's is escape. However, I will be working with Illustrator in Illustrator. I'll open a new file and use the pencil tool to draw something. Change stroke, wait to change the thickness of the lines and change cap and corners to be rounded. If you want rounded ends to the strokes next, you want to go to file, save as select S V g and choose the folder. You want to save it in on the next window that pops up. Make sure in bed is checked here. This ensures that the image will always be directly within the document. Once finished here, going to video scribe and import the file. Finally, you can preview it to see how it draws out. Notice how the hand will follow each line you drew in the order in which you drew it from with an illustrator. If you have an existing image that is a PNG or JPEG file and wants to convert it into an outline. SPG file. First open that file and illustrator live Trace is a tool that can convert an image to outlines and make it a vector, and this works best on non photographic images. An illustrator with the image selected. Go to object. Live trace tracing options. Check preview and you'll want to have strokes checked. You can tweak settings in here, depending on how you want the resulting image to look. And when you're satisfied, click Trace. Then, if you quick expand at the top, you'll see these lines and can edit their stroke. Wait. You can also add more drawings to the image. For example, if I wanted to draw a dollar sign on the papers, or you can even directly edit the image by moving points around once you are satisfied, you can go to file save as choose S V G. Choose where you want to save and make sure embed is checked. Then bring that file into video scribe and preview. You will notice again that lines will draw out one by one, which is a more natural drawing effect, as opposed to if you imported the image as a PNG or JPEG file directly. You can also edit SPG image files from video scribes Library. First, you will have to download that image from video scribe to your computer with the image selected and video scribe, right Click and shoes export to S V G. Then you can choose where to save and name the file. Make sure to keep the dot S V g extension when renaming, then choose save. You can then open that file with an escape or illustrator to edit. 25. Making a GIF: there are a few. Resource is for making gifts online with make a gift dot com, you can use existing images or video to create a gift, but I'm going to focus on gift paint dot com. On this site. You can see it has a simple canvas to drawn and some basic tools as well. Brush will let you draw paint. Bucket will fill in the color I drop. Her is good for picking up colors, and there's also a camera. If you want to make a Webcam gift, I'm going to make an animated signature off my name. You can control the brush size with the slider and draw, then at the bottom. I want to select what frame to looks like If I want to have a guide to see what the previous frame looked like. I can turn on onion skin to see what the previous frame looks like. Then I'll draw again. I'll add one more frame to the animation by default. It's set to five frames, and you are free to add more or remove. Since I only want this one to be three frames long, I'll delete the other two using the delete frame button. Next, I'll turn onion skin off so I can get a better preview. Then I'll slow it down with the animation speed slider. You can also copy frames and paste frames and undo if needed, or even import saved GIF files or image files onto the canvas and edit them. If you toggle this button on and click and drag the gift file to the canvas to save the GIF , you made click in code gift at the top, then at the bottom of the page, click download, then import into video scribe and see how it looks. If you're an artist or an animator or just want to add a personal touch like animated text or a signature, this is a great, simple way to do it. 26. Add a Chart: When you want to add a chart to video scribe on the toolbar, click. Add a chart to canvass. You have a choice between bar pie or line chart. The labels section is the data titles You want to appear within the chart. The next box is where you type in the number value as data for each label. You can choose to have these numbers show or not with the check mark and choose. If you want the values to appear inside the chart outside the chart or not at all, you can control line with if you want the chart to be in color and what fought you want to use at the bottom. Once you're done with this, click the check mark and video scribe will generate the chart. You can edit the draw time and other settings and preview to see how this draws out. 27. Troubleshooting & Contacting Support: The first thing I do when I run into an issue is restart video scribe. Of course. Always make sure to save your scribe first before you restart. If the program has completely frozen and is not responding after waiting a minute or two holding control all delete to bring up the task manager and ending video scribe through, that might be necessary. If you are experiencing crashing, freezing or slow down problems, and simply restarting the program hasn't helped. Here are some possible reasons for the issue, and troubleshooting ideas use smaller images. Very large images tend to slow down your movement around, describe and can lead to the program freezing up. In general, using larger image files can cause excessive memory use on your computer for J, Pegs and P and G's. It's best to optimize these images with an image editing software like Photoshopped or gimp to reduce the pixel height and with and also the resolution, something around 1000 pixels in height or with at 72 resolution should work better. The actual image file size should be no more than one megabyte. The same goes for SPG files, the smaller the better. These types of files should be less than 100 kilobytes. If it's over that size, make sure to delete hidden layers or any excess anchor points in a complex, large image. Avoid large and fast camera movements or extreme zoom in or zoom out between elements. Try to stay within the 15% to 500% camera range. Shorten and split your scribe vile. If you are working on a very large or a long project, you may want to use to separate scribe files and piece them together in video editing software. Once both files are completed, the bigger the file ends up being, the slower it gets. So for a big project by working on 1/2 at a time in two separate files, you can avoid issues with video scribes slowing down or freezing on you. Delete audio. Sometimes I run into this issue where ascribed will not save or render. There might be a memory issue here or an issue with the audio. For some reason, I find that once I delete the voiceover and music track attached to it, described will end up saving and rendering correctly. If I run into this issue, I end up rendering, described without the audio and using a separate video editing program to sync up the audio and video. If restarting video scribe or other troubleshooting on your end doesn't work, the next step would be to contact support. You can browse or search for your issue in the Video Scribe Community Forum, or you can raise a ticket to contact sparkle directly with your specific problem. 28. Valuable Resources: I want to share 10. Resource is I use when creating my videos that I find to be very helpful. Some of these I've mentioned before within other videos. Number one is open clip art dot org's. This site offers an archive of almost 70,000 unlimited commercial use public domain images . You can download them as SPG ES or PNG's for video scribe use. Number two is Morgue File, similar to open clip art and that images can be used for free within commercial purposes. However, Mork File focuses on photographs. Number three is S v g studio dot com. This is owned by Sparkle, the company that created video scribe. This site sells collections of illustrations and packs. You can also do your own search for whiteboard graphic bundles online, as there are other artists out there who offer packs of graphics for use within video scribe. I also provide links to some packs I've seen online. Number four is one I've mentioned earlier, and that's font squirrel dot com. For free fonts, check the individual font for its license, but most of them use a font license that allows the font to be used for personal and commercial work. Da font dot com is also another font site that offers free font downloads. Just like with font squirrel, make sure to check font licenses. Number five is another one I've mentioned earlier, and that is the YouTube audio Library. These songs are free to download and use within your project. Number six is a great free online tool to quickly pick up a color code from an image within a browser. It's called Color Zillah, and it can be installed in chrome and Firefox browsers. You can also pick up a color code with the eyedropper tool in programs like Photo Shop Illustrator and the free image editing program. Gimp Number seven is video converter software called Free Make. This software is great for converting video file types and can even convert audio two different file types as well. Similar to free make is exams are, which is an online file conversion website. It can handle video conversions up to a certain file size and do conversions for lots of other file types as well. Number eight I have covered this in a previous video, but there are gift creation websites out there like make a gift dot com for using photos or video in a gift and gift paint dot com for drawing out your own GIF. Number nine Escape is a free vector graphics program, which is good for editing or creating SV G's. And finally, Number 10 is five or dot com. If you're looking for an illustrator for custom images, a voice over artist or even script writing for your animation, fiber is your best bet for outsourcing on a budget. 29. Design Advice: When making a whiteboard animation, you really want to make it tailored to your business or brand and even establish a theme. Try and match your colors, fonts and keep a consistent style throughout the video. When using images, try and stick to a certain style. For example, when you start mixing up outlined images with differently style images and photographs, it's not going to look smooth. When you introduced to many art styles, it just might not look right. The same goes for fonts. Too many fonts and colors will not look so great. I prefer to stick to one or two fonds that can work off of each other and use color and size to emphasize awards of interest. Page layout is also important as you want text to be readable and images to stand out but not overcrowd a scene. Sometimes it's interesting to angle and image or text and mix up different animation elements to keep of You were interested. You don't want your video to just be all text of one color and size. It's almost like reading a book that has lots of blocks of text. Without any paragraphs, you will lose a viewer's attention. Add variety by using a morph effect here and there. A move effect. Even change up the hand, drawing an element or just remove the hand entirely. For some effects. Use different techniques like capacity. I actually highly recommend voiceovers for whiteboard animation, since having the voice and visuals at the same time could be more engaging, especially for longer videos. Sometimes less is more. Making a simple and clean video is better than one that is overrun by images and text. If you find yourself stuck on what type of visuals to use, do a Google image search to try and get some ideas and references. This doesn't mean to use the images you Google, however, most likely they are owned by someone else, and you don't have permission to use them. Always make sure you are using public domain or creative Commons materials or files that you have the rights to use and permission to use in your animations. 30. Adding Backgrounds to Slides: adding backgrounds to slides incorporating pattern or other types of photographic backgrounds can be a nice way to liven up a video. Unfortunately, there is no way to set the background to be a specific image throughout the entire video. In video scribe. Currently, right now, you can Onley change the solid color and texture for the entire video. Something that I do to get around this is by adding a single image that I want to use as a background for one slide and scaling it up to cover the already existing background. You can, of course, create or use your own background image, or use a creative common sight like picks obey. To find a background image, you can have the background image movin, draw in or just appear with no animation. Then you can have images and elements draw out on top of it. It's best to make sure that everything is readable, for example, using lighter colors on a darker background and darker colors on a lighter background. Or you can add a drop shadow or color glow to an image or text in order for it to stand out more against the background if needed. 31. Project & Image File Organization: it's important to keep your project an image files organized, especially if you are working on multiple videos. The way I go about doing this is by creating a new folder of the project's name and date. Within that folder, I contain the script, voiceover and any necessary external images I need to use like a company's logo file. You can even save your scribe file within this folder later on to really keep everything together. Aside from keeping your project files together, if you are working on whiteboard videos a lot over time, you may accumulate a library of external images that you bring into video scribe. It's good to keep your library of images within a master folder and even better, if the images are already named accordingly, this makes it easier to search through and find specific images. If you type in asterisk and then a search term within your folder search bar, it will give you broader search results. Matching your search term and an easy way to bring your image into video scribe without having to navigate to the exact folder location of the image is to simply click on the image file from your search and press control, See and then within video. Scribe. When you add an image, click the import button and press control V. This will paste in the exact file location of the image to easily add the image to your scribe. 32. Practice Whiteboard Project: after you've completed my course, try creating a whiteboard animation where the topic is introducing yourself. Kind of like a lighthearted resume. This project can be a great way to practice your whiteboard skills and implement new animation techniques and design styles you've learned along the way. All you need to get started is an image of yourself. It could be a photograph or sketch JPEG, PNG or SPG file. It should take you about 1/2 an hour to complete your video first. For slide one. Upload the picture or sketch of yourself into video scribe and have it move onto the slide . Write your name or nickname above or below it. Go ahead and add other design elements around your picture to liven things up. Be as creative as you want. Next, you'll add two or three more slides. Write a sentence about yourself per slide, for example, your likes or dislikes. Education. Career talk about a pet you own, etcetera and include images on each slide. To go along with your text, arrange the text and images however you like for each slide. Finally, add music of your choice. Once you finish the video preview, it make sure the video flows well, the text is readable and the timing on the animations isn't too fast or too slow. Export your video and uploaded to YouTube if you want to share it to this class or with your friends. 33. VideoScribe 3.0: video scribe 3.0 has the same functionality as 2.0, but has a new user interface that tries to keep things easy to use and organize. Take a look at a comparison between version 2.0, and 3.0, icons are reorganized and have updated graphics in the new version, but they still all function the same as before. If you are ever confused about what an icon does, you can hover over it and it will tell you what its function is. I will discuss the more notable changes in this lecture. First, when an element is clicked on from the timeline, a menu pops up that allows you to further edit the properties of the element. You can also select delete drawing at the very bottom to remove the element completely. There was also folder management in version 3.0, when you click to Save Ascribe, you will be given the option to save into the All Scribes folder or create a new folder. Version 3.0 also supposedly has improved performance and stability improvements as well as better image recommendations 34. Congratulations & Thank you!: Congratulations. I hope I was able to pass on my video scribe knowledge, tips and tricks with ease. Tutorials. Good luck in creating your whiteboard animations. 35. Bonus: 8 Steps to Creating a Video: 36. VideoScribe for browser - Intro: Video scribe for browser is a newer version of video scribe that works right on their website from within your browser. If you go to video scribe dot C-O and login to your account, you'll be able to start creating new whiteboard videos right on their website while connected to the Internet without having to download and install the program on your computer. And the files you work on will be saved on their website as well rather than on your computer. Going to www dot video scribed dot CEO slash app while logged in or clicking on the top-right and selecting Video scribe for your browser will bring you to the browser-based version. This version of video scribe is a bit different from the downloadable one in terms of layout and some functionality. At the top, you'll see the ability to create a new project or start with a template. You can click View All on the top right to see all the templates they have available. If you hover over any, you'll see you can click Preview to see a sample of that template. Or you can click Use template to start with that file. If we go back to the starting page, you can also see the My Projects section where you can type in the search section, the name of a project you are looking for. Or you can sort by using the sort options to the right. If you click Create new project, instead of starting from a template, you can name it and choose the video size, horizontal, which is good for YouTube and websites, square, which works well for Facebook and Instagram. And vertical, which is best for Instagram Reels, Facebook stories or TikTok. Once you select a video size, click Create project to get started. And you'll load into the blank canvas. At the top, you'll see the Home icon which saves and closes your project, bringing you back to the main page. You also have the functions for cut, copy, paste, undo, and redo. Drawing hand will change what hand is drawing the elements and your entire scribe file. Grid adds a grid to help you align elements. It's just a guideline though. It won't appear when you preview or when you export the video. In the next few videos, I'll be going over how to add text, images, shapes, and audio, what scenes and transitions are, and how to use them. Explaining the advanced timeline and how to share or download your video. 37. VideoScribe for browser - Adding Elements & Previewing: Adding elements and previewing. You can add text or an image in this side panel on the left of the canvas. Clicking text will add a text element. Once it's on the Canvas, double-clicking the text element will allow you to type or paste in new text. Clicking blank space on the canvas. We'll de-select the text. You can click once to select and drag the text element around on the canvas. The squares around the corners of the text allows you to resize the text. And the top one controls the rotation. Just like within the desktop version of video scribe, you can use some keyboard shortcuts like Control Z to undo your last change. While an element is selected, you can edit its properties and animation effects in the right-side panel. While edit is selected. In the transform controls section, you can lock in element position. This helps prevent you from accidentally selecting or moving an element that you don't want to change. If an element is locked and de-selected and you want to change it to be unlocked. You'll have to select that element directly in the timeline area and select unlock. You can choose Hide Element to remove its visibility while you're editing. This only hides it in editing mode though. When you preview or render the video, that element will be visible. You can unhide the element the same way as unlocking an element, selecting it on the timeline and changing it to be unhidden. In the text section, you can change the font, upload your own font, change the font size, bold, italicize, and change alignment. In the appearance section, you can change the text color from the default swatches or choose custom to paste in a hex code for a specific color. You can also change the opacity of the text element here as well. In the animation section, you can choose an entrance animation, which is basically how you want the element to appear on the canvas. Clicking type will allow you to change the animation from Hendra to things like pen draw, draw, which is drawing without the hand appearing, fade-in, move in, Dragon or bouncing. You can also change the duration, which is how long the animation will play for this element. Some of these animation effects allow you to change the direction where it animates in from. E.g. with bounce in, you can click the arrow in the intersection and change it different direction. Here's a preview of how that looks. You can change the animation duration for entrance animation here. Emphasis animation is an animation effect that happens after the entrance animation. You can change the duration of how long the emphasis animation lasts and how many times the emphasis animation on the element plays with the loops option here. Let's preview how this looks now. Exit animation is the animation that plays when you want an element to disappear after entering and playing the optional emphasis animation. At the bottom, you can see the pause before next animation section. This will add a set amount of time from the ending of this elements animation before moving to the animation of the next element in your scribe. Next, let's add an image to the canvas. Clicking image will bring up a window that allows you to manually searched through categories, type in a keyword to search for an image within the video scribe library. Or you can click upload your own image. You can also drag an image from a file on your computer into this window to upload your own image. You'll be able to edit the image element, similar to how you can edit the text element, with some added functionality like being able to flip or crop the object. Some images allow you to change, fill colors and you can change the opacity of any image at the bottom. You can also choose to replace the image as well. In the animation section, just like when editing text properties, you'll see the controls for entrance, emphasis and Exit animation. And pause before next animation. You can rename your file by clicking the title in the middle here. And on the right you'll see all the preview options. Preview from current element, selected, preview from current scene, or preview from the beginning. Once you're in preview mode, you can pause with the pause button or by hitting space on the keyboard. Clicking the Play button or hitting space again will continue to play it. If you want to exit the preview early, clicking the Start button will exit the preview mode. Below the preview and share section, you can also see details about your video scribe file, like the duration, how many scenes there are, and how many image elements. This can help you keep track of things so you don't go over any maximum limits within a scene. There's also a helpful note here showing when the project was less saved, you can change the background color when no element is selected in this section as well. And that will apply it to the current scene you are editing only. I'll go into more depth about scenes and transitions in the next lesson. You can add a simple square, circle or triangle to the scene by clicking the shape icon on the left control panel. Just like with the other elements, you can change its color and animation effects in the panel on the right. Audio allows you to add two different audio tracks. You can upload a pre-recorded voiceover or choose to record audio live as your video scribe plays so you can sync it to your voice easier. You'll need to accept the permission to allow video scribe to record audio within your browser. If you make a mistake while recording, you can always delete and re-record the track. Background audio has the same function and can be used to add music to the video scribe file. You can also control the volume and add a fade out. Typing in a number here will control the length of the fade-out. 38. VideoScribe for browser - Scenes & Transitions: Scenes and transitions. Scenes break your video into more manageable parts and can be helpful when creating longer videos. And this also helps you to avoid adding too many elements to one scene. You can add, duplicate or delete scenes at the bottom and the left panel. Adding a scene will create a blank canvas with no elements on it. As mentioned in the previous lecture, backgrounds settings will only change the background for the current scene you have selected. You can see which scene you have selected in the scene section on the left. Transitions are the animation that plays when moving from one scene to the next scene. To add a transition animation between two scenes. Let's say you want it to appear between C1 and C2 here. You would select seen too in the scene section. Then in the panel on the right side, there will be a scene entrance transition control. By default, the type is set to none. You can change the type of transition animation here. And with some of them, you can control the direction in which they animate. In the duration section, you can change how long the transition animation should play. I suggest keeping this to a low number, like one or 2 s. Let's preview how this looks so far with the transition animation added. And finally, you can reorder your scenes to change the order in which they play from the beginning. To do that, you can click a scene and the scene section and drag it above or below the other scenes to rearrange it. 39. VideoScribe for browser - Advanced Timeline: Advanced timeline. The basic timeline is easier to manage with each element appearing in the order they will appear within your selected scene. But if you want more control and to see more details, you can click the timeline toggle on the bottom-left to switch on the advanced Timeline option. With this, toggle on, your elements are displayed in the order of time of which they will appear. You can use this timeline to more easily set the timings for each element. The top bar within the timeline section has numbers which correspond to the duration of your video. This helps you see how long an element will play and it's animation effects from start to finish. In the advanced timeline, you can edit the length of each elements animation timings. Each animation effect that an element has is broken up into sections on the bar. Clicking and dragging the end of one of these sections will increase or decrease the time length of that animation duration. E.g. here's how this template plays without the timings edited. Now let's edit some of the timings and the advanced timeline and see how it plays out. The advanced timeline lets you clearly see the timings of all elements alongside each other within a scene. You can also reorder elements to change when they play. You can select multiple elements by holding Control on the keyboard and clicking on each element within the timeline or on the scene. You can also zoom in and out of the timeline and increase or decrease the size of the bars within the timeline. These two arrows let you jump to the start or end of your timeline. And finally, clicking the timeline toggle again, we'll switch you back to the basic timeline mode while you're creating or editing your scribe, you can switch back and forth between the timelines or use whichever one you feel most comfortable with. 40. VideoScribe for browser - Sharing & Downloading your video: Sharing and downloading your video with video scribe for browsers, you can either create a preview link or download your video as an mp4 or GIF. Clicking share on the top right will bring up these options. Creating a preview link will allow anyone you send the link to, to be able to see your video. This is super helpful if you need to get feedback from your team or a client. They don't even need to sign in. However, the preview link page cannot be accessed anymore. If your subscription expires. When you click Share your video, you will see a link populate in this text area. Clicking the copy icon will copy the link for you to paste in a messaging app or email to whoever you want to preview it. Changes that you make within this file later on will automatically update the preview video in that same link. So your team or clients can see updates as you do them. Clicking Download as a video or GIF will allow you to export the file in whichever format you select. Mp4 is what you'll want to select for longer videos. And gift is limited to 15 s and has no audio. Note that as of this recording, video scribe only allows ten Daily Download requests. So each time you click Start Download on the file you're working on, that will count towards your daily downloads. They advise you to use the preview link until your video is finalized. In order to avoid running out of Daily Download requests. Mp4 files will be downloaded at ten ADP quality. As you can tell, a lot of the functionality remains the same between desktop and browser versions of video scribe. So it's up to you which version you prefer to use. An added bonus to using the browser version is that you can use it across different computers easily without having to worry about where your scribe files are stored. So that's it for the video scribe browser lessons. Thanks again for taking my course and good luck with your video scribes.