Pixelation

Critique => Pixel Art => Topic started by: stevenblanc on March 05, 2015, 05:01:51 pm

Title: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: stevenblanc on March 05, 2015, 05:01:51 pm
Hey folks,

I'm working on building up the action sprite sheet for my character but he's only 32 px tall and I'm having some difficulty making animations seem natural.

I think I've got running down after some help in the pixel art forum:
(http://i1087.photobucket.com/albums/j465/stevenblanc/runningGuy.gif)

However, my breathing action seems a touch off:
(http://i1087.photobucket.com/albums/j465/stevenblanc/Breathing-Animation.gif)

How can I make this more natural with the space given? I've tried to move around the colours to give the chest a lifted appearance and I dabbled with adding another frame in but I couldn't get the mid point to look natural too.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: PsylentKnight on March 06, 2015, 12:44:54 am
Look into subpixeling. It'll help make it look a lot more subtle. The stomach expanding is more important than the chest rising.

As far as timing, the time spent with the lungs full should be about the same time as them being empty. In your animation your guy is just sitting there with his lungs empty and then suddenly inhales and quickly exhales. It really doesn't read as breathing at all.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: stevenblanc on March 06, 2015, 01:03:52 pm
PsylentKnight,

Thanks for the feedback, I tried my hand at subpixeling around the chest but you are right, its not enough movement to look natural.

Based on your comments I made the following changes:
- Added in a stomach swell frame. I added it following the chest after doing some yoga breathing. It seems the chest expands before the belly starts to push out.
- Adjusted frame delays so that the breath and static periods are roughly the same. At this pace though, I'm not sure if I should add in a second blink or not.

Edited Pose:
(http://i1087.photobucket.com/albums/j465/stevenblanc/Breathing-Animation2.gif)

Looks better but still a little off to me. Maybe the legs should move somehow?

Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Alex Sinigaglia on March 06, 2015, 03:43:29 pm
You used a lot of colours for these very little sprites. You could reduce the amount to 18 colours (or around that number).
He looks like he's gasping for air/he's tired; usually people don't breathe that fast, so a bit of adjustment of the timings is needed for it.

Here's my fix:
(http://i1066.photobucket.com/albums/u402/GodofDeath94/Breathing-Animation-Fix.gif~original)(http://i1066.photobucket.com/albums/u402/GodofDeath94/Breathing-Animation-Fix200.gif~original)

I added some frames with sub-pixel animation.

Your sprites had 77 colours, I reduced the palette to 19 colours.



Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Iceaxe on March 07, 2015, 01:45:45 am
So when people breathe heavily their chest fills with oxygen, not their stomachs. I made a rough edit giving him that effect. I only really used 3 colors for the animation of the chest even though you kind of had colors all over the place. Animation efficiency relies on less colors and a smaller canvas. If you are going for detail or a certain style then by all means use as many colors as you like but just know that the pay off is that your sprites will take a lot longer to make and if you are planning on using them in a game or whatever you will have to allow yourself a lot more time to make said game.

Anyway here he is:
(http://orig15.deviantart.net/740a/f/2015/065/f/2/breathing_animation2_by_iceaxes-d8kooiw.gif)
It's not perfect by any means but I am trying to illustrate that movement can be represented in different ways. You'll notice at his stomach that his outlined shape does not change at all but you can hopefully see that he is pulling his diaphragm in while his chest expands. This is done simply by using the dark and light colors to represent depth and using darker colors for concave and light colors for convex surfaces. This is pretty common in art as your eyes will automatically push darker, less saturated colors to the background and lighter more vibrant colors to the foreground.

The other thing you will notice is that his chest grows a lot to the point where it's almost ridiculous. This expanded chest is extreme and might not be what you are going for but sometimes it is necessary at such a low resolution as there isn't much wiggle room for movement as it's either moving one pixel or moving no pixels.

I would suggest giving it another go with this new information and seeing what you can do with it. I would also suggest trying to make as much as you can move around on each new frame, like if you move an arm, you should move his shoulder, move his chest and in turn move his whole body. When people move one part of their body, the rest of their body is never static.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Alex Sinigaglia on March 07, 2015, 11:03:46 am
I knew about the chest inflating instead of the stomachs, why did I not fix that? :yell: I'm stupid.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Probo on March 07, 2015, 11:57:50 am
I think its worth remembering that the stomach can inflate too when you breathe, depending on the ratio of muscles you use. personally my ribcage lifts a little and my stomach expands a little when i breathe relaxed and standing, i must be using a combination of the muscles that lift the ribcage (deep in the neck and other places) and the diaphragm muscle that pushes down, distending the stomach. individual anatomy and posture plays a big part too.

Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Alex Sinigaglia on March 07, 2015, 12:50:52 pm
Well, but it inflates so much (maybe less than that) only when you're sitting on something (chair, sofa etc.) or laying on bed, in my "fix" that movement is inappropriate because he's standing: the chest movement should be more visible. We get to the posture thing you mentioned, but I should have paid more attention to that beforehand.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: stevenblanc on March 07, 2015, 01:05:55 pm
You guys are incredibly awesome!

Alex: your motion is much smoother and I love how you made the pixels transition properly. I was finding it difficult to get in between frames that made sense when playing with so few pixels. With regard to the palette: Did you just do a colour swap or did you recolour with intention? I haven't had a chance to analyze frame by frame yet. I really have to look into creating fixed palettes in photoshop; that's always been my downfall when it comes to colouring!

Iceaxe: also incredible. Your breathing pattern seems the most natural to me but I find the chest expansion at the highest point of the breath huge compared to the resting chest size. I'm going to study your pattern and see if I can reduce the colours as Alex did and then see if I can use your guidelines but end with a slightly smaller overall chest size. I suppose this will require a bit of playing with the subpixeling.

I'll be out of the house most of today but I'll post an update by tomorrow evening for you guys to take a look at!

Thanks again all of you for the help; it's incredible how different each person's perspective can influence the same sprite.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Alex Sinigaglia on March 07, 2015, 06:07:10 pm
All I did was putting it in RGB then selecting the number of colours to 20, with Gimp. I recoloured some parts of the sprites, but nothing too big.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: Probo on March 08, 2015, 03:26:51 am
Well, but it inflates so much (maybe less than that) only when you're sitting on something (chair, sofa etc.) or laying on bed, in my "fix" that movement is inappropriate because he's standing: the chest movement should be more visible. We get to the posture thing you mentioned, but I should have paid more attention to that beforehand.


some people actually breathe from the diaphragm primarily even when standing and with varying postures, and if the diaphragm is doing the majority of the work, stomach expansion can be more noticeable than any ribcage movement. I think its fine to have a ribcage-focused breathing animation though of course! here it fits well as it looks more 'heroic' i think.

the best example of stomach breathing i could think of thats actually in a film or something was carl weathers in predator so i made you a gif :D

(http://i.imgur.com/ANKiy5A.gif)
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: stevenblanc on March 10, 2015, 01:03:58 am
Alright so here we go.

(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v2.gif)
V2: This is just a colour and timing edit of Iceaxe's wonderful edit to reduce the overall palette to 32 colours. I also balanced these 32 colours across the running and standing animations.


(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v3.gif)
V3: I brought down the shoulders slightly and blended the edge into the hair a bit. I also adjusted the arms so that they elbow to hand hung lower on the breath. After breathing in and out for a bit I realised that even if my chest rises and draws my shoulder up that my forearm basically stays in the same place. I found that the V2 shoulders and arms seemed to expand too much with the breath so I thinned the upper arm a bit to match the original arm.

(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v4.gif)
V4: I brought the forearm back up so that it was not only more bent but pulled back up slightly.

Side by side:
  V2 / V3 / V4
(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v2.gif)(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v3.gif)(http://i1087.photobucket.com/albums/j465/stevenblanc/32x-Viking-Breathing-v4.gif)

To be fair I can see the difference at 200% zoom but its not all that significant at 1x. Thoughts?
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: dianaazura on July 16, 2015, 09:34:40 am
The other thing you will notice is that his chest grows a lot to the point where it's almost ridiculous. This expanded chest is extreme and might not be what you are going for but sometimes it is necessary at such a low resolution as there isn't much wiggle room for movement as it's either moving one pixel or moving no pixels.
Title: Re: Barbarian Idle Breathing Animation [C + C Welcome]
Post by: ramkumar90 on July 20, 2015, 08:34:04 am
Your breathing pattern seems the most natural to me but I find the chest expansion at the highest point of the breath huge compared to the resting chest size. I'm going to study your pattern and see if I can reduce the colours as Alex did and then see if I can use your guidelines but end with a slightly smaller overall chest size.