Image motion tween

I'm trying to motion tween jpeg image from one side of the
screen to another but by the motion everything gets so framey
instead
running smoothly. I tried to convert image to the movie clip
and I tried increase
number of frames and fps but with no succes. Image is still
"jearking" while
moving across flash stage. Is there anything that can be done
so that image moves smoothly?
Beginer looking for help.....
Appreciate your help,
JM

ok, so it looks like the images are 'bigger' than the initial
image size, because you then 'zoom' in on it, so this is part of
the problem, because Flash has to recalc and draw the MC on every
iteration of the tween. Second, they are under a mask, right? Q
though - you're using a timeline tween correct?
So a couple of things that may help, first, in each MC that
contains an image, turn on the 'cacheAsBitmap' property, in the
properties panel. try that.
If that's not enough, take the entire timeline containing the
image MCs and place it within a 'master' MC, find the dimensions
and placement of your mask in relation to the main timeline (ie.
global space), then remove it. Create a 'blank' MC with insert
Symbol command, place an instance on the stage at the x,y of the
mask's previous location. then in code use the 'scrollRect'
property to define the viewable area (the masks dimensions) you
will need to pass a Rectangle class object in the parameter. also
make sure to turn on the cacheAsBitmap property for the new symbol
instance. finally, place the 'master' MC in position within the new
symbols timeline.
third, if that's still not enough, you could go a step
further and load the images into BitmapData objects and then place
them with code, but this is a lengthy process to explain, i think
maybe try some of these other things first.
additionally, you could change the timeline tween (assuming
that's what it is) to a Tween class code constructed tween series
and remove almost everything from the timeline.

Similar Messages

Poor quality motion tween with png image, tried "Trace Bitmap", but then it looks like a newspaper

Greetings all,
I've been a software developer for many years, but am not very savy in the design elements. So, much of what I'm going to say will probably sound "newbie", so please forgive me in advance.
So, I'm trying to get a transparent image to fly in from the side. So, I *thought* I was doing the correct thing by moving the "symbol" off of the visible portion of the stage, and creating a motion tween to move it onto the stage. The motion works, but the quality of the image in general (and the text in specific) looks pixelated.
Thus, I did a little bit of snooping, and everyone said that you should start with a bitmap. So I saved the image from Photoshop into .bmp format, and was able to set the properties to "allow smoothing" and with lossless compression. So far, so good. Now, as I expected, the transparency is no longer there...
So here's the question: how can I make this image retain its quality, still have transparency, and a motion tween?
It seems like this is some set of characteristics that don't play well together, even though I see this type of thing online ALL the time.
I tried "Trace Bitmap" to convert to a raster image, and tried to follow some suggestions online, but when I do "Trace Bitmap", it ends up looking like it has a bunch of grayish dots on the image... definitely NOT what I was expecting.
Thanks for your help!
JPB

Go back to using the png, and set the smoothing allowance. That should take care of the quality. In Flash, a "bitmap" will often refer to any type of image element... .bmp's are probably dinosaurs (as in extinct) where Flash usage is concerned.

Motion Tween Scaling a UILoader loaded Image

Hello: I know how to make an image scale up upon a button click. If it is possible, what is difference in the actionScript code if the image has been loaded using the UILoader ?
Currently I have the Component scaling up upon a button click but the Component's motion tween seems to not associate with the Image's scale (the image the UILoader placed on the stage). Thank-you, MLR ...
// Component Inspector >scaleContent: true (current setting)
buttonMLRx_btn.addEventListener(MouseEvent.CLICK, animateMLR);
function animateMLR(eventMLR:MouseEvent):void
        imageBinMLRx_mc.gotoAndPlay(2);
        trace("MLR");
    }

Thank-you Ned: I will try the documentation. I presume from your response, it is possible. I will watch this (my) post and post my resolve when I figure it out. MLR

Images shifty on motion tween

When I try to simulate "the ken burns effect" by creating a
motion tween on an image and moving it slightly or making it
larger/smaller, stair-stepping occurs and the image loses it's
quality. This seems like it should be an easy fix, but I can't
figure it out. I have manipulated frame rate, image size/quality,
converted image to graphic and movie clip, and have reduced the
amount of moving I do within frame. Nothing seems to work. When I
view the movie, the image always looks grainy and I lose the edges
in the image. Does someone know what I'm doing wrong?
Thanks.

Yes, you could have a function coded wherever it would be best executed and you could call that function at the end of the tween. If the tween is inside a movieclip, then you can prepend the function call with MovieClip(parent). or MovieClip(root). depending how deep you are into children...
MovieClip(parent).callFunction();
You could also assign a custom event listener to the movieclip that the parent listens for. At the end of the tween in the mc you could have...
dispatchEvent(new Event("imDone"));
In your parent you assign a listener for the event to the mc.
youTweeningMC. addEventListener("imDone", eventHandler);
function eventHandler(event:Event):void {
// whatever your intentions are

Free Transform breaks Motion Tweens

Sigh! Normally I try to solve problems myself... but Google isn't giving me anything about this so maybe I'm the only one in the world experiencing this particular issue.
I've used Flash for making games for years now, and I got used to using the old motion tweens for making looping animations for characters. I made the leap from AS2 to AS3 a while ago, and felt like I should try to use these new motion tweens as well since I got CS5...
I've found them completely unusable, however, due to a bizarre problem that happens when moving around objects using the Free Transform tool.
For a single character, I'll have a MovieClip with several layers, each with a 'body part' MovieClip on it, then I add the new blue-type motion tweens to all of those layers. At the end of those tweens, I use F6 to (hopefully) duplicate the starting pose; it is meant to loop, after all. Then I'll go about half way between these two keyframes and move bits around to create the A->B->A sort of 'idle' or 'breathing' animation.
The Free Transform seems dodgy though. If I select all the 'limbs' of a character at once and try to rotate them as a group, it works, but they each end up displaced a bit when I release the mouse; they get offset slightly or rotate a bit in seemingly random directions.
For example, compare these two images (it's easiest if they're opened in separate tabs, I suppose): http://scraps.fighunter.com/sparkpupagh1.png and http://scraps.fighunter.com/sparkpupagh2.png
The first one is after rotating it but before I released the mouse button, the second is what the pieces ended up like after I released the button. Most of the pieces ended up where they should be, but the head was offset slightly. This is a mild case; it's usually worse and affects all the pieces, and the slight offsets and rotations build up, too.
This in itself wouldn't be too bad - though it's frustratingly inaccurate - but it gets much, much worse the more I work on a single animation.
(Note: These strange changes don't happen if I rotate all the parts as a group if they're not also contained within new motion tweens...)
Here's a screenshot showing a frame mid-way through an animation, with one of the parts selected: http://scraps.fighunter.com/meepagh1.png
The Motion Editor is shown, though I don't use that directly.
With that feather bit selected, I then rotated it a tiny, tiny amount, but didn't *move* it at all. When I released the mouse, it ended up snapping suddenly to here: http://scraps.fighunter.com/meepagh2.png
That'd be frustrating in itself, but as you can see from the Motion Editor, it's also messed up most of the other frames in the animation, somehow. This becomes unbearable, as you can likely imagine!
If I edit the graph in the Motion Editor directly to alter the Z value and cause a rotation, it works, without problems... but this is horribly inefficient and unintuitive and not a solution. I can't animate by tweaking numbers. It's like trying to draw a portrait using an Etch-A-Sketch!
It seems to only be the Free Transform tool that creates this bizarre problem.
This has been happening since I got CS5 maybe a year or two ago, though I haven't actually had to use the animation tools much until a few days ago so that's why I'm bringing it up now. I've restarted Flash, my computer, etc, etc, many times; I also got the trial version of CS6 today to see if THAT would fix it, but the exact same thing happens in that version too.
I'm wondering whether it's my computer's fault in some way... I don't know enough about hardware and 'specs' and that sort of stuff to describe anything about it, but I'm using Windows Vista and the computer is fairly old and not exactly what I'd call reliable. I'm planning to get a new one soon, so it'd be nice if that fixed this problem... but frustrating if it doesn't.
I'll link to the CS6-flavoured .fla that those screenshots are from: http://scraps.fighunter.com/Meep.fla
I'd very much appreciate it if someone could test this to see if it's happening to only me! If I go to frame 146 (to choose one at random), and try to rotate the foot, slightly, using the Free Transform tool, it breaks in the way that I've described. (Oddly, the head feather rotates without issues on that frame...) If you were to try to do this same thing and it *doesn't* break, it might be a good sign that it's my computer's fault!
If it *does* break though... then I'd very much appreciate any help I can get from someone who understands the new motion tweens better than I do!
It'd be a shame to have to go back to Classic Tweens because of this...

Sigh! Normally I try to solve problems myself... but Google isn't giving me anything about this so maybe I'm the only one in the world experiencing this particular issue.
I've used Flash for making games for years now, and I got used to using the old motion tweens for making looping animations for characters. I made the leap from AS2 to AS3 a while ago, and felt like I should try to use these new motion tweens as well since I got CS5...
I've found them completely unusable, however, due to a bizarre problem that happens when moving around objects using the Free Transform tool.
For a single character, I'll have a MovieClip with several layers, each with a 'body part' MovieClip on it, then I add the new blue-type motion tweens to all of those layers. At the end of those tweens, I use F6 to (hopefully) duplicate the starting pose; it is meant to loop, after all. Then I'll go about half way between these two keyframes and move bits around to create the A->B->A sort of 'idle' or 'breathing' animation.
The Free Transform seems dodgy though. If I select all the 'limbs' of a character at once and try to rotate them as a group, it works, but they each end up displaced a bit when I release the mouse; they get offset slightly or rotate a bit in seemingly random directions.
For example, compare these two images (it's easiest if they're opened in separate tabs, I suppose): http://scraps.fighunter.com/sparkpupagh1.png and http://scraps.fighunter.com/sparkpupagh2.png
The first one is after rotating it but before I released the mouse button, the second is what the pieces ended up like after I released the button. Most of the pieces ended up where they should be, but the head was offset slightly. This is a mild case; it's usually worse and affects all the pieces, and the slight offsets and rotations build up, too.
This in itself wouldn't be too bad - though it's frustratingly inaccurate - but it gets much, much worse the more I work on a single animation.
(Note: These strange changes don't happen if I rotate all the parts as a group if they're not also contained within new motion tweens...)
Here's a screenshot showing a frame mid-way through an animation, with one of the parts selected: http://scraps.fighunter.com/meepagh1.png
The Motion Editor is shown, though I don't use that directly.
With that feather bit selected, I then rotated it a tiny, tiny amount, but didn't *move* it at all. When I released the mouse, it ended up snapping suddenly to here: http://scraps.fighunter.com/meepagh2.png
That'd be frustrating in itself, but as you can see from the Motion Editor, it's also messed up most of the other frames in the animation, somehow. This becomes unbearable, as you can likely imagine!
If I edit the graph in the Motion Editor directly to alter the Z value and cause a rotation, it works, without problems... but this is horribly inefficient and unintuitive and not a solution. I can't animate by tweaking numbers. It's like trying to draw a portrait using an Etch-A-Sketch!
It seems to only be the Free Transform tool that creates this bizarre problem.
This has been happening since I got CS5 maybe a year or two ago, though I haven't actually had to use the animation tools much until a few days ago so that's why I'm bringing it up now. I've restarted Flash, my computer, etc, etc, many times; I also got the trial version of CS6 today to see if THAT would fix it, but the exact same thing happens in that version too.
I'm wondering whether it's my computer's fault in some way... I don't know enough about hardware and 'specs' and that sort of stuff to describe anything about it, but I'm using Windows Vista and the computer is fairly old and not exactly what I'd call reliable. I'm planning to get a new one soon, so it'd be nice if that fixed this problem... but frustrating if it doesn't.
I'll link to the CS6-flavoured .fla that those screenshots are from: http://scraps.fighunter.com/Meep.fla
I'd very much appreciate it if someone could test this to see if it's happening to only me! If I go to frame 146 (to choose one at random), and try to rotate the foot, slightly, using the Free Transform tool, it breaks in the way that I've described. (Oddly, the head feather rotates without issues on that frame...) If you were to try to do this same thing and it *doesn't* break, it might be a good sign that it's my computer's fault!
If it *does* break though... then I'd very much appreciate any help I can get from someone who understands the new motion tweens better than I do!
It'd be a shame to have to go back to Classic Tweens because of this...

3d motion tween load problem

Hey all,
I'm having a problem which has made me struggling for two days. I hope i can get some new ideas for my problem here.
I created a fla which includes several 3d motion tween in CS5.5, when it's compiled it works perfect. But when i try to load this swf into my main project, images get blurry and distorted. Below is the screenshot of the situation. The first one is the correct one, and second one is loaded into main project. I read that scaling 3d tweens might cause such problems and tried to fix it by two solutions. As first, i tried to retransform the tween by: myContainer.transform.matrix = new Matrix(); but didn't work out. As second, i tried to rescale the stage which mentioned as a solution is some blogs.
And i don't know if it is some kind of bug as mentioned here: http://forums.adobe.com/message/2258767
I'd really be glad if i can get some ideas, thanks all.

anyone?

Image smooth tween

I have five images in a row on my site and every now and then
when I roll mouse over one up comes the other and then I try to
close one and the other is jittering. Why?
I created a movie clip for each image and also a movie clip
within each movie clip.
I did a motion tween on first frame for each and the tween
goes to frame 8. I also put '8' in the ease box.
I placed a -- stop(); -- on frame one and frame two. The
transition is from small to large. On the scene, I wrote:
on (rollOver) {
this.gotoAndPlay(2);
this.swapDepths(1);
on (rollOut) {
this.gotoAndPlay(8);
Why are images jittering every now and then. Perhaps the ease
is too high. It is on 8. Not sure. Please advise. Thanks.
[email protected]

Thanks for your reply. I have solved the situation.
on (rollover) {
this.gotoAndPlay(2);
this.swapDepths(1);
on (rollOut) {
this.gotoAndPlay(1);
All I had to do was put a (1) after "this.gotoAndPlay(1);"
That was on the last frame before, reason for the flickering
and the overlapping of images/running at same time.
They run perfect now!!!!!! One runs and closes when mouse is
off/onto next image. Perfect.

Strange motion tween problem

So I have been making an animation to a voice over for a project. Comes in at about 2000+ frames with each animations different "scene" location split into 16 layers.
If I play the entire movie from start to finish my 2nd to last "scene's" motion tweens play really fast and repeat randomly.
If I use a gotoAndPlay to the frame where this "scene" starts the motion tween plays as intended.
The problem "scene" is setup like all my others with the "scene" being in its own movieclip on the main timeline, and then nesting other movieclips inside it. When I remove the tweens from the nested movieclips there is no movement issue, but obviously there is also no movement which I need.
My fix so far has been to add a goToAndPlay on the first frame of the problem "scene", eg "gotoAndPlay(1895); above frame 1895" which plays the tween correctly but makes my audio stutter when it hits that frame. So is not exactly the desired effect.
Note: when I say "scene" I don't mean flash scenes more taking about the different shots/locations of my animation.
I've searched google for hours to try find a similar issues with no success. So really do appreciate any help or ideas from some more experienced flashers

You're trying to have different slices fade in? If you just
want the image,
as a whole to fade in, import it and convert it to a
MovieClip and fade in
the clip.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Can't get motion Tween to work - just upgraded from a previous version to CS4

I am attempting to create a motion tween between two keyframes. The image is the same...the first keyframe has the image set to an alpha of 0 and the second keyframe some 20 frames down the timeline is set to an alpha of 100%. The keyframes are on the same layer. The image has been transformed to a symbol. Yet when I double click between the two keyframes and create the motion tween so the image will fade from 0 to full view at 100% nothing happens. I don't see the familiar arrow that normally indicates a motion tween between the two keyframes. I've created this transformation a thousand times before but don't understand what is different in CS4 that isn't creating the tween. When I double click on a frame in between the two keyframes it indicates I can remove motion tween so, it makes me believe the motion tweening has been set but, it isn't.
I am quite frustrated and don't understand if I haven't set something in the preferences so the tweening will work or just what is going on.
Help!

And here's the article that was written specifically to update your skills with all the changes between the earlier tweening and new tweens in CS4:
http://www.adobe.com/devnet/flash/articles/motion_migration_guide.html

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.

Motion Tween (CS4) - please help

I'm a student trying to finish (what should be) a pretty
simple assignment. I'm creating a 30 second banner. From frame 1 to
frame 90 (3 seconds), I have an image (movie clip) sliding in and
"bouncing" into place with a motion tween (used the motion editor
to get the "bounce in" ease effect on the tween). So, currently,
after frame 90 there are no more frames on that layer; my image
disappears.
Now I want the symbol instance to stay in place for the next
x frames, while stuff on other layers slides in on "top" of it. But
if I go out to frame x, select it, and hit F5, F6, or F7, it makes
the symbol stay in place over those frames like I want, BUT it
screws up my motion tween. I lose the "bounce in" ease, for some
reason. How can I get my motion tween to work like I want from
frame 1 to frame 90, and then have the symbol instance stay put for
the next x frames after that?
Thanks!
Christophe

My instructor said just to go to the frame in the layer, go
to frame x and select it, then do insert>timeline>frames. But
that still screwed up my tween. The object slides into place, but
the "bounce in" ease is no longer visible.
I found this workaround - which doesn't seem very efficient,
but it worked. My motion tween ends at frame 90:
1) select frame 91, hit F7 to insert a blank keyframe.
2) go to and select frame 90, select the object on the stage,
copy it.
3) go to and select frame 91, paste in place.
4) Now go out to frame X, select it, and hit F5. Object now
sits in place from frame 91 to frame X, and "bounce in" ease of the
motion tween from frame 1 to frame 90 isn't affected.

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
>

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.

Drawn Motion Tween Assistance

Hello, I apologize for not searching for much information on this; but, I don't really know what they call it is. What I am trying to do is create specific animation where when I draw a certain image (Let's just say "Ari"), it records the motion of the of it frame-by-frame (or motion tween). The best example I can provide is this URL:(http://www.portalgraphics.net/pg/illust/?image_id=81564), when you press the image, it brings up a small movie and the program recorded the person as he drew. I wanted to do something like this but I am trying to make a proper logo for something. Can someone assist me with this? Again, I am sorry for not doing much research on this; but, I don't know the proper term for it.

unless there's something special about that logo, you'll need to create a frame-by-frame animation of your logo. that will be pretty similar to an old-time flip book or mutoscope.

Motion Tween - Change Pic

Hello.
I'm trying to create a Motion Tween where at a certain point the initial image it's replaced by another one.
I've tryied to do "Swap Symbol" but the symbol changes in all the tween.
Is this possible to do?
Thanks.
Luis

You cannot motion tween one symbol/object into becoming another. You will need to have one fade out in a tween of its own, or the other fade in in a tween of its own, or both.

Image motion tween

Similar Messages

Maybe you are looking for