The VG Resource

Full Version: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
I figured it'd be a lot easier for my tutorial to be in a separate topic.

And since I might plan on making more tutorials in the future, I'll just use this whole topic for them.

Finished Tutorials:
Making Resized HD/Hi-Res Sprites (or just scroll down a bit)


Requesting a sticky, please.


Making Resized HD/Hi-Res Sprites
For this tutorial, I am using a basic standing sprite of Sonic from Sonic the Hedgehog 3 for the Sega Genesis.

When resizing sprites, it doesn't matter how you do it, as long as you can make out what it looks like when it's resized. Yes, this means you can drag the corners of the sprite and manually resize it yourself, as long as you can tell what's what and organize your sprite correctly.

[Image: sonichddonerightsm5.png]

Step 1:
Resize the sprite you're using. For this sprite, I chose to resize to 2x size.
Map out the palette, and then color over the entire sprite with a color that stands out opposite from the background.
(I used yellow because it helps me focus more on the edges because it doesn't blend in with the background at all. You don't have to use the same color, though.)

Step 2:
Once you resize your sprite, smoothen the edges. Use the original sprite as a reference if you need to. Remember that your sample sprite is a reference; don't rely on it throughout the whole process. Don't try to nail it shape-by-shape, because chances are it'll end up looking really ugly and awkward.

Step 3:
Once you've smoothened your edges, start mapping out your colors. Again, use your reference. Don't stress over details just yet, since all you're doing is mapping out the sprite.

Step 4:
Begin the shading process. Use only the colors you're provided. You have freedom at this point, so don't focus on nailing it down to the last pixel; add your own flavor to it if you want, and feel free to shade things a bit differently. Remember to be patient, or your sprite won't turn out the way you want it to at all.

You're pretty much done here.

Step 5 (Optional):
If you wanna add a "true" hi-res effect, throw in what I like to call "in-between" colors. Use these to AA your edges, to add that nice smoothing effect you see in most larger sprites. You can also use in-between colors to add additional outlines and details.


More tutorials coming soon.
If you have any requests for tutorials you'd like me to write, just let me know and I'll see what I can do.
Great tutorial.
May use it =P
Thanks a bunch, bro.
You wouldn't mind submitting some of these to iPxl, eh? Big Grin

If you throw up a few more tuts', I'll sticky this. Nice so far!
Why don't you just sticky it now so it doesn't fall to the second page in fifteen minutes?
But okay.
Why not just a general tutorial thread for everyone instead of just you? But thats awesome nonetheless.
Hey, if other people decide to make tutorials I'll change the title. But until then, I'll just consider it my tutorial thread.
Wow sweet tutorial! This will help alot of people.
I'm gonna try this
Thanks guys C: Hope everyone who decides to try this is successful.
i tried this

[Image: GterrenHQsprite.png]

=3 very nice tutorial BTW
The shading's a bit messed but you got the right idea.
Just gonna go ahead and bump this.
I'm trying this on a few sprites, although none of them are comming out nearly as good.
Oooh, time for some Metroid goodness Big Grin
This isn't stickied yet?
Pages: 1 2 3