Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

punching animation 8 frames (pixel)

Featured Replies

well I did this for a demonstration.. But I think it's a good distraction from all this pivot malarky.. stick figures are terrible, but this is how I'd animate them..

 

 

 

 

 

 

 

punch8hb.gif

 

 

 

 

 

 

 

decided it was a shame not to do something with it, fixed much of the mistakes bumped it up to 8 frames, dont think any more is necissery..

 

 

 

 

 

 

 

punchcolour3vj.gif

 

 

 

 

 

 

 

if I have more time i'll add more to this, and even maybe add more pixel animations to this thread, I need I way to practice this animation stuff.. without steering away from pixeling, im just too addicted :lol: .

 

 

 

 

 

 

 

well any comments welcome, and if anyone has any animation tips i'd love to hear em. heres it frame by frame. If anyone wants to crit em individually.

 

 

 

 

 

 

 

frames1vy.png

vistame09copyhr8.png

Not bad for an 8-framer. Background and ground could use some work, just looks very flat.

Hevendor_Guy.png

rsdeadzm5.png

There's cake through here, apparently.
  • Author

ive currently got no intention of making a background or changing the ground. the point of it is supposed to be a two toned animation, two colours. but I decided to do a bit of aaing to smoothen it out, kept to 5 colours.

 

 

 

 

 

 

 

id like to point out, because some how its not obvious.. it isn't suppsosed to be highly detailed, it is what you see. either critique on the pixeling itself (use of AA and colour etc) or the animation.

vistame09copyhr8.png

how do people do animations anyways?

 

 

 

 

 

 

 

i know the frames stuff but how do you animate it?

Animation programs. I use Imageready CS2, but I don't post my work here. I think ter does too. (?)

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

is that is like a free download or a disk to install?

 

 

 

 

 

 

 

if download can you post link?

  • Author

it's easy when you break it down for yourself.

 

 

 

 

 

 

 

draw the first frame.

 

 

 

 

 

 

 

the last frame.

 

 

 

 

 

 

 

the key frame (in this case the moment of impact punching)

 

 

 

 

 

 

 

and then just break it down further by drawing half way between each.

 

 

 

 

 

 

 

thats the basic way to animate, but it does get more complicated than that, theres everything to consider.

 

 

 

 

 

 

 

Ive used all sorts of animating programs, its just that imageready's on all the computers I use and you kinda just get used to it.. but animation isn't pixel based haha, try get hold of flash, it's much funner to use if your a beginner.

vistame09copyhr8.png

ok got it but say i want to animate those frames. How would I do that? Is it the program Kuroi was talking about?

It looks very nice especially the fall animation. I like the colors and AA, but I think you should change the fist shape from a circle to a different shape that more mirrors an actual hand.

Maybe I'll make a tut on how to use the animation feature of Imageready CS2, haha.

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

it would help me a ton

 

 

 

 

 

 

 

When you are done with it can you pm me on tif saying it is ready?

 

 

 

 

 

 

 

Thank you in advance ::'

Hmm, I'll try but I don't really have an animation that I could use in the example. I'll get something cooked up tomorrow, I guess. Can't hurt, I suppose.

wiseoldmanv2jpgvx2.jpg

do u wow?

Cassiius|Level 70 Night Elf Preist|Runetotem

Sambora|Level 37 Tauren Shaman|BurningLegion

Great animation, I can really feel the impact of the punch.

 

 

 

And, it is very small in size, only 5,8kb =D>

carsignatureis3.jpg

[http://woopidoo2.deviantart.com]

[Tip.it Moderator from Dec 10, 2006 to 03 Sep, 2008]

Very cool, very smooth for an 8 framer. I love how the expression changes on the victims face, hilarious and we have a decent standard for stick figures at last ::' I hope to see more.

Splatter-RM-stroke.png

"A disbelief in magic can force some poor souls into believing in authority and business"

love frames 3 and 4. awesome poses on the right guy, I can feel him building up energy there :)

 

 

 

 

 

 

 

and frame 6, again, the right guy, the sense of depth is awesome.

 

 

 

 

 

 

 

the tempo is fine I suppose, dunno if the guy falls slightly slow-motion, hard to tell, I don't often see people fall over from being pwned n the face ;)

 

 

 

 

 

 

 

I really like it, the only thing I can ask is that you make some more of the lef guy getting back up to make it loop nicely, wouldn't say much more about your skill at pixeling, but makes me enjoy it so much more in a simpler way if you will :D

korla3eaqd3.jpg

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.