YesNoOk
avatar

Dumb way to create Hi-Res Sprites off of existing sprites. (Read 3060 times)

Started by Graphicus, November 14, 2010, 02:14:09 am
Dumb way to create Hi-Res Sprites off of existing sprites.
#1  November 14, 2010, 02:14:09 am
  • ***
    • Argentina
Hi, this is a really simplified way of creating higher res (def?) sprites off of existing lower res (again, def?) ones.

It's not supposed to be the awesomest way ever, since I'm not awesome at spriting anyway, but it'll help those that may not have thought of this because they feel they can't sprite at all, period. Those of you who can probably do this already, probably have an even better method.

As an example, I'll pick a popular character that everyone's tired of looking at in his original form:

SSJ Goku from Dragon Ball Z: Super Butouden 3.

Step 1: Find a sprite sheet or rip it yourself. I found one ripped by a dude or chick called Kramlack (it says in his spritesheet that credit isn't mandatory, but I think it's classy and appropriate so I'll do it anyway), then pick a sprite.




Step 2: Use any program that doesn't employ any sort of anti-aliasing and increase the sprite to 4 times its size (you can choose more or less, but the more you choose, the more space you have to add detail).




Step 3: Use any color that'll stand out from the rest of the palette to draw your character on top of the existing sprite. Using a program that allows layers is going to make your next step easier. It's also great if you sort of know how to draw the character. If you're not great though, it's definitely easier doing it this way than drawing him from scratch.




Step 4: Get rid of all colors except for your outline.




Step 5: Fix/add details to complete the illustration.




Step 6: Fill in your picture with some basic colors to see how it looks (it's not important that they're perfect right now. It's just to give you an idea of which color you're going to use for which area and whether the color looks okay).




Step 7: Color your picture. In this case, I decided to color it and shade it my way, instead of following the original sprite, but you can keep it faithful, if you want. I personally pick three colors for each area: 1. The outline, 2. The shade, 3. The default color.




FINALE: Here's an animated gif showing a comparison of both sprites!



HOPE THIS HELPED!
Check out my animation! http://www.youtube.com/watch?v=2Y-4NQiSd9U

Current WIPs: Pegasus Seiya 5th Cloth (3rd for the Anime).
Project Thread: http://mugenguild.com/forum/topics/pegasus-seiya-5th-cloth-project-page-144581.0.html

Sketches: 63%
Lineart: 63%
Shading: 0%
Programming: 0% (looking for a programmer)
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#2  November 14, 2010, 02:34:04 am
  • ****
  • Don't look at them... well do it.
    • Chile
IMO face is way different from the original  :-\  but I think this maybe your style or whatever
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#3  November 14, 2010, 02:51:14 am
  • ***
  • ................
    • Edtion.TK
Here was is what the process for Street Fighter II HD was suppose to be until they released those crappy quick fixes.(not far trashed, but terrible in comparison and animation)

Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#4  November 14, 2010, 03:56:04 am
  • avatar
  • ******
  • I'm a fuffy.
    • USA
    • www.trinitymugen.net
and neither were actual sprites, either, because they use way too many damn colors
http://www.trinitymugen.net
If you wish to stay in contact with me, you will HAVE to do so through http://www.youtube.com/watch?v=wc280eXODs8. TM, MSN, Skype, whatever.
"reddit is the worst thing to happen to humor thanks obama" - George Clinton
Capcom expert, feel free to ask me for MUGEN help.

You will have to contact me through the above methods. I have left Guild until the staff can promise to let me breathe.
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#5  November 14, 2010, 11:20:13 am
  • ****
  • A.K.A. NED
not a bad process... :)
But, try to use the actual colors of the original sprite.
And also the number of colors of the original sprite.
This way, your sprite could be better.

Good luck.

DMK

Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#6  November 14, 2010, 11:23:10 am
  • ******
  • SuDR3arHEex+α
    • USA
    • www.twitch.tv/ThisbeDMK
Pretty good except the face as mentioned. Just looks a little scrunched. Otherwise looks fantastic and only other thing is the color of his gai could be a little darker orange.
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#7  November 14, 2010, 11:27:31 pm
  • *
  • Yet another z0mbie
With more colors would have look even mroe awesome.

This is the noise that keeps me awake.


Las criticas destructivas, te hacen mejorar mas, y mas rapido que una critica constructiva.

vyn

Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#8  November 15, 2010, 12:07:37 am
  • ****
    • Mexico
    • armandojc3@gmail.com
may i suggest to use a second example with a more detailed original sprite, the face and hands really required you to draw almost from scratch, a slightly bigger sprite might be a better example.
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#9  November 15, 2010, 05:56:24 pm
  • ***
    • Argentina
I guess I reap what I sow... Here you go. Original Palette, mostly.



Here's a comparison.



For those curious, the change takes place during Step 3. Instead of sticking with the main lines, you will have to outline every single shade in the original and then use those separations to know where to put the colors.
Check out my animation! http://www.youtube.com/watch?v=2Y-4NQiSd9U

Current WIPs: Pegasus Seiya 5th Cloth (3rd for the Anime).
Project Thread: http://mugenguild.com/forum/topics/pegasus-seiya-5th-cloth-project-page-144581.0.html

Sketches: 63%
Lineart: 63%
Shading: 0%
Programming: 0% (looking for a programmer)
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#10  November 15, 2010, 07:15:57 pm
  • avatar
  • ***
the face style is interestingly different. I like.
Spoiler, click to toggle visibilty

Your sig is too big. Max sig size is 600x200 pixels.

DMK

Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#11  November 16, 2010, 12:34:51 am
  • ******
  • SuDR3arHEex+α
    • USA
    • www.twitch.tv/ThisbeDMK
Liking the new pallette alot.  :)
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#12  November 16, 2010, 05:07:38 pm
  • ***
    • Argentina
It's the EXACT same palette as the original sprite. Only exception are the eyes and the laces on the boots (which, now that I've noticed, are incomplete).

Here are the alternate steps 5 and 6 for the new process.



Check out my animation! http://www.youtube.com/watch?v=2Y-4NQiSd9U

Current WIPs: Pegasus Seiya 5th Cloth (3rd for the Anime).
Project Thread: http://mugenguild.com/forum/topics/pegasus-seiya-5th-cloth-project-page-144581.0.html

Sketches: 63%
Lineart: 63%
Shading: 0%
Programming: 0% (looking for a programmer)
Last Edit: November 16, 2010, 05:11:00 pm by Graphicus
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#13  November 16, 2010, 06:59:19 pm
  • ****
  • A.K.A. NED
Good.
It's far better this way, pal.
The original sprite color is more interesting.
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#14  November 21, 2010, 05:39:17 am
  • ***
    • Argentina
I was bored:



Comparison:



Yeah, I know... the eye could be a bit less covered by the arm. Oh, well...
Check out my animation! http://www.youtube.com/watch?v=2Y-4NQiSd9U

Current WIPs: Pegasus Seiya 5th Cloth (3rd for the Anime).
Project Thread: http://mugenguild.com/forum/topics/pegasus-seiya-5th-cloth-project-page-144581.0.html

Sketches: 63%
Lineart: 63%
Shading: 0%
Programming: 0% (looking for a programmer)
Re: Dumb way to create Hi-Res Sprites off of existing sprites.
#15  November 21, 2010, 07:43:21 pm
  • *****
  • you know what they say?
    • emanuelepepi.it/