Pixelation

Critique => Pixel Art => Topic started by: Turbo on April 03, 2007, 12:22:30 am

Title: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Turbo on April 03, 2007, 12:22:30 am
Run animation for a class project: (http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1-4.gif)

WIP Title screen:
(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-7.png)
Title: Re: [WIP] Isometric Run Animation
Post by: Icedemon on April 03, 2007, 01:00:36 am
the sprite to animate looks good, are you going to do anything to his hair when running?
Title: Re: [WIP] Isometric Run Animation
Post by: Xion on April 03, 2007, 01:47:13 am
It's...very...sloooowww...
Title: Re: [WIP] Isometric Run Animation
Post by: Cow on April 03, 2007, 02:44:24 am
His left arm swinging seems pretty extreme. Looks nice otherwise, like the hip movements.
Quote
It's...very...sloooowww...
Fine on my computer. :-X
Title: Re: [WIP] Isometric Run Animation
Post by: kakikukeko on April 03, 2007, 06:24:42 am
I'm not animator, but it looks fine to me.. yeah I like the hip movement too..
and it's a bit slow on my computer too..
the drawing is pretty nice, but you have more contrast on the trousers/shoes than on the rest of the sprite.. I think you better attract the spectator's eye on the head and the sweater...
good luck ;)
Title: Re: [WIP] Isometric Run Animation
Post by: mangust on April 03, 2007, 09:26:37 am
Yes maybe it's some slow... This animation more approach to big man (fat, heavy man), but me like this - it's not ordinary and very funny (maybe head some lower down, like a bull  ;) )
Anyway if you will animated faster maybe you use 6 frames (it's enough), for walk (8 frames).
 :y:
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 03, 2007, 02:10:28 pm
Thanks for the help and encouragement! Here's a version to address the issues mentioned:

(http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_7ms.gif)

Changed the palette for more contrast.
Added a highlight for the sweater.
Speeded up the run.

Icedemon: Nice tip on animating the hair, hadn't planned it but sure will.
Xion: better now?
mccow28: yeah, the left arm needs rework. It was basically rushed, because it's mostly hidden behind the body and i didn't want to add too much detail before i flesh him out.
kakikukeko: Hope i didn't go overboard with contrast and focal points now...
mangust: the change in animation speed corrected the look of heaviness, i hope? I don't think i need to cut down frames, although i could... If such, i'd rather correct the ones i have. (The game engine allows for a customized animation speed, as it should :))
Title: Re: [WIP] Isometric Run Animation
Post by: Hishnak on April 03, 2007, 03:38:14 pm
His right leg seems to speed up rather quickly as he pushes off with it. Do you know what I mean?
Title: Re: [WIP] Isometric Run Animation
Post by: Xion on April 03, 2007, 10:24:39 pm
Yeah, looks cooler now, but like Hishnak said, the right leg is way fast...in fact, it was like that before, but the speed change just makes it more obvious. I realy like the arm motion, though. Nice.
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 04, 2007, 01:36:46 am
I see it now, thanks for the pointer. I'll fix it in the next iteration.
Title: Re: [WIP] Isometric Run Animation
Post by: Fool on April 05, 2007, 12:34:32 pm
Nice work=)

Legs was already pointed out, i just recommend not to show far hand behind his head - it wont be clear what blinking out there, hand move  is logically obvious. =) Also, if use a dummy in iso view - it help if you make a body iso rectangled, splited on waist line - it would help to figure out what the body would do.=)
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 05, 2007, 05:30:15 pm
Thanks, Fool. I agree on the hidden arm movement, i've removed it.
Regarding the rectangle iso dummy, do you mean something like this?

(http://img462.imageshack.us/img462/6497/isorectangledummytmpep0.gif)

I've found it simple and comfortable to use two horizontal lines for the hips and shoulders, hadn't though of rectangles but i'll keep it in mind, it seems like a good method too. Thanks for the tips and nice words :)


Latest animation rework:

(http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1.gif)

I've corrected the feet speedup. Actually, because of that apparently tiny 1-frame thing, i noticed a timing error and had to remake half of the frames (due to poor planning :P).

I'm fairly happy with how it looks at the moment. Now i'm gonna start on the front/right running anim, before i fill it out.
Critique still welcomed though :)
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 07, 2007, 02:30:18 am
Now with more southeast running:
(http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1-1.gif)

The disappearing right arm will be ocluded by the torso on the frames in which it disappears.

Next up, by tomorrow night: imma fillin' mah lines!
Title: Re: [WIP] Isometric Run Animation
Post by: mangust on April 07, 2007, 10:04:03 am
Cool!  But this very similar to quick march (sporting step), not to run, maybe it is not enough instep legs and more small up body in some frames? On left animatio is ok, but on right...
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 07, 2007, 07:14:01 pm
I see what you mean, hadn't noticed before, it does look like marching! I don't understand what you mean by "instep legs", but i'll give his body a greater "hop", more vertical movement, and maybe lift more the knees as they go for the next step. Nice tips, thanks!

Edit:
here we go:
(http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1-2.gif)
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on April 14, 2007, 12:31:42 am
And after a busy week, the filled out guy is here:

(http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1-3.gif)

Still needs some tweaks, and next is shading.

Anything that bothers you with the anim, i'd like to know.  :lol:
Title: Re: [WIP] Isometric Run Animation
Post by: Fool on April 14, 2007, 01:07:16 am
His arms looks a bit long.=)
Title: Re: [WIP] Isometric Run Animation
Post by: Turbo on May 12, 2007, 11:59:01 pm
Haven't gotten around to finishing the run anim, have been sidetracked with other work and been working more on the game code and on the isometric tiles (isometric roof sucks). Also got a bit bored with shading but should finish it around this week, and start working on NPC's walk animations.

Started working on a title screen. Time constraints won't allow me to spend as much time as this needed, but i'll try to work as fast and good as possible.

(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo.png)

Comments apreciated!
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: cyberjobe on May 13, 2007, 12:21:05 am
brazilian?
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: Turbo on May 13, 2007, 01:01:46 am
Portuguese :3
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: heyy13 on May 13, 2007, 06:51:03 am
Huh? I would have said spanish. :3
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: kakikukeko on May 13, 2007, 12:35:33 pm
About the picture,
looks good, very dynamic perspective! difficult to critic more than that so far  ;)
I think you can crop (a little bit ) except you will have an incredibly interesting shading later  :P right now, looks a bit bland..
an other solution if you need this size , would be to lower all the drawing a little (all except the title)
keep it up! :)

what does the title mean?
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: eck on May 13, 2007, 02:42:58 pm
(http://img458.imageshack.us/img458/4008/lbdiotvw3.png)
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: philipptr on May 13, 2007, 04:08:04 pm
(http://img458.imageshack.us/img458/4008/lbdiotvw3.png)
Imho the two sides of his face look too different now, and the left side looks pretty strange with the shadow.. Still I think such a shading with more highlight/shadow and more contrast would work very well on the face. The hue shifting in the pullover colours is way too extreme for my taste ;)
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: Turbo on May 13, 2007, 07:03:22 pm
Thanks for the comments!

kaki: i believe you mean crop the sides? As cropping the top and bottom would make it somewhat unbalanced... If that's the case, i see what you mean.
I have to fill 640x480, so i'd have to make some readjustments, add more stuff to the cropped parts, but i'll look into it, thanks. Maybe grouping the several elements together more would solve that.
I'll have to fill the sky with something, still unsure about clouds/birds/pollution or some graphic element connecting the title with the rest.
I don't think lowering it would help, it would look even more empty near the middle... I have a hard time doing logos with lettering and titles, can't always fill it up as i imagine it should look.

"Aquecimento Radical" means "Radical Warming", as in "Global warming"... yeah, i know... it's AWESOME!!!1

eck: i think a more unified, warmer skin palette would lose the contrast and visual impact of the hair. Also, i don't think the anatomy edits fit the style i was going for - cartoonish (with a hint of realism) and young - also it changes the lightsource. Hue shifts on the sweater are kinda too strong too, but i'll take it into account when readjusting the sweater palette.

philipptr: i didn't add highlights to the face to keep a cartoonish, half cel-shaded, half realistic look, but i may look for a solution to still keep the style and and more depth.
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: eck on May 13, 2007, 09:37:55 pm
i dont care about the face, or the shirt.  the point i was trying to make was with saturation.  your forground is to desaturated and blends in with the background.  they need clear seperation.  i upped the saturation on the face, shirt, and hair, and then desaturated the sky, to make the charicter 'pop'.

the face was just me fooling around trying to make it look dynamic.
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: Turbo on May 13, 2007, 10:01:43 pm
Well you shoulda said so already. I can't figure out from a localized edit on a small part of the piece that you're refering to the whole.

I do agree with you on the necessity to make the foreground pop, needs more contrast and perhaps saturation (although i think it's on the verge of overly saturated). I'll make sure to go back to it after doing the background and adjusting properly. Thanks.

Here's a composition edit, based on kakiku's advice. Joined the elements more, and added some happy clouds.

(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-1.png)
Title: Re: [WIP] Isometric Run Animation (Now with W.I.P. title screen)
Post by: Turbo on May 17, 2007, 08:01:30 pm
Another iteration:
(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-2.png)

(Reference for the car - mainly colors and shapes: http://i49.photobucket.com/albums/f291/TurboLento/Referencias/mercedes.jpg (http://i49.photobucket.com/albums/f291/TurboLento/Referencias/mercedes.jpg))

Added more clouds, changed some colors on the main character, added a few new... The car was kind of a pain to get into the perspective which felt right! I should have moved faster with it, but i was having so much fun that I just kept going.

I'll have to go back to coding the game for a while before I pick art up again, maybe only next monday or so.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Lmnop on May 18, 2007, 08:50:17 am
I must say i absolutely love how you did that car, and the change to the sole of his shoe is much better.
Only thing that really bugs me is the face of the sprite. I know its hard to cram detail into such a small space but it just doesn't compare to the colouring on the rest of the sprite. The animation is great, look forward to seeing more from this, especially the progress on that title screen.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Turbo on May 18, 2007, 08:12:57 pm
Thanks for the comments. I don't really see the difference between styles, it'd help if you could be a bit more specific, but i suppose it may have to do with the face having a different shading style, less colors and less smooth than the rest. I'll work on that when i get to it.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Opacus on May 19, 2007, 11:48:24 am
I really love this stuff, but one thing: That Mercedes looks like a sportive coupé like the SLK or the SL, shouldn't it be lower to the ground like sports cars usually are?
Also, you can see too much of the back of the car as it is imo.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Syn on May 19, 2007, 02:24:51 pm
I really love this stuff, but one thing: That Mercedes looks like a sportive coupé like the SLK or the SL, shouldn't it be lower to the ground like sports cars usually are?
Also, you can see too much of the back of the car as it is imo.

Couldn't resist researching this, lol:
http://autos.msn.com/research/vip/overview.aspx?year=2007&make=Mercedes-Benz&model=SL-Class
Height looks correct in the art.

Anyway, I do think the car looks sweet especially considering the angle you did it in. Do you often draw cars?

Edit : After looking at it more, I agree with Opacus about the back of the car.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Turbo on May 19, 2007, 04:46:38 pm
:) I agree that it should be closer to the ground, i'll see if i can find a cheap and quick way to lower it without having to redo the whole thing. On the back part of the car, i kinda disagree, since on my reference it extends quite a bit from the back glass, and arches slightly upward, needing more room to the back. However, I'll take another look at it.
Thanks for the comments. Cars are probably the thing i draw less, that and houses, but i guess i was kind of inspired so it came out nice :)

Edit: ok, imma call the car finished. Lowered it some (doesn't lower any more because of, huh, perspective), and took away some of the back. Added glass reflections, some finishing touches.
Also, messed with the face and sweater shading, adding other colors for smootheninglingling.

(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-3.png)

Next, houses 'n shea.
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Turbo on May 22, 2007, 03:35:43 am
Cleaned up the houses, added the hedge.
(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-4.png)

Going to have to start on that factory soon...
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: AdamAtomic on May 22, 2007, 04:38:15 am
really fun so far!  keep it comin!
Title: Re: [WIP] Iso Run Animation + Title screen
Post by: Feron on May 22, 2007, 09:41:24 am
I think it would look cool if you shifted the car over a little and added the pavements down the road side.  it might be a bit late because of the car perspective, but the road seems really bare.  perhaps add the lines in the middle too.

This is looking fantastic i just love the whole shading style.   ;D
Title: Re: [Finished] Iso Run Animation + [WIP] Title screen
Post by: Turbo on May 22, 2007, 08:58:17 pm
Very glad to hear you like it! :)

Thanks for the tip feron, the road really does seem bare and making the car come close to the central character is a way of filling it up well, but i'm going to have to speed up, try to get this done as soon as possible and that would take too long. I'm planning on adding asfalt texture, and maybe a new loose things spread around. Thanks for the help.

In other news, finally completed the run cycle, added sum shading: (http://i49.photobucket.com/albums/f291/TurboLento/anim_corre_1-4.gif)

Title: Re: [Finished] Iso Run Animation + [WIP] Title screen
Post by: Feron on May 22, 2007, 10:39:07 pm
I'm planning on adding asfalt texture, and maybe a new loose things spread around.

hmm i think adding texture to the road would go against the stylistic soft-shading technique of this piece.  I like how most things are made of block colors and relativly little texture.  The hedge is quite extremely textured relative to this, but is quite small.  Texturing the road might be going over-board, plus if your trying to save time, maybe just a few road markings like "slow" or a zebra crossing might be a more time saving option.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Turbo on May 25, 2007, 05:01:47 am
I see what you mean, after working too long on something the initial vision does stray a bit, and style may become inconsistant. Thanks for the heads up :) However, i think this solution (on the left zone of the road) works well, using muted colors and doing texture on localized small areas.

(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-5.png)

Now doing the factory on the right, cleaning up and stuff.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Turbo on June 02, 2007, 12:23:39 am
Updated with top title lettering.
(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-6.png)

Supposed to look like red hot, glowing metal. Hope it doesn't look like bad photoshop burn/dodge crap :)
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Feron on June 02, 2007, 12:43:33 am
this might be one of the few cases where i think a nice plain photoshopped font might look better.  It will save you a lot of time, plus hand pixelled font's never look that in good in my opinion.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Gil on June 02, 2007, 02:06:12 am
I like that font Feron. Although I agree that pixelling the font is not strictly necessary in this case...
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Turbo on June 02, 2007, 08:18:15 pm
Yes, it is hard to keep consistency when pixelling fonts of this type, and even more with my little experience in this... I wanted to keep it 100% pixelled though, that adding to my lack of experience with photoshop in general, and with text in particular. It did take a lot of time, 'shoping would reduce it. But i'm enjoying learning stuff as i go along. But I'll look into photoshoping the rest of the text.

(http://i49.photobucket.com/albums/f291/TurboLento/ecra_titulo-7.png)

I'll call the sky completed, now moving on to factory, and a few extra things.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Feron on June 02, 2007, 11:15:13 pm
i just thought it looked a bit out of place.  The nice soft shading of the scene, but then bright text.  Hell its great practice, just perhaps a simpler font (hand pixelled or otherwise) might look nicer.  You mentioned earlier you were short on time, and a computer generated font would save a great deal imo...

Sky is looking nice, still looks a bit rough though.  I tink the factory is going to look wonderful  :)

 
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: mangust on June 07, 2007, 01:40:52 pm
Wow! Nice progress ))
But with persons (impendent fist and other) on background this is been more intresting, in my opinion.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: LoTekK on June 07, 2007, 11:32:54 pm
Cor, that's one hell of a large pixel pic. Nice progress on it so far, though I agree the sky's still looking a bit rough, especially compared to the rest. The perspective on that Benz feels a bit wonky at the back, but nice job on it nonetheless, and great progression on that run cycle.
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: chigsam on June 08, 2007, 12:10:01 am
The only one thing i never got was why his arm looked like betty spegeti's arm  :huh:
Title: Re: [WIP] Game Title screen + [Finished] Iso Run Animation
Post by: Turbo on June 11, 2007, 03:16:53 pm
Thanks for all the help feron, and guys :) I've read the crits before but have been busy with exams (just came out of one :)) so i wanted to reply only after that, with a fresh head.

Feron: I agree that the font is bold, but i think that it is intended for title letterings to be the thing that pops out the most. My design skills and composition are limited though, so i may be wrong in this, but i feel it makes sense. Thanks for the nice words :)

mangust: oh, i took those people from the back just to work on the factory, i'll be adding them in later! Thanks for the reminder.

LoTekk: thanks for the crits. I'll work more on the sky, add a few inbetween shades on the clouds, and smoothen the horizon effect. I won't be touching the car anymore, since i'm kinda lost on how to make it work with the perspective anymore...

chigsam: the wonky arm is on purpose, to show the swinging movement, thinking "dynamic run", basing the pose on the run animation. Maybe i should do the same with the other arm / rest of body...

I'll post more when i'm done with it. Deadline is the 15th... Still have some tiles to do and code to complete.