Interactive Story Telling.: Flash Demo's

Classic tween

Open a new file and add text with the [Text tool.]

Then using the [select tool] right click on the text select [create motion tween]

On the time line

select the last frame

Now with the select tool move your text over a good distance.

A green line will appear this means the text is now tweened.

Using the select tool and clicking on the green line you can bend the points by dragging it upwards.

By bending the green line it changes the pathway of the text.

Shape Tweening

With the first frame selected create a Shame for example a circle -

Press F5 to extend your clip.
right click on the last frame and [create shame tween]
make sure you have the last frame insert key frame create the change you want for example a square

You should now have a shape tween.

Using this method you can also tween a shape to text.

Do this by creating a shame like before

then on the last frame crate text,.

for example a name

Now right click on the text and brake apart you will need to do this about twist.

The shame should now transform into text.

Making a button

Step one.

Open Flash

Import a file or make create what is wanted to make a button.

Select what you wish to convert to a button, right click [convert to symbol]

Go to type then select the button rename it so you don’t get confused later

When finished select Ok.

After go to property’s change <instance name> to something more suitable for example button1

double click on the “button” to “jump in side it” here we can change the button on an action, so that people know this image will do something.

Up - this key frame already in it. Leave this frame.

Over – make a key frame in this action and change the colour with the fill tool so when the person hovers over it, it will change colour.

Like so -

Before hover over.

Hover over.

Now to make your button do something add scrip for example in my interactive story I used button to go to the next scene in my story -

NaviButton1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToScene555);

function fl_ClickToGoToScene555(event:MouseEvent):void

{

MovieClip(this.root).gotoAndPlay(1, "Scene4");

Line tool

Open up the robot file

This image was found of google images

Make a new layer, Select the Line tool, trace the bitmap so that you have be outline of the robots body. Leave the legs for now.

To curve the line you will need to hover over the line with the select tool there should now be a cursor with a curved line bellow it this means you will be able to bend the line. This will help to make the robot more realistic rather than just straight box lines.