animate curve in Flash
- Started
- Last post
- 26 Responses
- lvl_130
don't use the filter dropshadow. just create another circle movie clip and mimic the movement (albeit opposite) while also tweaking the alpha.
- Samush0
can you change the drop shadow angle slightly during the animation too, that would look a tad better, altho WeLoveNoise is right about the opacity of the shadow- more important than the angle!
- chossy0
man what a mess, I completely miss understood what you were trying to do, either way we are all still pretty rad eh!!!
- WeLoveNoise0
u need to fade the drop shadow because it should be light the further away the circle is
plus - increase the frame rate to 60 and extend the tweened animations so they are double the amount of frames as they were before
now try
- what?? frame rate = 60?? the limit is always 24 no?Projectile
- felizfeliz0
after all that - it looks terrible! too much drop shadow!
- hahaha ok ok not a design project.. just trying to get the technique.. true though.Projectile
- 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
- 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
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
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
- 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!
- 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.
- felizfeliz0
lets see some visuals! it's confusing!!
- 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.
- chossy0
it will honestly draw a slight curve, you won't regret it.
- 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
Well done team :D