Create Custom Animations for VideoScribe

1. Intro to 'Creating Animated Vector Images for VideoScribe': Hey there. My name is Melissa, and I'm a graphic and Web site designer. Welcome to my class on creating animated vector images for video scribe Video Scribe is software you can use to create a whiteboard animation, which have become very popular recently for creating explainer videos. In this class, I'm going to teach you how to create your own animated vector images to use in video scribe . We will be using Adobe Illustrator and videos brought in. This class is soon to have some working knowledge of each piece of software. You will learn how to use an existing or purchase vector image or to create one of your own . Set it up for animation and videos fried. You will also learn how to add color, how to make elements of the drawing appear in a specific order and a few different options on how to have the color load on the page. I will also show you how to modify vectors from video scribes Library of images. After finishing this class, your project will be to create two animated SVG images that could be drawn on screen and videos. Front one animation will be created from a vector that you downloaded online and then modified. And one animation will be a hand drawn or trace factor. Alrighty, let's get started. 2. Finding the Perfect Vector Image: Hi, I'm Melissa. In this first lesson, we will focus on how to find a good vector image online to use in your animation and how to create one from scratch. So keep in mind that when you get to this point of your project that you will already have storyboards and a script laid out for your scribe. So this part comes after all that work has been done, and you're ready to find images to use in your stride. What I discovered when I started using video described was that they have this really great library of images to use, but they don't know is drawn in the same manner. Or they don't have a similar style throughout all of their images that I commute to the video to give it the same look and feel from start to finish. So I decided I would create my own vector images and have been animate so that I could have more control over my videos and how they looked. So that's what we're gonna go over in this next lesson. So when I'm ready to start looking for vectors to use in my videos, I go to Istock. Photo dot com. I have a subscription here, and I can download a lot of different images to test them out and see if the work for what I need. Um, you may not have an image subscription anywhere yet, but there are a lot of free vector sites where you can download images. I will put together a list of those resources and put them on the project page for you. So I stock is around $99 for 10 images a month, or you can get a yearly subscription for more. You can also try deposit photos dot com for $29 a month, which gets you 30 vector downloads. I really like to use I stock because they have good quality vector images that have to adhere to a particular standard before they're uploaded for sale in the site. So you end up getting a lot better images than you might get from a free vector site that doesn't have that standard. So pick your side of choice and find a vector that works for you, and I would suggest something really simple to start out. So I found this vector set on Istock that shows some of the simple line drawings for various types of transportation, and it's, ah, they're really simple and clean, you know, line drawing, which worked really well on video scribe because as they're drawn in, they look realistically drawn with a fat Sharpie type object, which is the style that I like to use. So I downloaded this image to my computer, and then I opened it an illustrator. So here is the image and illustrator. Now what you want to do first is you want to be sure that the vector you're using is composed of lines and paths, and it's not made up of fills. The images that are made up of lines will draw really well and will show the hand, and it will draw each line individually. If it's a fill, it draws in very strangely on, and I can show you the difference in that a little bit later. But here's how you can tell the difference. So if you click on the image on the left, you'll see that each of these is a stroke and the stroke is in the center of the line. So that's one way to tell. You can also look over here and you'll see that only a stroke has a color applied to it. If you look in this bus, you'll see that the lines on the outside and that the part in between it's filled and you can also look over here and you can see that only a Phil is applied. So this is Phil's. This will draw funny. This is strokes and paths. This will draw correctly and video scribe. So what we want to start with is we want to find the one graphic we're gonna muse. I'm going to select this bus going to copy it, and then I'm going to select ah, file new to create a new document to put the bus on two. Now, here's your first tip of the day, which took me a really long time to figure out um, you have to set up your art board an illustrator for your drawing to be a certain size in order for it to render well in video. Scribe. I was creating him really small and then the they were drawing in with these super thin fine lines and then popping into the thick line finished object at the end and you don't want that. It looks really strange. So you want to set a minimum board size of 480 by 480 pixels, and then you're going to paste your bus? Whatever your graphic is onto the art board and then I just enlarge it to fill the area. You wanna make sure it's all completely within the art board, so get that senator in there nicely to Are you happy with it? And this is what we're going to start with. So in the next video, I'll show you how video scribe will draw this bus in in its original state and then how we can rearrange the lines to draw it in and the order. We want to say that it looks naturally drawn. 3. How Lines are Rendered in VideoScribe: Okay, so you have your bus image open and illustrator and set up on a 480 by 480 art board. So what's really interesting about illustrator is that it remembers how an object was drawn based on which lines you put down first on the art board. And then when you export this in the video scribe video scribe, replay it in that exact same order that you drew it. So keep that in mind, cause that ends up being really important in the end. So if you open up your layers palette, you will see there, one has the bus image on it. If you turned on this arrow, you'll see that all this lines that make up the bus or grouped. But if you turned on this arrow, you will see every single line on the subject you can click through, and you can see that this is the outline of the bus those or each of the wheels, the line across the front, etcetera when you're using a bit more complex vector toe work with these can get really small and difficult to kind of see. So if you go up here to your palate options and you say options and click large, mixing much bigger. That's a little bit easier to work with down the road. Okay, so what we want to do is let's export this is an SPG and place it into video scribe and see how it draws just in its original state. How we imported it from Istock photo. So first, let's saver file as bus test and then we're going to export it as an SPG. So to do that, you go up to file export export as and then down here, the bottom select SPJ click export. Now it'll bring up your ex SPG options window. Um, these come up is defaults for me when I first did this. So this is what I've stuck with That works really well and I believe this is the correct settings. So you want presentation attributes? Font is SPG images in bed and later names into. I just keep all of this the same as it came up. Click OK and that will export. It is an SPG. Now you want to go over to video scribe and click the image button, Then go search for your image plus test SPG click open, and it will place it right onto your art board. I'm going to slow down the speed just a little bit so we can see which items draw in in which order. So you click play from start. You'll see it draws in the wheels first in the headlights, and it doesn't draw the outline of the bus until last. But what's interesting is an illustrator. The outline of the bus was first in order. Let's go back to illustrator and look at that. So illustrator draws from the bottom up in your layer, so the rectangle should be the very first thing, but instead of through the wheels first. And that's because the outline of the bus was created using the shape tool instead of the path tool. That's why it says rectangle here and set a path so it is a path, but it wasn't created using the pin or pencil tool. So in order to make it draw first, you're going to have to converted to a path which, luckily, is super easy. To do that, go up to your pen tool and select add anchor point tool, which is the pin with the plus symbol next to it. Now go to the line that is the outline of the bus. That's the rectangle. And just click anywhere to add a path to it to add an anchor. And then you'll see over here in your layers palette, it turns it into a cat. Super easy. So we're going to save again. Auction s going to export again by doing export export as selecting SPG going to replace our initial image, Quit the same settings. Then I go over the city. Ascribe This is our image here, which I'm going to delete that I'm going to go and place the new image by uploading it. All right, this is our new image. Let's see how it draws and it through the box first, which is exactly what we wanted. Perfect. So if you wanted to change the way your animation draws in, video scribe, while you have to do is go back to your illustrator file and then decide which elements you want to draw first. So let's say, for instance, you wanted the mirrors to draw first, which are these two players right here. You would simply select them by clicking the layer and holding shift. Grab them both, and then you would just pulled and dragged them to the very first layers in your layers palette. And then it will draw a mirror mirror, and then we'll draw the outline of the bus, the wheels etcetera. So it's really simple to change how a vector that you downloaded from online will display in video. Describe. So in the next video, we're going to review how to add color to your image and two ways toe have the image drawn it. 4. Two Ways to Add Color to Your Vector File in Illustrator: Now that you know how to make your lines drill in and the order you want, Let's talk about color and how to make that appear in your animation as well. In the last lesson, I showed you how the lines Drohan based on which order they were layered in the document. So to add color to the illustration, we want to have a new layer specifically for the color so that the lines remain in front of the color portion. So we're gonna go over to our palate over here. Roll all these up. I'm gonna start giving my layers name. So this is gonna be bus. I'm gonna add a new layer. This is gonna be the color layer, and that's going to go below the bus so that the lines stay on top of the color. Now, remember, since we joined the colors and after we drew in the lines of the bus that the lines will draw first and then the color will draw on after it's really important to remember that what you draw first and illustrator is rendered first and video scribe, what you drawn last will render last. That's kind of key to the animation so toe adding color, we've got our layer and now we're going to go and select Arpin Tool so that we can draw our color in. So I'm gonna lock this bus image so I don't accidentally edit it. Make sure I'm on the color layer and then I don't know if you are super familiar with video scribe, but one of the most recognizable styles of illustration is a simple line drawing with the blue highlight. So let's start with that cause it's fairly simple and I can show you how this works. So select the pin tool and let's draw here on the right hand side Just gonna draw simple highlight And I'm just clicking to get my outline of my path Make this a little bit curved to give it a little bit of interest and I'm gonna close my path Now you see, I've drawn this sit gray line here. That's not really what we want. We want no stroke, and we want Phil color. Uh, this blue All right, super easy. Go back to our layers. You'll see you have the color layer, which is blue, and then the bus layer here, so I'm gonna unlock both layers. I'm going to save my illustrator file, but I'm going to export as but down here and select SPG export. Replace my old image. All these settings stay the same click. OK, And then I go over to video scribe with the image button to find my new image and then add it to my art board. All right, now let's see how this draws box first wheels the rest of the bus and then you saw the color came in really quickly all at once. Let's play that against you can see. All right. So fairly simple animation bustle came in at once with the blue color. So let's go back to Illustrator. Let's try a different way of doing this so we have our color in place. We have our bus lines in place, so let's try the scribble effect which will have the blue color draw in a little bit differently. We're gonna lock these bottom two layers and above the bus layer. I'm going to add a scribble air. Now, what you do is you going to take your pen tool and you're going to draw a scribble across this blue so it makes it look like and video scribe that the pin is actually drawing in this blue color. I'm gonna show you how to do that. So get your pencil tool. It's a little easier to draw within the pin tool. This would actually be really easy with a tablet in a pen, but I don't have one of those. So we're gonna just do this manually and it's gonna look a little bit messy, but that's okay. We can fix that later. So on the scribble air, just gonna draw a scribble e line like I might draw this with the pin if I had a big fat crayon or a sharpie on a color all across this blue. You see, it's quite messy, and I'm not filling in every gap, and I'm trying not to go back and overwrite another line. I'm trying to keep going down the page to the very bottom. Okay, so here's our line. I'm gonna give this a color real quick just so you can see what we're doing. All right, So here's our red line that we just through in So now we want to do is we'll make that line really, really fat so that it fills in and completely covers all of our color. So we're gonna go here to two struck palette, gonna make it super fat. All right. And now, to get rid of all these jagged e lines, which are a bit messy, I'm gonna make it around it cap and around a corner, and that's gonna pull all of those pointing lines in. Now, I just want to look and make sure all of my blue is covered. And it is now what you want to do, so that this doesn't actually show up is a layer that you want to turn the capacity to. Zero. All right, so you're lying to still there. The thickness is still there, but the line is invisible. All right, so then let's save our bus exported again, SPG same settings and then over the video scribe, and we're going to actually delete this. Then add it back in. You see, it looks executive saying you don't see the scribble lines, but watch how the blue drawls in. Now see, it looks like the pin is drawing it in. I'm gonna slow this down just a little bit, so you can see that better see how it draws it in a little bit differently. Instead of all coming in at once. It scribbles it in the hand, draws each bit of it. So I don't know if you noticed there a few gaps as it was drawing in the blue like there's some white there and some white along the edge so you can go back. And illustrator, if you're real particular about how that looks and you can figure out where these points are, and you can kind of move them around to fill in some of those gaps, make them. Let's make them a little bit more, um, solid, I suppose, just to fill in some of these despite pulling your handles out, making the lines fill in some of those empty areas like this one probably is one of them. Um, so, you know, take your time to do that if you want. I don't really care, because I think it looks really natural when there are a couple of gaps because you're never quite exact, and that's how you add color to your lines. So in the next video, we're going to learn how to trace an image and create your animation from a hand drawn vector 5. Tracing an Image to Use as a Animation in VideoScribe: in this lesson, we're going to create our own vector image by tracing over a photograph. This could be any image that you like. I live in Austin. So I found a beautiful photo of the Texas capital to use as an example. I'm gonna go ahead and place this image onto my art board. Now, you want to remember that your art board needs to be at least 480 by 480 pixels. My art boards a little bigger here because this image is slightly more horizontal. So open your layers palette and let's lock or layer that has the photograph wanted. And then we're gonna add a new layer above it, which is going to be our drawing layer. He's gonna call that outlines. Okay, So remember, from our other lessons that what you draw first and illustrator is going to render first in video scribe. So think about that as you're creating your vector and draw kind of how it feels natural, like I would never start drawing all the little windows first. I would draw the outline of the building first, because naturally, that is how you would start to draw this picture so you can select either the pen tool or the pencil tool to do your drawing, and the lines will appear as you want them to. I find it easier to use the pin. So I'm going to do that. And I'm just going to start drawing some of the outline of the building. And I'm not gonna go into a lot of detail because, you know, it's ah vector illustration, and we don't want to go into a lot of detail here. Keep in mind that you can kind of modify what it is you're drawing. You don't have to draw every single bit of every part of this building. I would get a little too in depth. Someone's gonna kind of go along and pull out the big parts of it and skip the parts that I don't want included. I'm also going to turn off this Phil because I find that distracting and maybe we'll add a color to the outline so I can find it on the screen. OK, I'm just gonna get going here doing the outline of the building, and I'll speed this up so that you don't have to watch me do all of this. Okay, Now that you have your outline drawn, you can Tuggle off the photo layer. Just kind of see what you've got here. That pretty much looks like a capitol building, So I think I'm gonna go with that start. So what I want to do doesn't want to select all my lines, which I could do by clicking on that layer and then doing select all or select a Then I'm going to change the color to black. Then I'm gonna fill in this stroke just a little bit, so it's a little bit sadder. And I'm going to do around cap and around join, so don't have too many jagged e edges on here. I'm just going to take another look. And I think this is a little too close from a scoop that over what? That little farther. But otherwise, OK, this is going to do for what we're looking for here. I'm gonna be picky and this down. Okay. All right. So this is our Capitol building outline, and later we might decide to come back in here and add some more things to the rotunda in that kind of thing. But for right Now let's stick with this. So I'm going to save that. It's my Capitol building, and then we're going to export as an SPG and see what this looks like, first of all, and video scribe. So its export that same settings is before that, he ascribes find our image and Capitol Building drop that into place and they go bigger. Then we're gonna play it, See it draws it in in the same order that I drew it. An illustrator. Okay, so let's go back and modify this just a little bit. And let's do that by adding some color. So remember how we just decided that the outline layer will draw first, cause I drew that first. Now I'm gonna add a layer for color that's gonna go below the outline so that the outline stays on top. So I'm just going to make sure that's locked. It is. Now I'm going to draw a highlight, kind of like I did in the last one. It's just gonna be a something simple. Remember, all this is going to stay kind of hidden behind the black line, so it doesn't have to be exact as far as your outline goes just so long as it kind of is hidden by that black line. So you don't see the blue picking out from behind it. All right, So I'm going to changed the Phil, and I'm gonna add that blue color. There you go. A little blue behind the capital and CIA Mr Spot here. So let's zoom in a little Fix that. Okay, Mr. Spot here, too. So I'm just gonna add a new point and pull that in this little bit, okay? So that I'm just gonna add blue to a few more places on my drawing to get it the way I want it to look. Add some blue here. Maybe a little bit here. Could have just done this. Always one line, I suppose maybe this side of the building just trying to give it a little bit of depth with the shadow effect that we're creating here. Okay, I don't see Think we'll do anymore. Let's stick with that for right now and then we'll save that. It takes a minute to save because this photo is still placed in there, even though it's hidden. So it's kind of a big file for illustrator, but then we export it. It should only export more visible layers. Replace that same settings. That video scribe going to too late this image and at in my updated image again make it larger. And there you go with the blue color. Now what I'm noticing here is, as I make this a little bit larger and this is only at 72% let's see what it looks like 100%. So you start to get a little jagged and pixelated here. That just means that my art board isn't quite big enough for this image to render as large as I want it to. Video scribe. I'm gonna go back toe illustrator, and we're gonna change this up just a little bit. I want to make this, aren't board slightly larger and, like all your layers, do a select all and then just make your illustration larger to match that. All right, then, let's say that again. See if that helped make it look a little less pixelated export as SPG. And just know that when you're creating animated vector images like this, you're gonna go through a lot of back and forth of okay, change in illustrator. OK, go back to vector scarred. So don't feel bad if you're doing this over and over and over and you end up, you know, trying 20 different ways to get it done. Because trust me, I've been through all of that too. All right, so this is our larger image, and you can see now I did blow that up quite a bit, but you can see now here it is, 100%. I can't imagine I would use it too much. Larger than that. It looks nice and clean. It's very crisp, So if you find that your image is a little bit pixelated once you dropped it into video described and just go back to your illustrative file is a vector, so it'll scale Oppa's biggest You want it and just make it a little bit larger before you import it. That should clear, if any of the Jackie areas that you have. So in our next video, I'm going to show you how to use text is an animated SPG image. So instead of using text and video scribe and just typing it out, I'm going to show you how to create the text and illustrator and then imported just like you would any other vector for use in video scribe 6. Making Text into an Animated Vector for VideoScribe: Sometimes you want to use a bit of text in your video that is more dynamic or graphically style. Then you can do with the text option and video scribe. You can create stylized text the same way you would create a vector, image and illustrator and then import the text in the video. Describe as an image. This gives you a bit more control over things like having an outline on the text or current in the letters. So in this lesson, I'm going to compare how video scribe creates text and what effects it will let you do versus what you can do. An illustrator to create your text and place it into video Scribe is an image, so let's create a quick example so you can see how that works. I have a statistic in my video that reads, You can save up to 50% over other travel options, so I want to make the animation of the thought, and the style matched the rest of my imagery in the video. And I can do that by creating in an illustrator and then importing each piece into video scribe. So I'm going to start off here with a few art boards and illustrator. You'll see I have three boards. Each of them are 4 80 by 40 pixels. I'll start with the 57% it's the first bit. So I'm just going to type this in that I'm gonna select my phone. I use a font in video scribe called Tameka access. It kind of looks hand drawn. It's big and fat. Looks like it's done with a Sharpie. So I have downloaded that went into illustrator from the Internet and I use that when I'm creating some of my text. I'm just gonna curren this out a little bit so the numbers aren't quite so close that I'm gonna make it fill my board my some big All right, 57%. As you can see now, this 57% is still have thought it's not an object, so we need to make this a path in order for video scribe to draw it correctly. To do that, I'm going to go up to type that I'm going to say create outlines. What that does is it makes us into strokes and fills instead of a phone, and we also learned that it has to be a stroke, not a fill in order to draw correctly. So we'll change that to a strip. Now you can see we have a black stroke on our on our 57%. I'm going to go and make that just a little bit sadder. Okay? I think that looks nice now. I also want to put a color behind it. So we're gonna go over to our layers palette. Here is our 57% and outlines just gonna name this. They were going to create another layer below it for the color. Now, the best way to do this is I'm going to copy the 57% from their going to select my bottom layer. Then I'm going to go say paste in place. What that's going to do is it's going to place it directly behind the 57% and can't see it because the original outlines are on top of it. What you can do is you can change the color to the blue that we've been using, and now you see that it's behind it, and then I'm going to delete this stroke. All right, so now I have two layers. One is the outline. One is the fill color. All right, so that's pretty easy. So then we're going to do the rest of our text which says you can save up to I'm going to do the same thing here. I'm gonna make it a little bit bigger. An angle it because that looks kind of fun on. Then I'm going to draw rule around it, which has to be a stroke, Make that a little bit fatter, and then I'm going to duplicate it. That's gonna be my next piece of text march that to fill my art board, right? And then the same thing goes here. This can't be text. It has to be an outline. So I'm gonna go type create outlines or you can do shift option. Oh, shit. Command. Oh, sorry. And then we want to make it a stroke. And again, I'll do the same thing. I'm going to copy it, go to my layers, gonna create a separate layer for the color. And I'm going to say at it based in place, that I'm going to select the blue for the Phil and delete the stroke, So I don't know if you call my mistake. But what I did here is I pasted all of this onto the same layer is the 57%. And it's a little easier to manage if they're on separate layers. So I'm going to cut the entire thing. Gonna goto layer three pasted on layer three. Put it back in place. Now I'm going to select the blue fill, which you can see I have selected here cause it's the blue Phil And then I'm going to create a new layer going to cut blue Phil, select my new layer based in place. And there we go. So it's right behind it. So now we have a stroked black outline, and then we have a filled blue area. Okay, so now we're going to do that again. But we're gonna do it for the second line of text, which is over Heather. Travel options. I want to make that quite a bit larger. So it fits. Give it a bit of an angle. Yeah, we're going to make it outlines by hitting command shift. Oh, I'm going to give it a stroke instead of a fill. Goingto copy that stroke. Then we're going to create a new layer for the color version This that down below it make sure that we paste in place onto the layer that's below it. And they were going to change the color to blue. Okay, so you can see how that works. And then I'm gonna add in strokes that I had for the other layer. It's like this surks truth. It needs to be a stroke. We're gonna make it black. I'm gonna make it two points. Then I'm just gonna copy and paste. Okay, so then we're going to savour file and illustrators. We could go back and change it if we need to, and we're gonna call it 57 per. Okay, so now we have our three art boards. We have are three pieces of text that we want to import into video scribe. So I'm going to go to export export as and now here's a new step. We're still going to select SPG, and now we're going to say, use art boards and what that's going to do is now illustrator is going to save three files at one time by using each of the art boards that you have set up So once you hit, use art boards and click export going to use the same settings here as we did before. Now, when you go into video scribe, when you go to place your image, you'll see that what it has done is it has saved 57% 01 Oh, to an 03 So it saves all your files for you at the same time, which is really helpful if you have ah, whole Siris of images that you're gonna want to use. So I'm gonna put down the 57% 1st see how that place, all right. But drawls, just like we want it to said, that image right there, we're gonna add next bit of text, which is you can save up to put it just right here. I'm gonna want that to play first. Well, moved up to the front Well, a little bit faster. Then I'm going to put my third image here at the end. Another travel options that down make it just a little bit bigger. Okay, so center camera, and then let's play this and see how that works. And there you go at all drugs in just exactly like we had hoped by drawing the outline first and drawing the blue and second. Now, if you wanted to go back into illustrating, you could do the scribble effect that we had talked about before. Or you could make these slide in instead of having them drawn in with the hand. However it is, you want it to work in video, scribe. But this is a really good way to add a little bit of difference to your text that you can't really do in video, scribe. In fact, let's try that out right now. I'll show you a few of the ways the video scribe lets you do text, and you just can't get the same effect. So we're gonna go over to the text option here. We're gonna type in, you can save up to. We're gonna make it the Kamenica access for that I used in Illustrator, We're gonna change it to the blue. We're gonna put it in place here. All right, so here's our text. Now we can rotate it, you know, size it just like we did before. We can also add the lines manually, but here's what you can't do. You can't turn the letters and what I've noticed in video Scribe is it some really odd spacing between some of the letters, especially in this fought. So that's one thing to think about. You have a couple of other options that you can do to the text. So if you click on the image of the timeline and you clip text properties and graphic filters, you can do a few things like you can add a drop shadow. Thomas will make it 100% capacity. You can see you can. You know you can make a drop shatter. You cannot make an outline, so that's a bit of a bummer, because I do like the outline look, you can to a couple of the things like dollars or moving or faded in. But as faras the effects on the text itself, not a whole lot you can do as faras adding an outline to it. You certainly can't currently images, so those maybe things that they do later when they do an update to the software. But as of right now, this is really the biggest effect you can put on it as a drop shadow and let's see how that draws in if we play just that frame so similar. But it also doesn't look as realistic to me because it draws the blue and the black of the same time. So I really like to go and do my text and illustrator when I can. Um, I think it looks a little bit better, and it matches the rest of the video that I've put together. In the next lesson, I'm going to show you how to export images from the video scribe library, modify them an illustrator, then reimport them back into your scribe. 7. Modifying Images from the VideoScribe Library : in this lesson, I'm going to show you one of the way to find a vector to use for your scribe. You can export and edited image directly from video scribes. Library Describe has a huge library to choose from, and you can save time and money just by doing a few tweaks to one of their images. So here's how to access their library and find a vector to use going to describe and click on the add image Icon toe. Open the image library. Once you're in here, you'll see that there are a ton of images you can use. You can select by category for money, people etcetera. And then you can see down here how many pages of those types of images that they have. You can use your mouse scroll to go back and forth of the images. You can navigate through the dots etcetera, so you can also go in and you can search for a particular type of image. If you want to search for a rocket, we type that in new. We'll bring you all the rocket pictures that they have. Now you notice on some of these. They have a red or across the upper right corner. That means those of premium images, which you have to pay for. So if you wanted to buy one of those images, you could you would just click on it. You can preview it by clicking on the play arrow. We'll show you exactly how it's drawn out. Make sure it's what you want, and then you would agree to the terms and click by now and then it would walk you through the process of purchasing that image, but for right now we're just going to go find something simple to use, like a narrow. Let's choose this fat error right here. Place it on to her art board. Now, to export this, you simply click on the image on the art board, right click and select export to SPG, winning this arrow SPG save and then we'll go back into Illustrator. We will open that file that we just saved to her desktop and open an illustrator. Now you can see if you click. It's just a creditable line, which is perfect because then we can go and add a layer going toe lock the Arrow lair going to add a new layer for color. Drag it, blow the lines like we've done before. Grab my pin tool. I'm just gonna add a little bit of color to this arrow just so you can see how easy it is at it. The video scribe vector Now I don't want a stroke. I want Phil. I'm going to do that. Select a blue to use Now that's done. So now I'm going to export as SPG. It's going to replace the other image. Keep all my settings the same. Now go back in the video, scribe. I'm going to replace this image by selecting image properties. Then go find my image to upload a road out SPG and open. And there it is. Now it's in place. Let's see how it plays Perfect, just like we wanted. And there you go. That's another easy way to find a vector to use in your scribe 8. Overview & Class Project: I hope you've learned a few new things by watching these lessons today. Creating your own animated images to use and video scribe isn't as hard as you think. You just need to know a few little tips and tricks, and then you're on your way. Keep in mind that the way I was able to learn how to do this was by a lot of trial and error. Sometimes things work just as you think they should, and sometimes they just don't. But don't give up. You'll get there for your class project. I'd like you to create two animated SPG images. One will be a vector that you downloaded and modified, and one will be a vector that you created from scratch by tracing an image Bonus points if you use the scribble effect to color in your vector. Good luck and has son, if you get stuck, message me and I'll try to walk you through