Public tutorial "The way I animate sprites"

[Gespenst]

Yes, how do you animate your sprites, make them move?
Lets share our ways of animating, maybe it would help younger spriters

Mono (Click to View)

My way of doing sprites (atleast how I prefer to do it.)



Each Frame from a scratch.


1. Draw one frame outline.
2. Drawing 2nd frame outline from a scratch and continue same with the rest of the frames.
3. Checking the outcome, to see if its smooth enough.

4. Coloring the frames.
5. Checking again the animation, to see if its smooth enough.

6. Shade frame.
7. Also you can check all frames after shading one part.
8. The outcome.


+
...You get more experience in animating by drawing each frames from 0 (some may take need just edit)

-
...Takes some time to finish but outcome looks good.



Other ways which I prefer not to use.
Copy paste is not realy good way because you can easily overuse most of the details and it may look halfass.
Copy paste mostly does not looks natural. Some parts looks strange unless you edit them.

BashCrazy (Click to View)

Anyways for me, mostly I just grab a sprite and draw over it. Or I create different parts that are moving like an arm. then replace the arm, etc.

some of my giant canvases of animating moves for vegeta in teh past (back in 2011) (Click to View)

super giant canvas (Click to View)

[img][/img]

BluePhoenix (Click to View)

Back to topic, in the (albeit rare) case of animating, I usually do it in Photoshop (or ImageReady, if you got CS2 or lower). I usually do a "1 layer per frame"-approach: place every sprite on a separate layer. Hide all but one (ie. click on the eye-symbol next to the layer-icon). In the animations-palette, you can then add a new frame. In the new frame, you hide the only visible layer and show a different instead. Repeat that procedure until done. To save it as a gif: "Save for Web and Devices" (or Ctrl+Alt+Shift+S), select GIF, hit "Save".

It does require to take apart the whole sheet and can get extremely tedious when you do lots of edits right after doing the animation, though
Flash is probably a little better in that matter.

gad (Click to View)

i animate frame by frame if that helps

Men'n'Mine (Click to View)

I would say consistency of shapes and flow are to be noted while animating but mainly flow at first place . i draw layer by layer and do what blue said .the thing is you need to have a clear idea of what the character does. The rest comes with experience.i am still a poor animator and also I cant draw and post samples as i am using a mobile. Bye again .

Luti (Click to View)

black and white sketches for each frame (usually i don't tend to keep them this clean unless ofc i do decide to post them publicly)

then i color over each frame, walaa!

[Gad]

... since you started the topic u could share your way as first one

[Marko]

Agree with Gad, you are pretty good at it. just do it.

I need tips for it !!!

[Gespenst]

cant right now, bit busy with some things.

for gad (Click to View)

since you started the topic u could share your way as first one

it sounds childish in some ways.

@Gad, atleast when you post, make sure you follow the topic, dont give make off topic little by little

[bashscrazy]

That doesn't sound childish at all.

You said "let's share our ways of animating"
Why aren't you sharing?

Anyways for me, mostly I just grab a sprite and draw over it. Or I create different parts that are moving like an arm. then replace the arm, etc.

some of my giant canvases of animating moves for vegeta in teh past (back in 2011) (Click to View)

super giant canvas (Click to View)

[img][/img]

[Silverthorn]

edit: curses, ninja'd!


Seriously? You're going to continue arguing without ever providing anything beneficial to the topic? Disappointing.


Back to topic, in the (albeit rare) case of animating, I usually do it in Photoshop (or ImageReady, if you got CS2 or lower). I usually do a "1 layer per frame"-approach: place every sprite on a separate layer. Hide all but one (ie. click on the eye-symbol next to the layer-icon). In the animations-palette, you can then add a new frame. In the new frame, you hide the only visible layer and show a different instead. Repeat that procedure until done. To save it as a gif: "Save for Web and Devices" (or Ctrl+Alt+Shift+S), select GIF, hit "Save".

It does require to take apart the whole sheet and can get extremely tedious when you do lots of edits right after doing the animation, though
Flash is probably a little better in that matter.

[Gespenst]

Seriously? You're going to continue arguing without ever providing anything beneficial to the topic?

who said that I am not trying to provide?
yes I am harsh, not showing respect.


[size=large]RESERVED POST FOR PROVIDING SOME THING TO THE TOPIC WHICH IS NOT A TOTAL sh****]

---

As I said before, I was bit busy

[Rhino.Freak]

photoshop, or pivot..
and I guess Gad had a point, no need to argue on it :/

[Gespenst]

photoshop, or pivot..
and I guess Gad had a point, no need to argue on it :/

asked how do you animations, the way you do things. not what do u use.

[Gad]

i animate frame by frame if that helps