Users browsing this thread: 2 Guest(s)
Tyvon's Assorted Mini-Tutorials (current: Making Resized HD/Hi-Res Sprites)
#1
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.
Thanked by:
#2
Great tutorial.
May use it =P
Thanks a bunch, bro.
[Image: cIUPd.png]
Give me my own member group!
--
megazario Wrote:quite amazing good job make up more keep up the good work
plz dont give me a bad point plz for sounding a bit gay here
Thanked by:
#3
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!
Thanked by:
#4
Why don't you just sticky it now so it doesn't fall to the second page in fifteen minutes?
But okay.
Thanked by:
#5
Why not just a general tutorial thread for everyone instead of just you? But thats awesome nonetheless.
Thanked by:
#6
Hey, if other people decide to make tutorials I'll change the title. But until then, I'll just consider it my tutorial thread.
Thanked by:
#7
Wow sweet tutorial! This will help alot of people.
Thanked by:
#8
I'm gonna try this
Thanked by:
#9
Thanks guys C: Hope everyone who decides to try this is successful.
Thanked by:
#10
i tried this

[Image: GterrenHQsprite.png]

=3 very nice tutorial BTW
Thanked by:
#11
The shading's a bit messed but you got the right idea.
Thanked by:
#12
Just gonna go ahead and bump this.
Thanked by:
#13
I'm trying this on a few sprites, although none of them are comming out nearly as good.
Thanked by:
#14
Oooh, time for some Metroid goodness Big Grin
[Image: x1aIZ2e.gif]
YOU HAVE TO FEEL WHAT YOU DRAW, FEEL
[Image: shrine.gif]






Thanked by:
#15
This isn't stickied yet?
Thanked by:


Forum Jump: