Scratch

Welcome

This topic will show some great sites containing sprite sheets that can be used in your Scratch Projects. I will post as many as I can find, but I will also need your help to get other websites.

If you would like to help, post the following template:

Website Name: (the name of the website)
Website Address: (the address of the website)
Sprite Sheet Type: (are they animated or static)
Comment: (what you think of the website)

Please Note: I take not responsiblity for any content on the below sites. View them at your own risk.

General Sites

Website Name: Spriter's Resource
Website Address: http://www.spriters-resource.com/
Sprite Sheet Type: Static
Comment: A great site. Contains thousands of sheets, all organised into an easy acess site.

Website Name: Sprite Database
Website Address: http://sdb.drshnaps.com/index.htm
Sprite Sheet Type: Static
Comment: Similar to Spriter's Resource; contains loads of sheets in a well organised site.

Website Name: Reinerstileset
Website Address: http://reinerstileset.4players.de/englisch.html
Sprite Sheet Type: Static - Download
Comment: Contains lots of 3D sprites, which you must download. Very high quality.

Website Name: Pixelperfect
Website Address: http://fireleml.slightlydark.com/
Sprite Sheet Type: Static
Comment: A small site, but has high quality sprites.

Website Name: Video Game Sprites
Website Address: http://www.videogamesprites.net/
Sprite Sheet Type: Static
Comment: A smallish site which contains lots of FF sprites.

Website Name: Panelmonkey
WebsiteAddress: www.panelmonkey.org
Sprite Sheet Type: Backgrounds, Video Game Sprites, Also Sprites with no credit required
Comment: Awesome there are so many sprites from a lot of video games.
Credit: Lanie

Website Name: Shy Guy Kingdom
WebsiteAddress: http://tsgk.captainn.net/
Sprite Sheet Type: Static
Comment: Loads of great sheets.
Credit: Archmage

Website Name: Spritemakers
WebsiteAddress: http://spritemakers.forumotion.com/
Sprite Sheet Type: Static
Comment: Loads of great sheets.



Mario Sprites

Website Name: Mario Fan Games Gallery
Website Address: http://www.mfgg.net/
Sprite Sheet Type: Static and Animation - Some downloadable.
Comment: A good site for Mario games, as it contains lots of different styles.

Super Smash Bros.

Website Name: SSF2 Animation Archive
Website Address: http://mcleodgaming.com/ssf2sprites/
Sprite Sheet Type: Animation
Comment: Great site for SSB projects, as you all you have to do is drag the sprites into the Scratch project, no cutting and positing sprites.

Pheonix Wright

Website Name: Court Records
Website Address: http://www.court-records.net/Media.htm
Sprite Sheet Type: Static and Animation
Comment: A good site for pheonix wright projects, as it contains a lot of animations.
Credit: Archmage

RPG Sprites

Website Name: RPG Sprites
Website Address: http://charas-project.net/resources.php?lang=en
Sprite Sheet Type: Static
Comment: A site which contains millions of RPG sprites. Defentily a choice if you are looking for RPG style sprites.

Music

Website Name: VGMusic
Website Address: http://www.vgmusic.com/
Sprite Sheet Type: Downloadable Music
Comment: An amazing site which contains thousands of music files from nearly every game.


Working with Sprite Sheets

You're probably wondering, 'Now I have all these sheets, how do I get them into Scratch.' Well this is very simple, and I will explain it in a few simple steps:

Please Note: The next tutorial is for static sprites only.

(Sorry about the large images)

Step 1 - Saving the sheets

The first step you should take is saving the sprite sheet onto your computer. This is very easy. Just right click on the sprite sheet you want, and go down to Save Pictures As... Then save the sheet where you want it and press OK.



Step 2 - Resizing the sheet

Sometimes the sheet can be to big to fit within the Scratch window, so Scratch will make the image smaller inorder for it to fit. The scratch window is 480x360. The image above isn't 480x360, so we need to resize it.

We do this by opening up Microsoft Paint and opening the sheet. There are many steps you can take now.

The first thing you can do is take away the credit signature on the sheet, as this isn't need when extracting the sprites - but remember to give credit afterwards. To do this, select the signature using the Select button and then press delete.

The next thing you want to do is make the paint canvas smaller. Do this by clickingg anywhere on the paint canvas when the select tool is selected. This should show some blue markers on the side of the canvas. Grap one and drag it to make the canvas smaller.

You can make the sprite sheet smaller by bunching the sprites together more, as they are quite widely spaced on the example above. Do this by selecting them and dragging them to where you want them. A good idea is to turn off "Draw Opaque" so that there isn't any white borders around the images when selecting them.

If you can't fit all the sprites on the same page, then split the sheet into two or more pages.

A good example of the above is below:



Step 3 - Importing into Scratch

So now you have your edited sprite sheet, which fits into the Scratch window, you can start to import it. Do this by opening Scratch and clicking on the "Choose new sprite from file" button under the stage. Then go to the sprite sheet and open it.

Step 4 - Editing the Sheet

You don't want all the sprite's costumes on the same costume, so you need to split the sheet up into each of the sprites costumes. To do this, go to the costume tab and edit the costume. You should select the fill button and click the clear (checkered) colour and click on the white background to make the sprite's background transparent. Press OK.

I find the best thing to do now is to split the sheet into different sections. On the sheet above, you have lots of enemies of the Mario series. Say you just want the Goomba costumes. Copy the costume which contains all the costumes on, and click edit on the new one. Use the select tool to select all the costumes you want, and delete the rest. Then move the costumes into the middle of the page, and press OK.



You now have two costumes, one with all the sprites on and one with just the costumes of the sprite you want. Click copy on the costumes you want. Edit the new costume. Select one of the costumes and delete the rest. Move the image to near enough the middle of the canvas. Now zoom in so you can just see everything of the costume. The trick of lining up costumes is to use a point on the sprite which doesn't change much. For this example, we will use the top of the head of the goomba, as this doesn't change except for the last costume.

You now want to move the costume to a point on the cavnas which you will remember for all the costumes. I find a change between blue and white on the canvas to be a good point. For this example, we will use the first change in colour below the top of the zoomed canvas. (see the picture below if you don't know what i mean)



Now click OK, and do this for the rest of the costumes, lining them up by that mark. You will notice that the last costume (dead goomba) doesn't line up with the rest. Just line up the feet of the goomba with the feet of the other costumes.

This is what the final result should look like:

Last edited by Dan01 (2009-02-01 15:42:15)