animate curve in Flash
- Started
- Last post
- 26 Responses
- Projectile
I want to make something appear to jump away from the screen, from the bottom, coming closer to you, then move to the top and land back on the screen.
I'm doin this by increasing the size, as well as the drop shadow's distance. Works great if the object doesnt move up/down.. but when it does, it looks like it moves straight to one point (close middle), then straight line to the top against the screen.
like this:
<lI want the object to move in a curve. like this:
(lBesdies doing this frame by frame, are there any sneaky tricks you know?
- Projectile0
sorry, I know it's all very confusing, I've done my best to explain it
- chossy0
no it's fine, what you need to do is vary the speed of the move and perhaps add a little more on the zoom out.
(
|
(
- felizfeliz0
" jump away from the screen, from the bottom, coming closer to you"
doesn't make sense. that's two things at once...
- chossy0
or you could draw a slight curve and animate along it by popping the wee circle onto the curve as an animation path, then adjust your size accordingly.
- felizfeliz0
it's all in the ease.
the right to left to right movement needs to be a easeInOut. so slow fast slow.the movement up needs to be constant.
- chossy0
Well done team :D
- Projectile0
aaah ok sorry guys i didnt explain properly.
the <l and (l are a side view. there's no left to right movement, it's coming away from the screen towards you. So motion paths aren't really gonna help, methinks.
- chossy0
it will honestly draw a slight curve, you won't regret it.
- felizfeliz0
so is, lets imagine we are laying on the floor looking up. above us is a glass stage. and person is stood on the stage and jumps up, and then lands moving a step further up our vision?
in which case the movement would be:
start:
slow - fast (ease out)
fast - slow (ease in)
*mid point of jump*
slow - fast (ease out)
fast - slow (ease in)
lands a step further up.just use a custom ease and 3 key frames. the custom ease can be the ease in out thing in one. the trick is to move the point at which is really fast to closer to the beginning of the jump - as if its further away from you it's movements will be smaller thusly slower.
- felizfeliz0
lets see some visuals! it's confusing!!
- chossy0
if you resist doing the curve you must animate like this.
up and outwards, then up a little bit then inwards and up the ease tool must be used and the person should get to above the finishing spot then come down ontop of it. You should have five keyframes.
- Projectile0
yeah tried that chossy, but with ages of trial and error it's still not perfect.
BUT i found a way. Basically the object has its own timeline.. and that just enlarges and shrinks it, ease out, ease in. the upward movement is constant. It's a bitch to test, as I can only watch it happening as an export.. but it seems to work nice n smooth.
Thanks guys!!! y'all rock!
- Projectile0
ooh nice! like the way it settles.
dont have a place to upload, will post a link when it's online.
thanks!!!
- Well done, everybody in this thread gets +10 cool points :)chossy
- even me??? *attempts happycat face*Projectile
- felizfeliz0
projectile, is this the movement you wanted:
for this i made one timeline in flash 30 frames. the ball moves up, custom ease (slow - fast - slow).
inside the ball movieclip, made another timeline - this time it resizes. 3 keyframes at frames 1, 15 and 30. same custom ease on frames 1 and 15: slow - fast - slow.
- Projectile0
ah yes, but I can still see (albeit VERY subtly) that it heads to a single point in the distance then comes back. I need a perfect curve.
- felizfeliz0
ok.. how about this:
now the ease across frames 1,15,30 on the size timeline is:
frame 1: 100 out.
fame 15: -100 in.
- felizfeliz0
is now a perfect curve:
- Projectile0
ok.. I have no idea how you did that.. maybe the same way as me.. but I just discovered a lovely little checkbox in the ease edit window!!
So I eased only the scale, and not the movement.. and it came out perfect! ..and you can see/edit it on the timeline!!!
WOOHOO!!!
now if I can only figure out how to make a bloody animated gif from flash export my lovely drop shadow.. oh well here's a swf