 Scratch Sprites. How do you make them draw them upload them and download them? Well stick around because in this tutorial of scratchery basics things are about to get a little bit stinky as we explore Sprites and Scratch together in just a moment Hello world, it's the surfing scratcher here teacher surfer programmer and lover of learning bringing you the goodness of coding through games on This channel we code projects together using video tutorials So if you're new here consider subscribing Be sure to check out the show notes and links in the description below where I list out a bunch of resources and unplugged activities They can help you along on your learning journey. All right, let's get stuck into it All right, so you've pressed that create button and it's taking you here the scratch project editor Let's talk about Sprites so you can find Sprites down here in the sprite pane Sprites are almost always visual and they are the objects that perform actions in our scratch projects Think of them like remote control cars Remote control cars on their own can be pretty awesome But they don't do anything unless we tell them what to do the same goes for Sprites and scratch We can draw the most awesome sprite ever, but unless we tell it what to do it won't do anything So let's now talk about the different kinds of Sprites in scratch The first type of sprite that we can access our Sprites from the scratch library You can just go ahead and scroll this massive long list You can sort it by the labels up here and you can also enter in the search field So if you want to find these bananas here, we can just type in bananas But I'm pretty sure if we also type in fruit, it'll include bananas in that search Which is pretty neat if you go ahead and type in something that you want to fly and you mouse over that It will show a little animation to see if it animates. So that's the scratch sprite library Go down here and you press this button. It will just give you a random sprite from that sprite library Okay, the next type of sprite that you can make is when you paint a sprite So you can just go in and draw into your heart's content and that's pretty ordinary So let's just go ahead and delete that and let's go into our third type of sprite Which is an upload sprite and we're gonna unpack more of the drawing in a second. So let's upload a sprite Sprite that we're gonna upload is the pile of poop emoji And the reason for that is students in my class absolutely love this emoji So I'm just gonna give them up what it wants Let's go ahead and press the costumes tab now of our pile of poop emoji We can give it a new name. Just call it pile of Beautiful. All right, so now we're in our pile of poop emoji. Wow sprite here in the first costume You'll see that it's quite pixelated or a little bit blurry It's not as crisp as you would have seen it at a smaller resolution The reason for that is currently a bitmap and a bitmap is just a grid of pixels Remember a pixel if I just zoom in here is just like a little square on the screen a little square of light So if I were to make this much bigger in our full screen mode You'll see our scratch cat is lovely and crisp still but our pile of poop emoji is quite blurry So how do we get around that? Well, what we need to do is we need to convert our pile of poop emoji to a vector So we've gone ahead and done that now, but that hasn't solved our problem because it's still quite blurry So what we need to go and do now is we actually need to trace over our pile of poop emoji To recreate it using vectors now vectors Just a way of giving mathematical instructions to draw images on the screen. We don't need to know the ins and outs of that We just need to know that once we've created a vector It's gonna look crisp at any resolution as we go ahead and trace this emoji I'm just gonna go through a few of these buttons and tools over here What I want to go ahead and do is get this bitmap and I'm going to copy it and then I'm going to paste it The reason for that is I just want to reference because we're going to be tracing this emoji It's going to be hidden behind our vector. So we want to copy here so we can refer back to it Okay, let's go again and get our paintbrush tool. I'm going to go ahead and get the eyedropper tool So I can get that nice chocolatey brown color. All right Now I've got my paintbrush tool here. We can change the thickness of that tool We can maybe change it down to let's go seven sevens a lucky number, isn't it? And what I'm just going to do now is literally just trace over it now It's okay if it's looking a little bit rough here. That's fine I'm gonna speed this up so you can see it a bit quicker I'm pressing this arrow tool now to select the color or the paintbrush that I just painted I'm going to send it all the way to the back so that it's now behind this bitmap If I press forward it's now you're just going to jump back in front of that bitmap So these are called layers and we can layer our image nicely like that Okay, so as we look over here our pilot poop is looking all right and if we blow it up It's looking pretty good. You can still see the blurriness of the bitmap behind it But it's going all right. So now what we want to go ahead and do is create these eyes I'm just going to do this over this emoji or this bitmap here and we'll transfer across Let's get the circle tool now and the circle tool has a fill and an outline So we're going to pick the color of the outline around the eyes Which is that color there and I want to just increase it to three pixels I'm just going to draw so I'll change that fill to white So we'll go ahead and click that white that is just there Let's go ahead and draw a circle now Just move it across slightly and now let's go ahead and draw a black one Cool. So what I can go ahead and do now is click both the pupil and the eyeball And I can group them. So now if I click off I can just move the whole object I'm going to move that directly across if I hit the shift key It'll drag it in a nice straight line for me So there we go. I'm going to go copy and paste that now And now we have both of our eyes and we can create a googly eye emoji if you wanted to But we'll just leave that one as is Cool. I'm going to go ahead now and we are going to go and create this mouth So let's create our outline and let's go ahead and draw our circle Cool. Now let's go ahead and check out this tool here So if I click on it it's a reshape tool And go ahead and drag one of those points down to change the shape of the mouth Which is pretty neat If I click back to this tool here this is a move tool And it will move the whole shape So if I just nudge that with my keyboard keys We can see now that now we have the mouth of our emoji And I can just bump up that stroke to make it a bit thicker Let's drag that across Cool. And our poop emoji is going pretty good Now you can go ahead and put in some final touches You can put in the gradient there The way that you would do that Jump into your fill with the shape selected You can go ahead and play around with these gradients So let's just make that slightly gray See that's from the bottom I'm going to swap that around so it's from the top now There we go. We've got that little gradient in there now So I'm going to go ahead and delete that bitmap And we can delete the bitmap that is behind it now And we can also delete our cat sprite And you can see we've got our poop emoji And there's a couple of little holes in there that we could go ahead and fix All right and then we have our poop emoji Which is in a vector form now So we can increase the size of this up to 200 And it is looking pretty good Although your head is still a little bit wonky On the size there but that's just down to my drawing If we make that really tiny it's going to look pretty cool as well There we go There are also some awesome websites out there Where you can draw your own sprites And I'll link to them in future videos All right there's also another way that we can upload a sprite And the way that we can do that is we can take a photo with the camera So here is surfing scratcher right now Here I am talking, let's go ahead and take a photo All right there we go It's pretty dark where I am right now It is nighttime and wow we are really zoomed in We can even go further in We have a bit of super zoom action But no let's go right all the way out All right so I've got rid of that screenshot And I just want to talk now about how to download a sprite or export it There are two ways that you can do this If I right click on my pile of poop emoji down here This sprite you can export it Now if you export that option it will export a sprite prefile And that you can import into other scratch projects The other type of export that you can do is When you right click on a costume So I'm going to do that now and export on a costume And that exports an SVG which is a scalable vector graphic And what that does is you can import that into programs like Adobe Illustrator Or it can be a graphic that you use on the internet So they are the two types of ways that you can download and share your sprites The last thing I want to touch on are sprite packs Sprite packs are scratch projects where people have created A whole heap of sprites for you to use in your personal projects They are not for commercial use They are just for personal use So let's go ahead and click on one of these to see what they look like inside Okay so we are in this Super Mario sprite pack now And as you can see the nuclear duck has gone ahead And created a whole bunch of sprites for us That we could use in our scratch projects Which is just unreal So thank you nuclear duck You can go ahead and google scratch sprite packs And find more for yourself Alright it's time for a scratchy question I want to know how do you make your sprites in scratch? You might have a favorite website out there that we don't know about So you can drop a URL in the comments section below So we can go check it out Or link to a scratch project if you have a sprite pack Shout out to vecteasy.com As I use some of their vectors to create this video Thanks for checking out this tutorial Subscribe, bring the bell if you're new around here And have a scout of all my other content Which is on the screen right now If you can't get enough then head on over to my Patreon page Where you can join a membership tier for access to exclusive content But until then I'm off to go find a way I'll catch you in the next one