Pages: 1
Topic closed
Here's what I've learned in my limited attempts to use sprite sheets. You can't open the whole sprite sheet in scratch and then cut out the individual frames, cause they're usually way too big and you end up with compressed (and * looking) sprites, so how do you get the individual frames into scratch?
So far what I've done is this: You open up the sprite sheet into paint(or photoshop, gimp, etc), drag the selection tool around the particular animation you want to grab (running, swinging sword, jumping, whatever) and copy about four or five frames from it. Then I usually have another copy of paint open and paste the frames into that. Then I save the small group as a png to avoid fuzzy pixels, and upload each group into scratch this way. After I've got all the frames from the one animation I want to work with into scratch, I go into the scratch image editor and use the fill tool to make the background of the frames transparent (Use the white and gray checkered color from the bottom right of the color palette.) If the background color of your sprite sheet is obvious (i.e. a blue background under a red character) then make sure and use the fill tool on the little spots that were left inside the bondaries of the frames.
Sometimes sprite sheet creators are lame and choose a color that's not easily picked out from the rest of the sprite, so then all you can do is use your best judgement. If your sprite sheet is a gif, and the creator saved it with a transparent background, opening it in paint will give it a gray background, and if you save it from photoshop, you have to know how to save it with transparency. Anyways. . .
I digress.
Once you have your animation frames uploaded into scratch in sets of four or five, and situated on a transparent background, then use the right click and "save screen region for new sprite" option to make new sprites out of all the frames. (They appear in the center of the screen and tend to get in the way, so just drag them off to the side for the time being.) After you've got all your frames separated into sprites, go to each you just created sprite under the costume tab, and drag the costume to the thumbnail of the base sprite, the sprite you actually want to animate.
Now you should have one sprite with all the other sprites as costumes, and you can animate it however you want!
Offline
My question is this: Is there a better way to use sprite sheets in scratch? I've looked at it from a couple different angles, and this is the best I can come up with. Am I missing something here?
Offline
No, what you said is the most efficient way to get sprites from spritesheets. All I can recommend is that when you split your large sprite sheets make them 480 by 360 because that is the biggest you can import images at without having them shrink.
Offline
Thanks for giving me those numbers. I wasn't exactly sure how big you were allowed to get, so I'd been keeping my files pretty small. Useful info!
Offline
Actually, there is a more effiient way. On the Riener's sprites website there is a free-to-download application called "tilecutter".
It allows you to choose a cutter size and positionit it on your sprie-sheet. The whenever you click "cut" it moves on cut-width to the right (or, if at the edge of the sheet, on row down, and back to the left edge).
This makes it very easy to turn a large sprite-sheet into a number of individial costumes.
There is also a batch colour-converter on the same site. This lets you change the backround colour of multiple sprites simultaneously, so that when you import them they have a transparent background.
These 2 apps saved me hours of work on the wandering knight project.
Offline
Question: How do you tell color converter to convert a color to transparent?
Offline
When .gifs are dragged into scratch, black (usually) becomes transparent.
So:
Step 1: batch colour-convert existing black to very dark grey.
Step 2: batch colour convert current background colour to black.
Step 3: import .gifs to costumes by dragging them en-masse.
Offline
So i like your idea, ChibiChocobo, but i don't know how to copy one pic from one paint to the other. How do you do it
Offline
On macs, import them directly to Scratch, and edit them there
Offline
Acually, there is a better way to do it,(seperate a sprite sheet) There is a program that you can use that is called TileCutter. It is amazing, i can import a picture and choose a area i want to seperate, and press, Save as .bmp and the original picture is not even modified. i woild recomend this for you ChibiChocobo, and all the other scratchers out there.
Offline
I open it in an editor that can do big pictures without shrinking it, then cut the piece you need, save it, and inport to Scratch and clean it up.
Treat others the way you want to be treated!
Offline
Oops!! Didn't read the first post first and said almost the same thing!!
Treat others the way you want to be treated!
Offline
Topic closed
Pages: 1