Pixelation

Critique => Pixel Art => Topic started by: Selassin on November 04, 2013, 07:05:00 pm

Title: I Need Help to Animate a Simple Knight
Post by: Selassin on November 04, 2013, 07:05:00 pm
 I'm trying to make a knight as main character for my game, I'm not experienced in anyways like I said before, so I kept it simple.

 Firstly, here is my character:
 (http://imageshack.us/a/img194/961/88x4.gif) Idle(only arms move): (http://imageshack.us/a/img593/2741/4fq1.png) (http://imageshack.us/a/img547/6725/2cch.png) Walking: (http://imageshack.us/a/img35/8837/olxx.png) (http://imageshack.us/a/img690/9602/9oo3.png) Attack: (http://imageshack.us/a/img707/8888/bd52.png) (http://imageshack.us/a/img855/1996/302t.png)

 I'm mainly complaining about the first frame of attack animation, legs looks horrible, what can I do about it? I had this stance (http://imageshack.us/photo/my-images/268/hm4h.png/) in mind while doing it.

 Secondly, now It looks really boring, with just 1 gray color, I don't know how to make something fancy , any suggestions about this?

 And I'm waiting for your C+C's of course, since it'll be main character I want to make it better.
Title: Re: I Need Help to Animate a Simple Knight
Post by: jahasaja on November 04, 2013, 09:00:06 pm
Did a quick edit:

(http://www.skadedjursbekampning.nu/uploads/88x6.gif)

I focused on the "pull back" of the sword. Also tried to make it so his upper body turns just before he strikes.

Still a lot of work to do done but perhaps this can give you some ideas. This thread is also a winner: http://wayofthepixel.net/index.php?topic=15740.0
Title: Re: I Need Help to Animate a Simple Knight
Post by: Selassin on November 04, 2013, 10:38:04 pm
I just did some quick tweaks upon what you said, but nothing complete and It's late, tomorrow probably I'll turn the character before sword swing like you did.

 About legs, your edit looks good and complete, but if possible, I want to have some preparing for the next move, crouching a little maybe like that picture example, like he's going to hit with all his might, your edit looks more like hitting while running to me.

 Edit: Oh I forgot to mention, that thread looks really good, thanks, I'm gonna study those.
Title: Re: I Need Help to Animate a Simple Knight
Post by: Selassin on November 05, 2013, 02:50:56 pm
 So I did this today: (http://imageshack.us/a/img716/7756/yo6w.gif) (gif here is playing slow for some reason, I made it faster in PS) I plan to play 2nd 3rd and 4th frames faster in game. (http://imageshack.us/a/img202/6403/5l5l.png) So what do you think?

 And I have a question, how can I achieve this blur effect: (http://imageshack.us/a/img46/6099/z5sy.png) (from this (http://wayofthepixel.net/index.php?topic=15740.0) post from PixelPiledriver)
 

Title: Re: I Need Help to Animate a Simple Knight
Post by: PixelPiledriver on November 05, 2013, 11:57:49 pm
Quote
And I have a question, how can I achieve this blur effect:
I cheated.  :P
That's the result of using the Blur effect in GraphicsGale.

(http://1.bp.blogspot.com/-BS-Gq_v3NCE/UnmFeT0PcKI/AAAAAAAAIFM/YWouBLPyUD4/s1600/GraphicsGaleBlur_1.png)

Other programs have a similar feature.
Also it's usually better to blur only a selection of the areas that are moving the most.
Title: Re: I Need Help to Animate a Simple Knight
Post by: jahasaja on November 06, 2013, 07:26:09 am
It looks like he is doing some kind of a uppercut with the sword and using his wrist to flip it upwards in the end. You do not need to show the whole length of the sword during the whole swing. When the sword is pointed towards the viewer you should not be able to see the whole length just the point of the sword.

Like this:

(http://www.ripping-ozzie-reads.com/wp-content/uploads/2010/07/1_drop_your_sword.jpg)

I working on something similar myself. It is not done but perhaps it can give you some ideas.

(http://www.skadedjursbekampning.nu/uploads/Knightattackrightgif1.gif)


(and sorry I thought you guy was doing a running swing  :P)
Title: Re: I Need Help to Animate a Simple Knight
Post by: Selassin on November 06, 2013, 11:07:46 am
Quote
And I have a question, how can I achieve this blur effect:
I cheated.  :P
That's the result of using the Blur effect in GraphicsGale.

Other programs have a similar feature.
Also it's usually better to blur only a selection of the areas that are moving the most.

 Oh I see, It looks really badass in your example, but it didn't look good on my character.

It looks like he is doing some kind of a uppercut with the sword and using his wrist to flip it upwards in the end. You do not need to show the whole length of the sword during the whole swing. When the sword is pointed towards the viewer you should not be able to see the whole length just the point of the sword.

I working on something similar myself. It is not done but perhaps it can give you some ideas.

(http://www.skadedjursbekampning.nu/uploads/Knightattackrightgif1.gif)


(and sorry I thought you guy was doing a running swing  :P)

 I tried to get something from your example: (http://imageshack.us/a/img4/9314/8le.gif)
 Older and improved version: (http://imageshack.us/a/img547/9194/ehbd.gif)
 Yes, older one has a uppercut problem :)
Title: Re: I Need Help to Animate a Simple Knight
Post by: Selassin on November 06, 2013, 11:38:44 am
I tried to do something like this: (http://1.bp.blogspot.com/-NsmPjrDCprk/UOyp6TTrh7I/AAAAAAAAFek/r3GZSdEshiw/s1600/swordSwing_MovePast.gif)
(http://imageshack.us/a/img547/4904/yvq.gif)
 
 I think it looks good.
 Quick edit: (http://imageshack.us/a/img844/231/3mbt.gif)
Title: Re: I Need Help to Animate a Simple Knight
Post by: r1k on November 06, 2013, 07:38:07 pm
the way you have the motion blur slowly fade out is wierd, and makes it seem like you dont understand what it represents.

heres a really bad 3 frame example
(http://imageshack.com/a/img24/2261/t0zg.png)
the blur in frame 2 is supposed to show that within the time of that single frame, the line is swinging through all that space, its so fast that we are sort of seeing it in all those positions at once, rather than changing the timing of the animation so that we fit multiple frames in the time of that single frame.  But once the line reaches the end, we dont need to show that blur anymore, because in the next frame we arent trying to show that the line is occupying all that space still.  It already moved through that space.  By getting get of the blur it appears faster.

also, if this is for a game, I think you need to consider a different type of swing.  Your attack only extends like 8 pixels in front of the characters body.  Youre going to have to stand so close to the enemies to hit them its going to be very frustrating for the player.

the start of the animation is a little wierd too.  how he starts the swing by moving the sword a small distance very slowly, and then suddenly very fast.  I know in an earlier thread pixelpiledriver (I think) talked about slow in and slow out for animations but I think youre implementing it wrong.

Take the sprite at the top of your last post for example.  The motion starts out slower because he begins by lifting the sword.  The swing itself though is fast and fluid, a single motion.  The blur only lasts 1 frame so it seems fast.  Then he holds the sword at the end position an extra frame to slow out of the animation.

Im not an animation expert so maybe I explained some things badly or wrong, but hopefuly this helps.
Title: Re: I Need Help to Animate a Simple Knight
Post by: Selassin on November 07, 2013, 02:07:41 pm
(http://imageshack.us/a/img36/2108/i5f.gif)
 We don't need to worry about length of the sword blur effect, I'm creating it as a single image, so I can manipulate it as I want and so are collision detections.
 
 Of course it's not as smooth as PixelPiledriver's, but I'm working on it.
Title: Re: I Need Help to Animate a Simple Knight
Post by: HarveyDentMustDie on November 07, 2013, 05:17:58 pm
His legs could be longer and their current movement is unnatural. Starting position of his left leg is bad, like the knee is bent in opposite direction. You can fix this by moving those pixels up.

You change his arm thickness during the swing. The way he is holding a sword at the beginning of animation is very odd and distorted because arm is bended in elbow. His arm should be straight and hand with sword should be positioned away from the body.

As you said this is a great example, and you should break it in frames and analyze it carefully. (http://1.bp.blogspot.com/-NsmPjrDCprk/UOyp6TTrh7I/AAAAAAAAFek/r3GZSdEshiw/s1600/swordSwing_MovePast.gif)   

 :)
Title: Re: I Need Help to Animate a Simple Knight
Post by: wolfenoctis on November 08, 2013, 05:38:31 am
How about something like this?
(http://i42.tinypic.com/334rrtj.gif)

added a shade to the oposing arm/leg and removed most outlines