Simple Tweening in Fireworks? ala Imageready..

Hello
I used to use Imageready - to make simple animated gifs.
I would take 2 frames in the animation - and Select add Tween between, pick a number and it would tween one frame into the next.
I'm trying to do this in Fireworks, but it's asking about Symbols, States, and other overly complicated things - what's an easy way to do this?
I have so far a file with 4 states.
I want to put 5 frames of tween between each state.
I will end up with an animation with 24 frames (4 originals, 20 tweened frames).
Perhaps there is an Imageready-friendly FAQ or guide how to do this somewhere?
Thanks!

Perhaps I'm making it out to be more complicated than it needs to be, or maybe I'm not understanding some of the terminology, let me elaborate:
I have 4 photos - that I would like create an animated gif out of - a sort of slideshow gif - but not something that 'flashes' each image - I want them to blend into each other - kind of like a slideshow where one image fades out as another fades in, pauses for an amount of time, then fades in/out to another image - make sense?
One good example is how if you set your desktop to change at regular intervals in Mac OS X - it slowly blends each desktop photo/image into the next - so it's not flicking by - if that helps at all.
Not really looking for anything shape/vector related - just a simple slideshow with nice transitions - and the default way Imageready CS/CS2 would do this was perfect - it did it with just layers/frames.
Do I need to pull in the 4 images I want to use, convert them to 'States' then try and tween those States together? I'm looking to be able to streamline this workflow so I can produce these small "slideshow gifs" as I call them whenever I need to.
Hope that helps clear up what I'm after, thanks for your replies so far.

Similar Messages

Shape Tweening - simple tween doesn't work

I'm thoroughly discouraged with Flash CS3 for the trouble I'm
having with this simple shape tween. Please tell me it's my fault
so that I can get this to work and not think that Flash is dumb.
I'm going from a small circle with a 1 px stroke to a round
cornered rectangle with the same stroke. It looked like it spun a
little during the morph so I added shape hints. I tried a few
different arrangements and none of them really worked. The most
annoying thing is when it looks right no the FLA and then the
export is working correctly - obviously some kind of program
defect.
Shape hints:
- All four corners with A starting in the top left and
continuing around counter clockwise.
- All four sides with A starting on the left side and
continuing around counter clockwise.
- A on left side and B on right side.
They all either still spun funny or completely disappeared
during the morph.
All the hints appeared green and yellow for all arrangements
- no red hints.
In the past I've arranged them in what I would think to be a
random order with the hints appearing red and the dam thing would
actually work.
Just the fact that I have to screw around with shape hints
for this simple tween is silly.
Simple fix here?

Thanks for reporting the issue. Please move the code in first
frame to frame 2 as a workaround.

How to get simple tween to stop looping

I have created a real simple motion tween a text tween ,,,,,,
it works fine when i test it on the stage,, i removed the "loop" in
html and that tests fine ,,, i added a stop(); in the last keyframe
but it does not stop when i test it through flash???
I am confused here must be something simple i am missing ????
Thanks

Answered my own question i put the stop in the wrong layer
:(

Simple Tween Component

I have been working on (what should be) a VERY simple
component/compiled
clip. The component will allow for setting actionscripted
tweening for
movie clips. It's so basic that I opted not to even use a
class and it uses
all internal actionscript. The problem is, when I drag it on
the stage as a
movie clip, it works beautifully. But as soon as I export it
as an SWC file
and use it from the Components panel, it doesn't work.
It basically only sets a function to call in order to make an
mc tween. It
uses the mx.transitions for the easing. I've set a trace
action that shows
all the parameters.
When used as a movie clip, it traces the following:
Instance Name: _level0.tc, Tween Type: _x, Ease Type: [type
Function],
Starting: 148, Ending Point: 348, Time: 1
The Ease Type is a variable called "ease" and it's set with
the
mx.transitions (ex: mx.transitions.easing.Regular.easeInOut).
This works as
a movie clip.
After I export it as a SWC the it traces the following:
Instance Name: _level0.tc, Tween Type: _x, Ease Type:
undefined, Starting:
148, Ending Point: 348, Time: 1
Ease Type is now "undefined"
Here is the code inside the mc:
stop();
//Importing transitions and easings
import mx.transitions.*;
import mx.transitions.easing.*;
//Begin actions for component
//Loading the transitions
loadTweens = new mx.transitions.Tween();
//Function to assign the actions to the MC
_global[functionName] = function(){
//This is where the problem occurs
//It is set from a paramenter variable called easeType and
based on the
the mx.transitions are set
//If statement to determine the easing of the MC
if(easeType == "Regular.easeIn"){
ease = mx.transitions.easing.Regular.easeIn;
}else if(easeType == "Regular.easeOut"){
ease = mx.transitions.easing.Regular.easeOut;
}else if(easeType == "Regular.easeInOut"){
ease = mx.transitions.easing.Regular.easeInOut;
}else if(easeType == "Strong.easeIn"){
ease = mx.transitions.easing.Strong.easeIn;
}else if(easeType == "Strong.easeOut"){
ease = mx.transitions.easing.Strong.easeOut;
}else if(easeType == "Strong.easeInOut"){
ease = mx.transitions.easing.Strong.easeInOut;
}else if(easeType == "Back.easeIn"){
ease = mx.transitions.easing.Back.easeIn;
}else if(easeType == "Back.easeOut"){
ease = mx.transitions.easing.Back.easeOut;
}else if(easeType == "Back.easeInOut"){
ease = mx.transitions.easing.Back.easeInOut;
}else if(easeType == "Bounce.easeIn"){
ease = mx.transitions.easing.Bounce.easeIn;
}else if(easeType == "Bounce.easeOut"){
ease = mx.transitions.easing.Bounce.easeOut;
}else if(easeType == "Bounce.easeInOut"){
ease = mx.transitions.easing.Bounce.easeInOut;
}else if(easeType == "Elastic.easeIn"){
ease = mx.transitions.easing.Elastic.easeIn;
}else if(easeType == "Elastic.easeOut"){
ease = mx.transitions.easing.Elastic.easeOut;
}else if(easeType == "Elastic.easeInOut"){
ease = mx.transitions.easing.Elastic.easeInOut;
}else if(easeType == "None"){
ease = mx.transitions.easing.None.easeNone;
//Determines the direction of the tween
if(tweenType == "_x"){
starting = _parent[symbolInstance]._x;
}else if(tweenType == "_y"){
starting = _parent[symbolInstance]._y;
}else if(tweenType == "_xscale"){
starting = _parent[symbolInstance]._xscale;
}else if(tweenType == "_yscale"){
starting = _parent[symbolInstance]._yscale;
//Ending Point of the MC
endingPoint = starting + ending;
trace("Instance Name: "+_parent[symbolInstance]+", Tween
Type: "+
tweenType+", Ease Type: "+ease+", Starting: "+starting+",
Ending Point:
"+endingPoint+", Time: "+time);//time = 2;
trace(easeType);
functionTween = new
mx.transitions.Tween(_parent[symbolInstance],
tweenType, ease, starting, endingPoint, time, true);
Thanks for any help with this.
Scott

I've uploaded the FLA file to my web server. It has the Movie
Clip that I
wish to convert to a component with a sample mc so you can
see how this
works. Test the file and use the buttons or arrow keys to
move the test mc.
You will see that it works great as a movie clip in this FLA.
Bu then, try
converting it to an SWC and converting it to a component. You
will see how
it no longer works after doing so.
Tha location of the FLA is:
http://www.stingerweb.com/tweenComponent/TweenComponentStandalone.fla
Thanks fo any help anyone can provide me with. This isn't a
ground breaking
component so anyone is welcome to use it once we get it
working properly.
Thanks,
Scott
"myIP" <[email protected]> wrote in message
news:e88not$b8o$[email protected]..
> How are you using this code as a MovieClip? I used the
coded you posted
> inside
> a MC and when I compile it I don?t get any trace
outputs. Your problem
> sounds
> like a scope issue but I can?t determine that until I
use it as a
> component.
>

Fireworks and ImageReady.exe

Support:
I am trying to install Firewords and get the following error: "Fireworks CS6 Install. Please close the following applications to continue: ImageReady.exe.
Please note that I am using StorageCraft's ShadowProtect product and it has a program named "ImageReady.exe"!
Could this be the problem?
Thanks in advance.
[email address removed]

Terminate the process(es):
Working with your Operating System’s Tools
Mylenium

Simple Tween Question

I think it's tween. Not sure.
Anyway, I want to make something like
this.
The user clicks on a day of the week and the slider goes to
that day.
I'm not trying to do the XML part where the information is
displayed, I just want to know how to get the slider to move from
one spot to another.
:)

You would want to use the Tween class in Flash.
Put this at the top of your code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
And then to tween something, you would put:
new Tween(whatClip, whatProp, motionMath, beginValue,
destValue, duration, inSeconds);
whatClip = a reference to the MovieClip you want to tween
whatProp = what property of the MovieClip you're tweening
motionMath = what type of MotionMath you're using. This is a
bit more complicated but it would be a combination of a type of
motion and a type of easing. The different types of motion are
"Regular", "Bounce", "Back", "Elastic", or "Strong". You will
almost always use Regular. The different types of easing are
"none", "easeIn", "easeOut", "easeInOut".
beginValue = the beginning value of the property you're
tweening
destValue = the end value of the property you're tweening
duration = the duration of the tween in seconds or in frames
inSeconds = whether or not you're using seconds or frames.
True = seconds. False = frames.
So, if you wanted to move a ball_mc from x=100 to x=300 with
an easeOut over a span of 1.5 seconds, you would write:
new Tween(ball_mc, "_x", Regular.easeOut, ball_mc._x, 300,
1.5, true);
Pay attention to what's in quotations and what isn't.

How to do a simple Tween in CS4?

I am having trouble doing a motion tween in CS4. I am just starting to use CS4 again after a little hiatus, I know I was able to do a motion tween like I did when I was using CS3 but I can not find how to do it again. I would greatly appreciate it if someone could remind me of how to do this.
Thanks for your help

And for information on how the new motion system works, compared to CS3 and earlier, see http://www.adobe.com/devnet/flash/articles/motion_migration_guide.html. For full info on the new motion tweens in CS4, see http://www.adobe.com/devnet/flash/learning_guide/animation/.

Several questions on Fireworks from absolute beginner

Hello!
At the moment I'm in the very beginning of web-designing process and I've been using Fireworks trial for several days only. Before that I've created only one website in Joomla! and that's all. I've got several questions and I would be glad if masters of Fireworks will post full answers on them.
I've read the official manual, but didn't check any additional materials, because I feel better when learning myself with help in form of answers to concrete questions.
Here is how I see process of making simple website in Fireworks: draw website and then make it to work. I did first part and I've prepared my website. It of course looks ugly, but I want to start from it, as I'm learning. Here it is:
Okay, what is the next thing I should do? Right, I should slice it. And here goes the question: how should I slice my menu? I want it to be simple menu, so when you move mouse over "About me" it lightens in some other color and some content should appear in right part of this structure. How would I implement it using Fireworks? Then in what format should I export my webpage? HTML and CSS? How do I write styles in CSS through Fireworks? And final question is how can I make my website be in center of page (I've tried to add <center></center> inside "index.htm" file, but no luck)? I would also like to know what do I need to do with all images so you can't select them with mouse and move all around in your browser? How do I stick them:
Thanks and sorry for too many questions at one time,
Aleks.

Looking at your mockup, that navbar could probably be created
completely using CSS and HTML, rather than slice up the "button areas"
but if you want to go that route, I'd recommend creating button
symbols. The slicing is done for you and you can create up to four
states for the button.
If you want to export the graphics only, choose File > Export.
Browse to your site folder
Set the Export option to Images only
Make sure you are exporting slices
Deselect the option to export areas without slices
Click Save (Windows) or Export (Mac)
Use DW to create your page, insert your images and add your rollover
behaviors.
HTH
Jim Babbage
NewMedia Services
http://www.newmediaservices.ca
Community MX Partner -
http://www.communitymx.com/author.cfm?cid=1036
Adobe Community Expert
http://www.adobe.com/communities/experts/members/206.html
Author - Lynda.com
http://movielibrary.lynda.com/authors/author/?aid=188
Author: Peachpit Press
http://www.peachpit.com/store/product.aspx?isbn=0321562879

Idiotic undo behavior and recalcitrant tween failure

Total neophyte here. Well experienced in Illustrator and
Photoshop.
I first used Flash last week and had no problems getting it
to do some simple tween animations. Now I have opened it up again
to do some more practice and I'm noticing some pathetic behaviors
from the program.
Firstly, it has an undo/redo for EVERYTHING I do including
clicking on a certain frame despite not making any changes to the
file whatsoever. This also includes running the animation. There
has got to be something wrong with this thing if it's giving me the
option to undo that.
Secondly, and equally bizarre, when I create an object,
convert it to symbol, then insert a keyframe at some point in the
future frames, it renders all of the intervening frames borderless
except the one right before the new keyframe which has a
blank rectangle in it. I then create a motion tween. One problem
though. THERE IS NO MOTION TWEEN! It shows the first frame for the
whole time until the next keyframe at which point it just jumps to
that version. No tweening.
So is this copy of Flash just disgustingly bad or am I a
total newbie who clicked something I shouldn't have? Please feel
free to answer since I need to get something done on Flash
immediately after learning what I'm doing.

Hi All,
Flash Pro CC 2014 (v 14.0.0.110) is now available for download via the Creative Cloud App.
We have included back Object Level Undo, a revamped Motion Editor, Projector Export along with several other entirely new features like Variable Width Strokes and Tweening, SVG Export, Publishing for WebGL, Kuler Panel, HTML5 based Extensions etc. with this release of Flash Pro.
Complete list of New features in Flash Pro CC 2014 is available at these links:
Overview:         https://www.adobe.com/in/products/flash.html
Whats new:      https://helpx.adobe.com/flash/using/whats-new.html
Release Notes: https://helpx.adobe.com/flash/release-note/flash-professional-cc-2014.html
Videos:           https://helpx.adobe.com/in/flash.html
Thanks,
Nipun

Tearing on tweens on pc platforms

Looking for a bit of help here... or at least wondering if
anyone else notices this.
So far I've gone to every flash site i can.....
on three separate computers....
made tons of simple tween swfs to test this....
done mouse scrollers and any kind of motion i can.
time and time again on a mac everything looks great.
time and time again on any pc i've observed image tearing
while in motion.
sometimes it is minimal, other times it is so extreme it
renders the work unusable.
i'm seeing this in actual professional websites too.... but i
can't find anyone talking about it.
has anyone experienced this tearing and jittering of movement
in flash on all PCs or is it just me?
am i going nuts here?
nothing i do fixes this.

I run XP - have been on several machines since it came out -
Flash and the
Flash player have always run flawlessly on this platform - I
avoid Vista
like the plague for my own reasons. I don't experience the
"tearing" you
mention. Is it possible to nab a screenshot?
Adobe Certified Expert
www.keyframer.com
www.mudbubble.com
(if you want to email me, don't look)
"mummble" <[email protected]> wrote in
message
news:g6o89p$324$[email protected]..
> i'm thinking maybe it has something to do with operating
systems...
> perhaps on vista it's working fine but on XP and earlier
the new flash
> players
> just doesn't run right?
>
> i've tried every browser.... ever OS i can get my hands
on and my friends
> have....
>
> they all get it on the PC side in firefox... IE.....
firefox3.... ME,
> XPpro,
> 98....
>
> the only thing i haven't found yet is someone running
Vista or a linux
> install.....
>
> if anyone knows what i'm talking about here please chime
in.
> of if you have vista and can do a few checks just check
out some flash
> sites
> that have movement... like mouse image scrollers or
tweens.
>
> i can post some if you can't find any.
>

Trouble integrating tween into slideshow

I found a simple tween with the following code:
import com.greensock.*;
import com.greensock.easing.*;
bars.cacheAsBitmap=true;
img.cacheAsBitmap=true;
img.mask=bars;
//create TimelineMax instance and set to repeat infinitely
var timeline:TimelineMax=new TimelineMax({repeat:-1,repeatDelay:1,yoyo:true});
//speed vars
var duration:Number=.5;
//loop through bar in bars clip and add tween to timeline
for (var count:Number = 1; count <=10; count++) {
    //create reference to each individual clip
    var mc:MovieClip=bars["bar"+count];
    timeline.append(TweenMax.from(mc, duration, {x:"64", alpha:0, ease:Cubic.easeOut}), -.4);
In the example the image and mask are both on the stage from the start - not added dynamically.
you can see it here: http://www.jimslounge.com/tweenTest/mask_bars.swf
I would like to integrate it into my slide show
here is the code:
import com.greensock.*;
import com.greensock.easing.*;
var bars:Bars = new Bars();
var xmlLoader:URLLoader;   // slideshow xml loader
var xmlSlideshow:XML; // slideshow xml
var strXMLPath:String = "slideshow-data.xml";
var loader:Loader;
var intSlideCount:int;
var holder:Sprite = new Sprite();
    xmlLoader = new URLLoader();
    xmlLoader.addEventListener(Event.COMPLETE, onXMLLoadComplete);
    xmlLoader.load(new URLRequest(strXMLPath));
function onXMLLoadComplete(e:Event):void {
    xmlLoader.removeEventListener(Event.COMPLETE, onXMLLoadComplete);
    xmlSlideshow = new XML(e.target.data);     // create new xml with the received data
    intSlideCount = xmlSlideshow..image.length();   // get total slide count
    loadSlide(null);
    function loadSlide(e:Event):void {
    trace("we loaded slide");
            loader = new Loader();
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, displaySlide);
            loader.load(new URLRequest(xmlSlideshow..@src[1]));
            trace(loader.contentLoaderInfo);
function displaySlide(e:Event):void {
    holder.addChild(loader);
    bars.cacheAsBitmap=true;
    holder.cacheAsBitmap=true;
    holder.mask=bars;
    addChild(holder);
    var timeline:TimelineMax=new TimelineMax({repeat:-1,repeatDelay:2.5,yoyo:true});
    var duration:Number=.5;
for (var count:Number = 1; count <=10; count++) {
    //create reference to each individual clip
     var mc:MovieClip=bars["bar"+count];
     timeline.append(TweenMax.from(mc, duration, {x:"64", alpha:0, ease:Cubic.easeOut}), -.4);
    bars.width=holder.width;
    bars.height=holder.height;
I create an instance of a Sprite, load an external image using xml, add the image as a child of the Sprite instance "holder", add holder the the stage then run the tween.
this is what it looks like http://www.jimslounge.com/tweenTest/my_mask_bars.swf
The tween doesn't run till I re-size the stage and when it runs gives a different effect.

There could be a compatibility issue between  PostgreSQL and TestStand. I does seem to recognize the database but some of the functions may not be supported by TestStand. I have no experience using this DBMS but I would recommend you to use a supported one.

Movie Clips Simple Control

Hello Folks,
i want to learn how to use Actionsscript 3.
As practice i tried to build the controls Play, Stop, Rewind,
FF and Jump for a simple tween with no continous loop.
But soon i got stuck with the rewind function. The
ENTER_FRAME Event that is needed for an automatic rewind interfere
with the rest of the functions. I think the problem is that the
ENTER_FRAME EventListener is active from the beginning, but it
should be only active if rewind is active.
I got the Idea for the rewind from
http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/js/html/wwhelp.htm
Chapter: Programming ActionScript 3.0/Working with movie
clips
My Script so far:
//Let not start the animation automaticly.
box_mc.stop();
//Eventlistener for the Buttons. Over!
play_btn.addEventListener(MouseEvent.MOUSE_OVER,
playAnimation);
rewind_btn.addEventListener(MouseEvent.MOUSE_OVER,
rewindAnimation);
//EventListener for the Buttons. Out!
play_btn.addEventListener(MouseEvent.MOUSE_OUT,
playAnimation);
rewind_btn.addEventListener(MouseEvent.MOUSE_OUT,
rewindAnimation);
//Eventlistener for a continious rewind
box_mc.addEventListener(Event.ENTER_FRAME, rewindAnimation);
// Function for the Play Button. Stops at the last frame.
function playAnimation(event:MouseEvent):void {
box_mc.play();
if(box_mc.currentFrame == totalFrames){
box_mc.stop();
// Function for the Rewind Button. Stops at the first frame.
function rewindAnimation(event:MouseEvent):void {
box_mc.prevFrame();
So all tips getting around this are welcome.
Thank you.

many thx
that worked out! :)
//Let not start the animation automaticly.
box_mc.stop();
//Eventlistener for the Buttons. Over!
play_btn.addEventListener(MouseEvent.MOUSE_OVER,
playAnimation);
rewind_btn.addEventListener(MouseEvent.MOUSE_OVER,
rewindAnimation);
//EventListener for the Buttons. Out!
play_btn.addEventListener(MouseEvent.MOUSE_OUT,
stopAnimation);
rewind_btn.addEventListener(MouseEvent.MOUSE_OUT,
stopAnimation);
// function for the Play Button. Mouse_Over
function playAnimation(event:MouseEvent):void {
if (box_mc.currentFrame != box_mc.totalFrames) {
box_mc.play();
box_mc.addEventListener(Event.ENTER_FRAME, stopAtLastFrame);
// function for the Rewind Button. Mouse_Over
function rewindAnimation(event:MouseEvent):void {
box_mc.addEventListener(Event.ENTER_FRAME, oneFrameBack);
// function for stopping. Mouse.out
function stopAnimation(event:MouseEvent):void {
box_mc.stop();
box_mc.removeEventListener(Event.ENTER_FRAME, oneFrameBack);
// function for Stoppimg at the last frame
function stopAtLastFrame(event:Event) {
if (box_mc.currentFrame == box_mc.totalFrames) {
box_mc.stop();
box_mc.removeEventListener(Event.ENTER_FRAME,
stopAtLastFrame);
//function for going one frame back
function oneFrameBack(event:Event):void {
if (box_mc.currentFrame == 1) {
box_mc.removeEventListener(Event.ENTER_FRAME, oneFrameBack);
} else {
box_mc.prevFrame();
}

Variable colors in Fireworks

Hello,
I'm creating some simple logo in Fireworks, it's a two color
letter combination, but I'll like to have the chance to change both
colors to dynamically to decide which combination works best. For
instance, now it has green and blue, in this color there are
letters, drawings, boxes, etc... I'll like to chance blue for brown
to see how it looks, but right now I have to go ahead and replace
the color in every object. Is there a way to say "replace all blues
with browns" and apply that to every blue object?

Edit > Find and Replace and choose the Find Color option
from the drop down option.
Or
Go Window > Other > Color Palette and in the Mixers
Tab, set Color Pallet 1 swatches as object colors you want to
change, then adjust Color Pallette 2 to colors you want 1 to change
to - then click the Replace Color icon to commit change across
multiple objects.
h

Fireworks does not export layers to files

I'm trying to do a very simple task in Fireworks and for some reason it will not work. I have a document with one Page and one State and 30 Layers. All I need to to do is export each Layer to a File. According to Adobe's own documentation all I should need to do is select Export > Layers to Files. However, no matter how many times I try this all it does is export the first layer. This is one of the most simple task imaginable and yet it doesn't work, which I find unacceptable for a piece of software that costs as much as Fireworks does. Has anyone else had this problem? Is there some secrect undocumented trick I'm not aware of?
Any help would be appreciated. My company is ready to purchase 50 copies of Fireworks for our UX team, but if this is how the app behaves I'm going to recommend going with another program that works as advertised.

I have multiple layers. I made the mistake you're referring to when I first started using Fireworks so that was the first thing I checked. I noticed some other things in FW acting wonky, so I installed the latest update and rebooted my machine and everything seems to be working fine now. Thanks for the quick reply.

Problem with motion tweening in Flash CS4

Hi !
I tried to refresh my little flash knowledge -- but I stumbled upon a problem with the new Flash CS4!
When I try to make different blur or alpha effect on one keyframe I got after making the motion tween -- Flash adjust the other keyframe as well (got the same reaction on both keyframes as if it was the same instance of movie clip -- and not as in old flash; the keyframes created separated or independent instances)
The only thing working for me is when I move the movie clip out of the stage on the first keyframe -- and it correctly move its position.
What's wrong?
Kind Regards
Maria Olsen

Hello Maria,
You sort of answered your own question:)
"got the same reaction on both keyframes as if it was the same instance of movie clip"
That is exactly right and is the proper way of looking at new motion tweens. It is one instance of the movieclip for the duration of the tween. It takes awhile to get used to this.
New motion tweens allow you to set up a a very simple tween initially without keyframing ending values / position. Once you start making changes after the tween is set, you are going to have to get familiar with adding "property keyframes". Property keyframes are displayed with those little diamond icons in the timeline. Poperty keyframes allow you to "lock in" certain specific properties at key points in your animation without affecting other properties. With the old classic keyframes, a keyframe placed mid-tween would create a whole new instance of a symbol with all properties (rotation, scale, alpha etc) set in stone for that point in time. The benefit was that you could easily have all properties tween TO and FROM that keyframe if that's what you wanted. Now you can make adjustments to a symbol mid-tween and only specifically adjust a single property. So you can adjust the alpha of an object mid-tween without interrupting say a rotation that you wanted to happen all the way through.
If you simply want an object to move left to right and then you decide it should fade in
CLASSIC TWEEN
-place symbol on frame 1
-keyframe frame 10
-in frame 10 move the symbol to the right
-add classice tween
Ok, that works, now add alpha fade in
-go back to frame 1 and set alpha to 0
-classice tween automatically adjusts alpha from 0 in frame 1 to 100 in frame 10.
-done
MOTION TWEEN
-place symbol on stage
-create motion tween
-playhead jumps to last frame
-move symbol to the right (no need to f6 / keyframe)
Flash automatically adds something called a "position" keyframe (notice the little black diamond)
Ok, that works, now add alpha fade in
-go to frame 1 and set alpha to 0
-test movie
-oops - wrong. As you noted the alpha will stay at 0 throughout the whole tween.
-you need to additionally go to the last frame and set the alpha back to 100
-this will automtically create a "color" property keyframe on the last frame
When just doing this now I noticed something odd as well
As soon as I do the position change and move the symbol to the right, if I try to add the "color keyframe" on the last frame of the tween, I am not allowed to do so. "color" and "filter" are greyed out. I would prefer to lock the alpha at 100 in the last frame while the playhead is in position before setting it down to 0 in frame 1. Oh well.
Seems you are forced to
-go back to the beginning of the tween
-adjust the alpha
-then go to the end and manually bring the alpha back up.
hmm maybe i'm missing something too:)
the best way to do this would be to have the foresight ahead of time to do the alpha
-place the symbol
-alpha 0
-add motion tween
-in last frame move the symbol set alpha to 100 (alpha and position keyframes are automatically set)
So if you do it right the first time, its easy. If not, well.
Keep in mind an object will maintain the properties it has set in frame 1 unless a subsequent property keyframe enforces some adjustment.
If you have have an object that is moving from point a to b to c to d:
If you alter the alpha at point b, the alpha will tween from point a to b, but will maintain the new alpha to c, to d.
If you scale the clip by 200% at point, its scale will tween from point a all the way to point d, NOT just from c to d
To scale from point c to d only, set a "scale" property keyframe at point c (this will lock the objects scale at 100) THEN scale to 200% at point d
It takes a good deal of practice. I found the hard way that you just can't "wing" it. It isn't very intuitive coming from a classic tween approach.
These articles really helped me:
http://www.adobe.com/devnet/flash/articles/motion_migration_guide.html
http://www.adobe.com/devnet/flash/learning_guide/animation/
Take note of the tips on "cntr-clicking" frames and "shift-dragging". You have to really get used to a few keyboard modifiers when editing the timeline.
Stick around the forums. A lot of good info comes through daily.
Carl

Simple Tweening in Fireworks? ala Imageready..

Similar Messages

Maybe you are looking for