keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
121,465,321,005 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
37 Responses (page 1 of 2)
Shake dat hat.
12 months ago
This is dope
12 months ago
Is this 3D?
12 months ago
awesome animation, love the motion
12 months ago
Looking at this through old school 3D glasses right now, looks brilliant! @Paul Ungureanu
12 months ago
Wow!
12 months ago
Love this one!
12 months ago
Ha! Awesome!
12 months ago
@Tommy Brabham All I have is some passive polarizing ones. Which don't work :\
12 months ago
@Juicefoozle great flow and motion.
12 months ago
So rad…
12 months ago
hah saw it on twitter nice one Juice!
12 months ago
Erhmergerd. I love this.
12 months ago
always bad ass! what program you animating with?
12 months ago
@Paul Ungureanu The old school red and blue lens ones work fine. I recommend.
12 months ago
What software ?
Very nice ! :)
12 months ago
So good
12 months ago
Animation is smoother than a baby's butt nice work.
12 months ago
Radness! Pure Radness!
12 months ago
Wish I had 3D glasses, this is great
12 months ago
I'm obsessed with all things 3D right now.
12 months ago
first of all: thank you very much, didnt expect so many likes and comments. i originally just wanted to have this as animated profilepic for my twitter channel ( http://twitter.com/Juicefoozle ), but somehow it didn't work very well there, and before i just put it into the trashbin of fails i thought i might share it with you guys.
@Jetpacks and Rollerskates and @Nicolas Garcia :
i used aftereffects for the animation, it's a mix of rotation and vectormask shape keyframing. rendered it as PNG sequence wich i loaded in photoshop as layers of one document and made a gif out of it.
to answer the question about how it's so smooth:
one reason is the high framerate of course. this gif is having a rate of 25 fps, gif settings 0,04 sec per frame.
another trick is one of the rules of classic animation called overlap. overlap makes movements a lot more natural and smoother. to explain short on the example above. i have 3 different motions here: the rotation of the head, the swing of the beard and hair, and the movement and deform of the cap. all three change their direction from back to forth movement, if they all would make that change simultanously it would look stiff, and mechanicaly. so here is where the overlapping happens, the rotation changes it's direction first, the beard and hair swing change direction 1 frame later, and the cap makes it's change 2 frames later. it's a minimal change with a great effect in making the whole movement look more natural.
when you are absolutely new in animation think of this as a chainreaction of which movement affects another, to arrange the timing in that order. movement always happens in waves.
another example, cause i'm in a nice writing flow right now (and in the mood for procrastination) is the movement of a tail: it starts at the root, and has a delay in each joint till the tip is reached, and thats why it swings in an S curve, and not stiff like a metronome.
or think of a running person that abruptly stops. will the whole body swing to the front simultanously? no, the hip will start, the chest will follow, which will be followed by the head. the more you exaggerate that the cartoonier it will look.
another quite similar technique is "follow through" (not used here, cause its a loop, and sometimes its hard to tell whats a follow through and what's an overlap). which is continuing the arc of a motion after the main movement is done. for example, someone throwing a stone. you wouldn't stop the movement of the hand and arm after the stone leaves the hand, nope, the hand cotinues to move in it's arc. (arcs in motion are a super interesting topic too).
btw. i think some of my examples above (the running person that stops) are the "follow through" principle, and not the overlap, but they are sooo close that it's easy to mix them up and confused them
(in my opinion it doesnt matter that much what you call the principle as long as you understand what to do to make an animation look better, so if you're a real animator feel free to correct me)
i think you get what i'm trying to say,
if you're interested in more check out these articles:
http://www.animationbrain.com/follow-through-overlapping-2d-animation-principle.html
http://en.wikibooks.org/wiki/Traditional_Principles_of_Animation/Overlapping_action
btw. i'm not a classic animator, but i find it very usefull to know about classic animation principles because it helps you with animations of all kinds, even when it's "just" an UI arrow flying in and flying out, with a bit bouncing, stretch and squash and anticipation it all looks smoother and nicer.
12 months ago
too much text, did not read
12 months ago
looks like he's got wicked allergies. Achoo. Achoo.
12 months ago
@Eric Crow haha, yeah, i actually am sneezing every 10 seconds at the moment. damn allergies every summer.
12 months ago