YesNoOk
avatar

SFIII HiDef Sprites (aPNG versions added) (Read 113448 times)

Started by steamboy, March 19, 2012, 09:47:14 AM
SFIII HiDef Sprites (aPNG versions added)
New #1  March 19, 2012, 09:47:14 AM
  • *
I posted this on SRK just now, thought I'd share it here too:
http://shoryuken.com/forum/index.php?threads/sf3-third-strike-hd-remix.156951/

APNG:
http://dl.dropbox.com/u/1511999/akumaapng.png
http://dl.dropbox.com/u/1511999/alexapng.png
http://dl.dropbox.com/u/1511999/chunapng.png
http://dl.dropbox.com/u/1511999/kenapng.png
http://dl.dropbox.com/u/1511999/ryuapng.png

Click on the images to see the full size:



Process:

The 3S poster below was the image that really inspired me to do this. I was looking at it, and I thought - if anyone did SF3 in HD, the sprites MUST feel like this poster!
I ended up using the individual character art for Ryu is my base of reference though, because the skin color and gi color on the poster were just a little weird.



I started off by blowing up the sprite about 1000%, which is actually twice the size of the final image. From there, I rescaled it back to a 4:3 ratio (because the pixel aspect ratio on the extracted sprite is different than what you actually see in the game). To do this, I scale the height of the sprite by 133%. Next, I start to roughly trace over the sprite with some lines, from this point on, I am trying my best to replicate Ikeno's style on the Ryu character art. The middle image is the completed lineart. After that I drop in some flat colors, and then I shade it. I'm pretty much eyedropping the colors straight out of the Ikeno Ryu.

After the character is completely colored, I divide the character up into the pieces you see on the last image. With each piece on a separate layer, I paint in some overlap areas so when he animates, there is enough real estate underneath. I take these pieces into AfterEffects where I animate using Position, Rotation, Puppet Warp, and Mesh Warp. In AfterEffects, I have overlayed my pieces over the sprite animation, and I try my best to match the frames of animation. My sprite runs at 30fps, while the sprite runs about 10fps, so for every frame of animation in the sprite, I have 3 frames in my HD one (i'm not 100% on these numbers, I suck at math, but that's the gist of it). When the anim is done, I export each frame as a PNG, and I compile an animated GIF in photoshop.

I'm not sure how Vanillaware does their animations, but I wouldn't be surprised if it was similar to this (maybe without the mesh warp, since it's kinda unpredictable). The result is a little more floaty then I had hoped, to get the snappyness of the sprite anim, I would need to fine tune the interpolation a lot more. The baggy clothes was the hardest to do, fabric in general tends to look like jelly when you animate in this way. That's why I'll probably never attempt to do Makoto! And yeah, I know the feet are kinda busted, I will get around to fixing that eventually.


Last Edit: September 30, 2016, 05:27:07 PM by AlexSin
Re: SFIII HiDef Ryu Sprite
#2  March 19, 2012, 09:58:26 AM
  • avatar
  • ***
 :o Damn!
Re: SFIII HiDef Ryu Sprite
#3  March 19, 2012, 01:14:06 PM
  • ***
  • Walking on a Dream !!
    • Mali
Awesomeeeeeeeeeeeeeeeeeeeeeeeeee!!!!!!!!! :o God !!! you are good !! :sugoi:
Re: SFIII HiDef Ryu Sprite
#4  March 19, 2012, 01:15:24 PM
  • ******
  • Limited time to use Infinite power !
    • France
    • network.mugenguild.com/cybaster/
Holy mother fucking dqsfhfljfqpdqsdl ... *DIES*
Re: SFIII HiDef Ryu Sprite
#5  March 19, 2012, 01:28:53 PM
  • ****
  • There is a demente in everyone!
    • www.dementi.it
How long did it take??


Re: SFIII HiDef Ryu Sprite
#6  March 19, 2012, 01:59:38 PM
  • avatar
  • ******
    • Germany
    • www.game-art-hq.com
as cool at it is but the part how his feet are looking..its like they get stretched and that looks weird
Last Edit: March 19, 2012, 04:12:56 PM by GBK667
Re: SFIII HiDef Ryu Sprite
#7  March 19, 2012, 02:37:11 PM
  • *****
  • Lazy spriter
  • Demon in heaven gotta carry a knife
    • Bolivia
    • network.mugenguild.com/thedge/
I agree with gbk on the feets, and the gi legs could use some work, changing some lights when it moves I mean, but the overall look is impresive, awesome work.
That’s when I thought, “good grief”
Just ain’t my belief
Until I saw the holes
Inside his hand

NoZ

Re: SFIII HiDef Ryu Sprite
#8  March 19, 2012, 02:42:35 PM
  • ****
  • pain is weakness leaving the body
    • Puerto Rico
    • phantomgs.forumotion.net/
DAMN  :o
Re: SFIII HiDef Ryu Sprite
#9  March 19, 2012, 04:00:23 PM
  • *****
  • Bringing her back
    • USA
    • hiivolt-07.deviantart.com/
Dope.
Spriting is hard.
Re: SFIII HiDef Ryu Sprite
#10  March 19, 2012, 05:19:48 PM
  • avatar
  • *****
 :yeses: :yeses: :yeses:

Re: SFIII HiDef Ryu Sprite
#11  March 19, 2012, 05:22:21 PM
  • ***
  • Mumbling voice actor reploid
    • Canada
    • electricvoiceboxmedia.com
Feeling...tingly...and I hear...singing. :o That's hypnotically amazing!
Re: SFIII HiDef Ryu Sprite
#12  March 19, 2012, 05:23:15 PM
  • *****
  • Legend now but still learning
    • USA
    • http://cvsnb.deviantart.com/
JESUS CHRIST U STILL AMAZING ME WITH YOUR TALENT STEAMBOY!
Re: SFIII HiDef Ryu Sprite
#13  March 19, 2012, 05:39:08 PM
  • ******
yes!!! steamboy is back! with ownage work as usual

GOH

Re: SFIII HiDef Ryu Sprite
#14  March 19, 2012, 05:50:26 PM
  • ******
    • Portugal
Fuck yeah that looks amazing. Gotta agree with GBK though. The feet need some slight tweaking.
Re: SFIII HiDef Ryu Sprite
#15  March 19, 2012, 07:42:11 PM
  • avatar
  • *****
If he made a Chun Li I better not be judged for beating my meat to it.
Re: SFIII HiDef Ryu Sprite
#16  March 19, 2012, 07:56:01 PM
  • ******
    • Netherlands
    • network.mugenguild.com/balthazar/index.html
The only other comment I have is that his belly is still attached to the gi under his left arm, making his stomach seem...oozy :P
Palettes will be a bitch XD!
But very awesome, interesting animation. Great to see you back here.
Re: SFIII HiDef Ryu Sprite
#17  March 19, 2012, 07:59:54 PM
  • avatar
  • *****
Well we already know that palette gods can't resist a challenge. They did MvC3 palettes so you know they will want to do the next challenge.
Re: SFIII HiDef Ryu Sprite
#18  March 19, 2012, 08:46:29 PM
  • *****
    • tehwii@gmail.com

  • Online
Mother of god.
Re: SFIII HiDef Ryu Sprite
#19  March 19, 2012, 08:50:31 PM
  • ******
  • This is going to be very entertaining.
    • USA

  • Online
Jesus Jacked-up Christ!  That's incredible.    :o
Re: SFIII HiDef Ryu Sprite
#20  March 19, 2012, 10:40:51 PM
  • ***
  • Figuring things out, one sprite at a time.
    • irwt.iammanyninjas.com
Had just crossed my mind that I couldn't recall the last time you were around these parts, and then this comes up. Hah! Really fluid animation to that piece.