AuthorTopic: Duelyst Attack Animation Tutorial  (Read 6178 times)

Offline adcrusher524

  • 0010
  • *
  • Posts: 155
  • Karma: +0/-0
    • View Profile

Duelyst Attack Animation Tutorial

on: June 16, 2016, 06:53:29 pm
Hey everyone!
I just finished up making a tutorial about animating attack animations for the game Duelyst. I thought it could be helpful to some of you!

You can watch it here:
https://www.youtube.com/watch?v=iJOUTSy0fQI

Please let me know what you think!
(Sorry if I'm posting this in the wrong place)

Offline yaomon17

  • 0011
  • **
  • Posts: 660
  • Karma: +0/-0
    • YaomonKS
    • taiya.sun
    • http://pixeljoint.com/p/28472.htm
    • yaomon17
    • valedev
    • playvale
    • View Profile
    • portfolio

Re: Duelyst Attack Animation Tutorial

Reply #1 on: June 16, 2016, 07:18:02 pm
Nice tutorial! It is always cool to see how other people animate sprites compared to your own processes.  :y:

Offline tsej

  • 0001
  • *
  • Posts: 77
  • Karma: +0/-0
    • View Profile
    • Art and Code

Re: Duelyst Attack Animation Tutorial

Reply #2 on: June 16, 2016, 07:47:14 pm
That's really helpful. 
Thanks a lot! Would love to see more when you have time to make these.
 :y:
Correct me if I'm wrong

Offline PixelPiledriver

  • 0011
  • **
  • Posts: 997
  • Karma: +6/-0
  • Yo!
    • View Profile
    • My Blog

Re: Duelyst Attack Animation Tutorial

Reply #3 on: June 16, 2016, 08:17:24 pm
Nice!
Good thoughts and great animation.
Post more when you can.

Graphics Gale for life!
And knowing that it is, we seek what it is... ~ Aristotle, Posterior Analytics, Chapter 1

Offline adcrusher524

  • 0010
  • *
  • Posts: 155
  • Karma: +0/-0
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #4 on: June 16, 2016, 08:30:00 pm
Thanks guys!  ;D
I was thinking of doing more in the future, maybe a shorter video for something smaller like a run animation. (Though there are already a lot of good sources for run animations.)  If I do make something similar in the future, I'll make sure to share it here with all of you!   :y:
 Thanks!

Offline PixelPiledriver

  • 0011
  • **
  • Posts: 997
  • Karma: +6/-0
  • Yo!
    • View Profile
    • My Blog

Re: Duelyst Attack Animation Tutorial

Reply #5 on: June 16, 2016, 09:17:27 pm
It's cool you included the gal file in the description.
Consider adding a link to the Graphics Gale website as well.
And knowing that it is, we seek what it is... ~ Aristotle, Posterior Analytics, Chapter 1

Offline Atnas

  • Moderator
  • 0100
  • *
  • Posts: 1074
  • Karma: +2/-0
  • very daijōbs
    • paintbread
    • paintbread
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #6 on: June 16, 2016, 09:48:37 pm
\o/ woo! good work!

You posted this in crit so: I think the stones could benefit by looking like they were held in place through magnetism. When he shoves them, I feel like they should have an elastic pull before snapping back. Like he shot them out, and they are trying to escape his orbit, but the magnetic field is too strong, and they relent. Easing into their position doesn't sell the magnet gut-feeling as well.

Do you want your forum name changed?

Offline Cyangmou

  • 0011
  • **
  • Posts: 929
  • Karma: +3/-0
    • cyangmou
    • http://pixeljoint.com/p/32234.htm
    • cyangmou
    • View Profile
    • Pixwerk Homepage

Re: Duelyst Attack Animation Tutorial

Reply #7 on: June 16, 2016, 10:22:07 pm
good stuff  :y:
"Because the beauty of the human body is that it hasn't a single muscle which doesn't serve its purpose; that there's not a line wasted; that every detail of it fits one idea, the idea of a man and the life of a man."

Dev-Art
Twitter

Offline wolfenoctis

  • 0100
  • ***
  • Posts: 1072
  • Karma: +2/-0
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #8 on: June 17, 2016, 03:30:31 am
Nice work adcrusher524  :y: Thanks for sharing  ;D

Offline MAVW

  • 0001
  • *
  • Posts: 48
  • Karma: +0/-0
    • hellomavw
    • View Profile
    • pixelmavw

Re: Duelyst Attack Animation Tutorial

Reply #9 on: June 17, 2016, 05:07:38 pm
Thanks for the insights (specially on the lightining part). Those voice-over-paint-tutorials things are really nice, if you have the time for more that'd be great  :)

p.s. you guys are doing an awesome work in Duelyst  :y:

Offline adcrusher524

  • 0010
  • *
  • Posts: 155
  • Karma: +0/-0
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #10 on: June 17, 2016, 06:03:51 pm
Glad you guys like it!

@Atnas
I agree! The rocks don't really feel like they're magnets like they're supposed to. There's really nothing in the animation that would tell you about their magnetic property. I like the idea you came up with! One thing that concerns me initially is how much extra time/frames it would take to do that effect and get the magnets into position. I try to keep the animations from taking too much time, because I've read complaints from players that the animations go for too long and then they run out of time for their turn, or something like that. But thanks for the advice!
No need for a name change, I don't go by adcrusher524 anywhere else anymore, but that's alright. I sort of like it,haha.

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1997
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: Duelyst Attack Animation Tutorial

Reply #11 on: June 17, 2016, 08:02:28 pm
RE: making the magnets feel more magnetic, it might help to do an effect sort of like this to give them more of a mechanical feel, I guess you'd call it?
https://www.youtube.com/watch?v=s79vBN3ShpY

just the stretched out double-image thing you see here, having it stop just as the lightning starts. Give it that extra bit of oomph.
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline API-Beast

  • 0010
  • *
  • Posts: 292
  • Karma: +0/-0
    • beast_pixels
    • http://pixeljoint.com/p/35725.htm
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #12 on: June 18, 2016, 09:46:49 am
My main takeaway from this tutorial was:

- Overshoot: Movement is stopped abruptly (by a wall for example)
- Ease Out: The Movement is prepared to be stopped (slowing down when approaching target position)

Thank you :y:

Offline nessx007

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

Re: Duelyst Attack Animation Tutorial

Reply #13 on: June 19, 2016, 04:07:57 am
Really cool! Would love to see more (since as we all know, all animations offer their own unique challenges/learning opportunities) since it's rare to see walkthroughs by people already working at a professional levels, partly because, I guess, they're just too busy actually working! Thanks and I'll keep my eyes peeled for new installments!
Hope this little blurb finds you well! We've got a fun little series documenting our progress on our SNES puzzle throwback game here:
https://www.youtube.com/watch?v=NomLd6Wcbro
Or check out our game art on tumblr:
http://medleystudio.tumblr.com

Offline Probo

  • 0010
  • *
  • Posts: 317
  • Karma: +1/-0
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #14 on: June 19, 2016, 08:13:55 pm
great process and tips man! thanks for sharing. Great tip about not basing your rough tweens on rough key frames, I hadn't really thought about that before but ive definitely seen how messy that can get. The bit about having to learn to redraw frames rang true for me too. I think that's in part because I use a mouse for absolutely everything, so redrawing can be a bit slow indeed. maybe its time to ditch it XD

Offline adcrusher524

  • 0010
  • *
  • Posts: 155
  • Karma: +0/-0
    • View Profile

Re: Duelyst Attack Animation Tutorial

Reply #15 on: June 20, 2016, 01:10:16 am
Thanks for watching guys! I'm glad you could find something useful that you could take away from it. I have some ideas for future tutorials, but I probably won't start making another for a little while.