Using Motion Tween to create a moving timeline

I'm just learning the software and haven't been able to figure this out. I'm trying to create an historic timeline for our company and am using 20 jpg images, which I placed on separate layers and then converted each jpg to a symbol and motion tweened to go across the screen. The problem is that there is a gap between the frames when they play as a movie and I don't know how to get rid of that so that they flow continuously across the screen from left to right seamlessly. Can anyone provide me with some instruction on this?

this may be time-consuming but should be easy. start at the left-most keyframe that has an image. i would think there's only one keyframe there that has an image so nothing needs to be done there. go to the next keyframe. there will be an image there and the previous image should still be on-stage (or you need to move that 2nd keyframe). move that 2nd image so it abuts the first. go to the next keyframe etc.
all your tweens should be the same number of frames, use the same easing and move the images the same number of pixels.

Similar Messages

Using Motion 3 to create SW crawl

I'm trying to acheive the Star Wars text crawl (text scrolling up and off into infinite).
I've done google searches and have seen plenty of tutorials on doing it in After Effects, but I think Motion 3 ought to be able to handle this too.
From what I understand in the AE tutorials, the easiest way to do this is to have the text scroll bottom-to-top on the Y axis, then tilt the camera at an angle so that it is looking at the text layer from something like a 70 degrees.
I can use a throw behavior/keyframe to have the text move on the y-axis only - no problem there. But I'm lost as to what to do after that. Should I make the text layer a 3-D layer, or just create a new camera in Motion, or what?

I did this as a test several months ago. My goal was to get it as close to the original crawl as possible. The details are important as far as making it look as good as possible. The right font type and justification, the right color, the right angle, the right speed.
Anyway, I used an Illustrator file for the "Star Wars" so that it would be sharp close up since it fills the screen at the beginning. For the timing and angle, I used a reference movie off You Tube. I also found a Wikipedia article that covers the font type, color, and other particulars.
Here's my project if you want to dissect it. Instead of animating the text, I animated the camera.
[Star Wars Crawl|http://homepages.roadrunner.com/cuttingroom/images/starwarscrawl.zip]
Andy
Message was edited by: Andy Neil

Why can't I create a motion tween

I've been following the tutorials given after downloading the program. However, on step " Fine-tune the Characters Movement", it tells me to create a motion tween. But the option to create one isn't there. Any advice would be welcomed.

Hi,
Right-Click on the object to invoke context menu,and you will find "create motion tween" option.If the object in context is not a symbol it will pop up a dialog to confirm if you want the object to be converted to symbol,press Ok as motion tweens are applicable for symbol and text objects only.You will see , as the motion tween is created play head in the timeline jumps to 24th frame there by adding the tween.In the destination frame ,make changes to the object like translate ,rotate etc and press enter to see the preview of the tween.
Thanks,
Sangeeta

Motion Tween querry?

Hi,
I have 10 objects in 10 layers to make a single logo. I have created them using flash drawing objects. Now I would like each object to come one by one on stage using motion tween. How can I go further?
Do I need to make each object a movie clip before set it motion tween? Or do I need to make a single movie with all 10 objects as combined? Please note that I need each object to come on stage one by one (not a whole logo on once). Please provide help or any example tutorial link.
Thanks.

Create each object as a movieclip. If you plan to use the the timeline to tween them onto the stage, then you should be all set to configure that as long as you are faqmiliar with timeline tweening. If you plan to use actionscript code, then you'll need to learn about using the Tween class and listeners or timers to be able to have things tween seuqnecially.

2 types of Motion tweens ?!?

I have noticed a difference between motion tweens created by
the context menu ( ie right clicking on a PC and selection Create
Motion Tween) and creating two seperate frames and then selecting
motion tween from the Properties bar.
These are represented on the time line ... both in blue ....
bowever if you use the context menu you end up with a black dot for
each of the 2 keyframes however the second keyframe doesnt have a
black vertical line to the left of it.
What is the differnece here ? Has it got to do with the sync
option ?
For a visual reference check out ...
http://www.silverstone.co.za/temp/timeline.gif

I should add,
To synchronize the animation of graphic symbol instances with
the main Timeline, select the Sync
option in the Property inspector.
Note: Modify > Timeline > Synchronize Symbols and the
Sync option both recalculate the number of
frames in a tween to match the number of frames allotted to
it in the Timeline.
~~~~~~~~~~~~~~~~
--> Adobe Certified Expert
--> www.mudbubble.com
--> www.keyframer.com
~~~~~~~~~~~~~~~~
Chris Georgenes wrote:
> yup - it is the Sync option.
>
> ~~~~~~~~~~~~~~~~
> --> Adobe Certified Expert
> --> www.mudbubble.com
> --> www.keyframer.com
> ~~~~~~~~~~~~~~~~
>
>
>
>
> One x Big Mac wrote:
>
>> I have noticed a difference between motion tweens
created by the
>> context menu ( ie right clicking on a PC and
selection Create Motion
>> Tween) and creating two seperate frames and then
selecting motion
>> tween from the Properties bar.
>> These are represented on the time line ... both in
blue .... bowever
>> if you use the context menu you end up with a black
dot for each of
>> the 2 keyframes however the second keyframe doesnt
have a black
>> vertical line to the left of it.
>> What is the differnece here ? Has it got to do with
the sync option ?
>> For a visual reference check out ...
>>
http://www.silverstone.co.za/temp/timeline.gif
>>
>> <br><br> <img src="
http://www.silverstone.co.za/temp/timeline.gif">
>>

Motion tween question in cs5

Hi,
I'm trying to create an animated movie clip button in AS2 using CS5. The button should fade in/out as the mouse moves over and away from the button.
Lets say my frame rate is 30 FPS. When I insert a motion tween on frame 1, the timeline is automatically extended by 30 frames. I then select frame 30, select the button and change the alpha value to 30%. When I drag the head marker back and forth, the button fades in and out smoothly exactly as I wanted.
But I want to create a motion tween between frame 1 and 10. So I select frame 10, insert a keyframe, select frame 5 and insert a motion tween. Then I select frame 10, select the button and change the alpha value to 30% like before. When I drag the head marker, there is no fade in/out. When the head marker is exactly over frame 10, the button is faded, but when it is on any frame between 1 and 9, it is normal.
How do I fix this problem?
thanks for your help
Rashinkar

If I'm following correctly, you are trying to tween between two keyframes instead of within a single tween span. If you want to create a tween between frames 1 and 10, insert a keyframe on frame 1, and then insert frames to frame 10 instead of creating a keyframe (press F5 on frame 10). Then right-click one of the frames or the object and choose Create Motion Tween. Then move the playhead to frame 10 and change the alpha.
Hope that helps.

CS5 - problem with motion tween..HELP!!

Experts out there, please help.
I have migrated from Flash CS3 to Flash CS5. Unlike in CS3, in CS5 when i use motion tween i am unable to use multiple 'ease in' and 'ease outs' in a single tween span. The tween span has to be divided by the 'split motion' command at 'properties keyframes' into smaller tween spans to further apply ease in/out to each one of them. This is not the case with CS3, you just select one keyframe after another and apply the ease in/out command, no divisions required.
Lets say i want control the accelaration and deccelaration of a bouncing ball without breaking the tween span. How do I do it in CS5 without wasting all the sweat?
Please guys i really need this
I'll be greatful
Thanks

The classic tween is the same as the old Motion tween was in CS3 and earlier. You can grab a keyframe and drag it along he timeline to extend or reduce the tween.
The "new" Motion tween was invented to allow for 3D tweening and to allow you to save the tween action exclusive of the elements that were being tweened, so that you can easily replicate a tween on the timeline.

Flash stickman Motion Tween problem

Hi. I tried to create an animated stickman using Motion Tween
between these two frames:
http://img457.imageshack.us/my.php?image=screenshot00001cq1.jpg
http://img457.imageshack.us/my.php?image=screenshot00000nw4.jpg
but when I applied it to the frames look what happened:
http://img266.imageshack.us/my.php?image=screenshot00002kj3.jpg

the center point is different between keyframes. this will
cause drifting. make sure the center
point (Free Transform tool) is *exactly* the same for all
keyframes.
Chris Georgenes
Animator
http://www.mudbubble.com
http://www.keyframer.com
Adobe Community Expert
*\^^/*
(OO)
<---->
X_NRG wrote:
> Hi. I tried to create an animated stickman using Motion
Tween between these two
> frames:
>
http://img457.imageshack.us/my.php?image=screenshot00001cq1.jpg
>
http://img457.imageshack.us/my.php?image=screenshot00000nw4.jpg
>
> but when I applied it to the frames look what happened:
>
http://img266.imageshack.us/my.php?image=screenshot00002kj3.jpg
>

Move motion tween and custom ease property keyframe at the same time???

Hello,
I'm making adjusments to my animation, by "ctl" clicking the motion tween diamond keyframe in the timeline, and moving it. It works great, except I have a custom ease property set up that has keyframes that correspond to the animation. When I move a keyframe, they all update and move except for the custom ease keyframes in the motion editor. Is there a way to do this?? Set it up so that the custom ease keyframes are locked with the other keyframes??
Any help would be greatly appreciated..
Thanks,

Hello,
Thank you for contacting National Instruments.
You should be able to control your RS-232 port and DAQ card independently. If you are doing a continuous buffered analog acquisition, then your board should be acquiring analog data continuously regardless of what commands are being sent out on the RS-232 port.
I imagine that this is a software timing issue. I would recommend that in your code that you configure and start your analog acquisition before you even start the stage's movement. After you have determined that you are acquiring data, you should send commands to stage to begin its movement. After all of the stages movements are complete, you will want to stop and clear your analog input measurement. This will ensure that you will acquire all
of the data for all of the movements of the stage.
Regards,
Bill B.
Applications Engineer
National Instruments

Some very weird issue with Motion tween

Hello, guys! I confronted some kind of weird problem. I uploaded it in fla, https://www.dropbox.com/s/u9bkjiokk51m1o3/landscape_START.fla. Soo, about the problem, flowers in layers 8,9,10 act wrong, when im trying to apply motion tween, they move from their current position right to the hell another one, and i can't understand why. Can somebody explain me what the matter? Because the rest of objects in another layers make it right, when i use motion tween. Oh, and btw, when you make zoom like 50% and less, u can see the workplace consist of gray square in dark gray square, again, wtf? When i make sizes in properties panel larger, it just goes crazy.

Emm, i meant that you should make motion tween by yourself to see that problem with flowers on layers 8,9,10. You just selecting any frame you want, then applying motion tween on flower on layer 8,9 or 10 and then puff, its like screwed up. Well, i tried to copy and replace this flower movie clips, but its always the same. For example, the rest of objects, when you apply motion tween on em, dont changing their location...

Creating a motion tween with less frames on the timeline

Hi,
By default when I create a new motion tween, it automatically comprises all frames on the layer. I want only a 72-frame tween, not a 350-frame tween.
Any idea?
Ronald

I did know about suggestion #1 (I just thought it was too much work, especially
since I had to move the 72-frame tween back to the end, on frame 350).
As for suggestion #2, I learned that I could split a tween. Interesting!
Thanks!
Ronald

Combine multiple animations/moving a motion tween path location

I have three similar animations that are stalling on preload as it's referencing the data from dropbox. We thought that it might be faster if it loaded only once, so I am now trying to combine the animations into a single scene. I'm having trouble copying and pasting the animation. I'm not quite sure where the problem originates from. I did, originally, successfully reproduce the animation and apply it to the separate elements when making them on separate stages, but now I see one of the elements (I'll call it GREEN) has a motion tween, and I'm not sure why the others (ORANGE and BLUE) are set to X, Y motion. I specifically recall having created them via motion tween, but at least they are still moving the way I created them to.
When I copy and paste > All, GREEN (with its motion tween) is placed on the stage at X=45 coordinate, and i need the whole path to be moved over to X=643. When I drag, it only affects the current location, plus there are a couple of "points" on the line that don't have keyframes associated with them, so it has been nerving to try and set them this way. Is there a way to do this?
Thanks

No problem!
So do you notice how your blueballoonCopy has those chevron marks on the timeline? That's an indication of duration in a container such as a symbol or audio element. In your case, it's a total 30 sec. of transitions, and it's a symbol. When you want to loop things differently, they should be in their own timelines, i.e. in their own symbols.
You should do two things to get this set up:
Convert blueballoonCopy and GREEN_KIDS_BALLOONCopy3 into a single symbol, since they will both loop endlessly from the loopGrn label to the end. Put the playhead over the loopGrn label, then select it and the trigger at the end and cut them (Edit > Cut), and then double-click on the symbol on Stage to edit it and with the playhead at the same place, paste the label and trigger. You should now have the label at 26 sec., and the trigger at the end of the timeline. Navigate back to the Stage timeline, and these two elements will now loop endlessly in the brower.
Now convert your orange_balloon element into a symbol - that will put all of its animation inside the symbol. If you want the entire animation loop twice, add a single play action to the end of the chevron (duration indicator). If you want only a part of it to loop, use a single play from action instead, and enter the timecode or label to which you want to loop back.
And now you'll have those two elements looping continuously, and the orange_balloon symbol looping just once.
hth,
Joe

Moving multiple symbols "breaks" motion tweens

I'm working on a character rotation in Flash CS 5.5 that leads into a basic walk cycle using all motion tweens. The tutorial I'm following (which only uses classic tweens) says to grab all the upper body symbols with free transform and rotate them forward a little. This works fine with classic tweens, but with motion tweens, the parts pop strangely out of place and the more frames I try to move the upper body symbols on, the worse the symbols start randomly sliding around. You can see a simple before/after example posted below. Moving the profile view upper body symbols displaces the arms on the first frame.
Is there any way to move multiple symbols without ruining them? Someone else described at length a problem like this on an old thread, but no one answered: http://forums.adobe.com/thread/1084800
I've tried taking all the upper body layers and sticking them in a symbol, but that won't work because the left hand will pass over the left leg instead of under due to layering.
EDIT - Whatever change is made to the arms during the walk changes the key frames at the beginning, but only if selected with other symbols. If I move the upper body parts down instead of rotating them, the first frame arms will be retroactively be moved down.
Message was edited by: LastNameLeft3000

If you are interested in getting decent results at some point youwill have to looke into the Bone-Tool or use a extension like DragonBones
The reason why you are having "Displacement"-problems lies in the "Math" behind how AnimatorFactory (the system behind Motion Tweens) handles transformations different from Tweens (Its outright misleading to call them Tweens, and Adobe did a poor naming job).
Right click one of the Motion tweens and chosy "copy as Actionscript 3.0" from the context menu then paste the code in any available textEditor and you will see sth like:
import fl.motion.AnimatorFactory;
import fl.motion.MotionBase;
import fl.motion.Motion;
import flash.filters.*;
import flash.geom.Point;
var __motion_Symbol1_9:MotionBase;
if(__motion_Symbol1_9 == null) {
    __motion_Symbol1_9 = new Motion();
    __motion_Symbol1_9.duration = 24;
    // Call overrideTargetTransform to prevent the scale, skew,
    // or rotation values from being made relative to the target
    // object's original transform.
    // __motion_Symbol1_9.overrideTargetTransform();
    // The following calls to addPropertyArray assign data values
    // for each tweened property. There is one value in the Array
    // for every frame in the tween, or fewer if the last value
    // remains the same for the rest of the frames.
    __motion_Symbol1_9.addPropertyArray("x", [0]);
    __motion_Symbol1_9.addPropertyArray("y", [0]);
    __motion_Symbol1_9.addPropertyArray("scaleX", [1.000000]);
    __motion_Symbol1_9.addPropertyArray("scaleY", [1.000000]);
    __motion_Symbol1_9.addPropertyArray("skewX", [0]);
    __motion_Symbol1_9.addPropertyArray("skewY", [0]);
    __motion_Symbol1_9.addPropertyArray("rotationConcat", [0,3.91304,7.82609,11.7391,15.6522,19.5652,23.4783,27.3913,31.3043,35.2174,39.1304,43.043 5,46.9565,50.8696,54.7826,58.6957,62.6087,66.5217,70.4348,74.3478,78.2609,82.1739,86.087,9 0]);
    __motion_Symbol1_9.addPropertyArray("blendMode", ["normal"]);
    __motion_Symbol1_9.addPropertyArray("cacheAsBitmap", [false]);
    __motion_Symbol1_9.addPropertyArray("opaqueBackground", [null]);
    __motion_Symbol1_9.addPropertyArray("visible", [true]);
    // Create an AnimatorFactory instance, which will manage
    // targets for its corresponding Motion.
    var __animFactory_Symbol1_9:AnimatorFactory = new AnimatorFactory(__motion_Symbol1_9);
    __animFactory_Symbol1_9.transformationPoint = new Point(0.499943, 0.500000);
    // Call the addTarget function on the AnimatorFactory
    // instance to target a DisplayObject with this Motion.
    // The second parameter is the number of times the animation
    // will play - the default value of 0 means it will loop.
    // __animFactory_Symbol1_9.addTarget(<instance name goes here>, 0);
    // Call the addTarget function on the AnimatorFactory
    // instance to target a DisplayObject with this Motion.
    // The second parameter is the number of times the animation
    // will play - the default value of 0 means it will loop.
    // __animFactory_Symbol1_9.addTarget(<instance name goes here>, 0);
This is only the code for simply rotating a rectangle over the duration of 24 frames.
You notice 2 two problems right away: while having the registration point in the center, Flash distorts the values:
    __animFactory_Symbol1_9.transformationPoint = new Point(0.499943, 0.500000); //should be (0.5, 0.5)
you can imagine that this "error" gets worse when inherited from nested symbol to nested symbol, it "exponentially" grows with each nesting, and it will soon reach a point were it gets visible.

Can't properly create motion tweens between two keyframes in flash CS4

I'm trying to create a flash animation of a wing flapping using three keyframes. The first keyframe is at frame 1. I then created a second keyframe at frame 5 by pressing F6, and then I created another keyframe at frame 10 by pressing F6. At frame 5, I rotated the wing so that it is going up. Frame 10 is the same as frame 1.
frame 1:
frame 5: frame 10:
I right clicked on a frame between frames 5 and 10 and then clicked the first option, "Create Motion Tween"; I then performed the same action on a frame between frames 1 and 5. When I preview or test the movie, there is no transition between the frames. From frame 1 to 5, there is supposed to be a transition of the wing flapping up. From frame 5 to 10, there is supposed to be a transition of the wing flapping downwards to its initial position. Instead, when I test the movie, the wing remains still until frame 5 and instantly goes to its "wing up state" and when it gets to frame 10, instantly goes to its "wing down state".
Here is what the timeline looks like after I've made the changes mentioned above:
I'm using Flash CS4 to make the animation but the tutorial I'm following is using Flash CS3. I know I can use other methods to create the motion tween but I want to know why the method I'm using isn't working.

I did switch to classic tweening. I pressed F6 to make a keyframe at frames 5 and 10. I then right clicked on a frame between frames 1 and 5 and then clicked
"create CLASSIC tween"; did the same thing between frames 5 and 10. I'm not seeing the transitional frames between frames 1 and 5 that the tutorial showed.

Motion tween easing and timeline

just using flash cs4 for the first time (after flash 8). It seems to be the one program where theres a lot of new features since that version (yay new features!) That I dont know how to use (boo!)
So far I feel like someone at adobe made the mistake of letting the programmers design the usibility, but then flash has always been a bit unintuitive:
so -
I create a motion tween but by default it runs to the end of the animation, which makes it difficult to design a custom ease. So I add a blank keyframe to make it only 20 frames long. Get my easing sorted, but now I want to set it so that it so that it remains visible on the stage for the rest of the animation. I cant insert a key frame, and if I remove the blank keyframe, the bloody easing which I've just spent an hour getting my head around, is stretched out to the end of the animation. And presumably if I insert more frames at any point the easing will also get mucked up.
so is there a way to either convert a blank keyframe to an old fashined timeline keyframe after a motion tween OR
fix the easing so that it applies between the original points?
Oh yeah, and ctrl-y instead of ctrl-shift-z. WTF?

I took a closer look at the this movie. While it does work just fine for me, there are a couple of areas where it can be optimized. This movie uses just one image. The stage size for this movie is 680 X 510 pixels. The image is 2816 X 2112 pixels at 32 bits. There is no advantage to using an image of this size. There are many disadvantages. You want to reduce the size of this image before it is imported into the movie. This alone will dramatically improve the performance of the animation.
There is also no need for this movie's frame rate to be more than 30 fps, 15 will probably work just fine with the reduced image size.
I'm sorry that I missed the size of the image as a problem initially, but then the movie plays fine for me.
Yes, you can export any sort of video that you like.

Using Motion Tween to create a moving timeline

Similar Messages

Maybe you are looking for