AuthorTopic: Help at animating this.  (Read 2828 times)

Offline nissouma55

  • 0001
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile

Help at animating this.

on: May 09, 2018, 10:06:55 pm
Hello guys,
I've made a sprite of a character from Naruto "Hinata".
I think I made pretty good work with this, and im super satisfied with it... (Although there's a few things still looking wrong...)

So I've never actually animated much...
I was able to make this :
But that animation was pretty simple.
I d like to animate the first sprite in a "Stance" type of animation, she would just loop a breathing animation, I ve tryed countless times and I just cant do it properly, moving the sprite up or down just 1pixel makes her look like she got bigger, since the sprite is actually very low res...
Help would be very appreciated.

Offline EduardoPras

  • 0001
  • *
  • Posts: 36
  • Karma: +0/-0
  • If it is damn hard it is probably right
    • Eduardo_pras
    • illpalazzo-sama.deviantart.com
    • View Profile
    • Beta 2 Games Studio

Re: Help at animating this.

Reply #1 on: May 09, 2018, 10:51:15 pm
Hello N55! Nice pixelwork, you just lost some volume in her band thing in her leg.

I am not very familiar with Hinata's design but I can try to help you a bit.

I've struggled with your same problem 2 years ago.
The answer to make a more subtle movement is subpixel animation.

Truth be told, that is that is just a fancy name to moving pixels inside the shapes without altering the outline or general format of each part.

I've made an example on how the technique works:

[/img]https://media.giphy.com/media/5t9DBGKQQ5Ae1sNffn/giphy.gif[/img]

And to talk a little about the turn.

The issue is you've made the key frames but you did not make the inbtweens.

Here's is how I would solve the problem:

[/img]https://media.giphy.com/media/4HkfyJbt8hzbUblnGR/giphy.gif[/img]
 
To solve this you could take a look at some animation books to try to understand the process.
The animator's survival kit is a good example.
But the heart of animation are the splines, in traditional animation the used jargon is timing.

Here's some examples:
https://easings.net/pt-br

Hope this helps you a bit.

NOTE: There's some bug preventing me from making the images appear. If an admin can edit this post that would be great.
« Last Edit: May 09, 2018, 11:54:22 pm by EduardoPras »

Offline nissouma55

  • 0001
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile

Re: Help at animating this.

Reply #2 on: May 09, 2018, 11:42:12 pm
Thank you a lot !!
From what I can see, the animation looks way smoother...
Thing is, the sprite size is too small, cant see anything... Could you double size it ?
The Gif is set to private so I cant do that from my computer...
PS : Oh you're right ! I didnt notice the band volume loss...
« Last Edit: May 09, 2018, 11:45:30 pm by nissouma55 »

Offline EduardoPras

  • 0001
  • *
  • Posts: 36
  • Karma: +0/-0
  • If it is damn hard it is probably right
    • Eduardo_pras
    • illpalazzo-sama.deviantart.com
    • View Profile
    • Beta 2 Games Studio

Re: Help at animating this.

Reply #3 on: May 09, 2018, 11:46:12 pm
Here's the first Gif:


And the Second:


Sorry about the mess...Something was wrong and now it is ok.

Offline nissouma55

  • 0001
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile

Re: Help at animating this.

Reply #4 on: May 10, 2018, 12:20:17 am
I still cant see the gifs actually... I think only you can see them...
I cant even see the links this time.
PS:Nvm, I found a solution
« Last Edit: May 10, 2018, 12:26:24 am by nissouma55 »

Offline nissouma55

  • 0001
  • *
  • Posts: 9
  • Karma: +0/-0
    • View Profile

Re: Help at animating this.

Reply #5 on: May 10, 2018, 02:37:44 pm
So...
I gave it a try, after fixing issues I had with the stance sprite and tryed to do it like you did...

This is as far as I could go with it without making it look ugly, I tried to move the hair aswell.. But couldnt lol.
Tell me what you think !!
(Sorry for double post)

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Help at animating this.

Reply #6 on: May 11, 2018, 02:25:33 pm
So...
I gave it a try, after fixing issues I had with the stance sprite and tryed to do it like you did...

This is as far as I could go with it without making it look ugly, I tried to move the hair aswell.. But couldnt lol.
Tell me what you think !!
(Sorry for double post)
try keeping the hand still while everything else moves

Offline Shnurbs

  • 0001
  • *
  • Posts: 43
  • Karma: +0/-0
  • just some dude
    • Shnurbs
    • View Profile
    • My Twitter

Re: Help at animating this.

Reply #7 on: June 01, 2018, 12:01:00 am
I'd also recommend moving the head the tiny bit. It doesn't have to be a lot, but I think it would help it look more natural.
ayyyy lmao