The VG Resource
Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Printable Version

+- The VG Resource (https://www.vg-resource.com)
+-- Forum: Archive (https://www.vg-resource.com/forum-65.html)
+--- Forum: July 2014 Archive (https://www.vg-resource.com/forum-139.html)
+---- Forum: Creative Zone (https://www.vg-resource.com/forum-86.html)
+----- Forum: Spriting and Pixel Art (https://www.vg-resource.com/forum-14.html)
+----- Thread: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) (/thread-4497.html)

Pages: 1 2 3


Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-19-2009

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.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Rakia - 02-19-2009

Great tutorial.
May use it =P
Thanks a bunch, bro.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Adam - 02-19-2009

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!


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-19-2009

Why don't you just sticky it now so it doesn't fall to the second page in fifteen minutes?
But okay.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - tsr moderation staff - 02-19-2009

Why not just a general tutorial thread for everyone instead of just you? But thats awesome nonetheless.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-19-2009

Hey, if other people decide to make tutorials I'll change the title. But until then, I'll just consider it my tutorial thread.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - King of Bad Posters - 02-19-2009

Wow sweet tutorial! This will help alot of people.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Wes - 02-20-2009

I'm gonna try this


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-20-2009

Thanks guys C: Hope everyone who decides to try this is successful.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - nairenu - 02-20-2009

i tried this

[Image: GterrenHQsprite.png]

=3 very nice tutorial BTW


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-22-2009

The shading's a bit messed but you got the right idea.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Alpha Six - 02-22-2009

Just gonna go ahead and bump this.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Chaoxys - 02-23-2009

I'm trying this on a few sprites, although none of them are comming out nearly as good.


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - Chris2Balls [:B] - 02-23-2009

Oooh, time for some Metroid goodness Big Grin


RE: Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites) - King of Bad Posters - 02-25-2009

This isn't stickied yet?