logo

Creating Animation

Tutorials

Creating a Text Fade Effect in Flash CS4 (Video Tutorial)

Remember to convert your text (or image) to a symbol.

Change COLOR EFFECT

Style: Alpha either 0% (transparent) or 100% (visible). Using a classic tween makes this a gradual fade.

Fade effect (text or images)

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Download fla file for this fade-in here Download fla file for this fade-in/out here

New Timeline Animation in Flash CS4

Motion Tweening in Flash CS4

Custom Motion Paths in Flash CS4 (Video Tutorial)

Using Motion Presets in Flash CS4 (Video Tutorial)

Go to Window and then Motion Presets.

Motion paths

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Download fla file for this motion tween here Download fla file for this motion preset here

Looping of an individual element

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

For a Merit you must show evidence of "looping of at least one individual element".

This example has the imusic logo pulsating in a loop. It was done by:

  1. importing the image and converting it to a symbol.
  2. Double-clicking on the imusic symbol so that it opens its own timeline.
  3. Applying the motion preset (Window> Motion Presets)
  4. Clicking on Scene 1 to go back to the original timeline.

Download fla file for this loop here

Buttons (using Actionscript 3)

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

A URL Button

The following are instructions for how to create the Google Button:

  1. Create a button (Make a button shape, right-click "Convert to Symbol..." and choose "Button".
  2. Select the instance, and add the instance name google_btn in the Property inspector.
  3. Insert a new layer, and rename it actions.
  4. Open the Actions panel (Window>Actions), select frame 1 of the actions layer, and add the following ActionScript in the Script pane:
A button which opens up a web page. Download fla file here

Adapted from Making a button work with Actionscript 3

A Replay Button

 

A Replay Button

The following allows you stop the animation, instead of it looping. The Replay button, when clicked, takes the animation back to the start and replays the animation.

  1. Make a button shape. Highlight it, right-click it and "Convert to Symbol...". Choose "Movie Clip".
  2. In Properties, select the instance, and add the instance name replay_btn in the Property inspector.
  3. Insert a new layer, and rename it actions.
  4. Open the Actions panel (Window>Actions), select the last frame of the actions layer (which should be the same frame as the Replay button is on) and add the following ActionScript in the Script pane:
A Replay button. Download fla file here

Play Button and Replay Button

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

The following allows you to start the animation with a Play button.

Follow the instructions above for "A Replay Button" for creating your buttons. When creating the Play Button, make sure you change the instance name to play_btn.

Then, using the same code as in the Replay Button example above, the animation stops, instead of looping.

The Replay button, when clicked, takes the animation back to the start and replays the animation.

Play and Replay buttons. Download fla file here

A more advanced buttons example

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

It has a "menu" page which has two buttons; one to play the animation, and one which goes to a static frame.

Both these choices allow you to click a button to go back to the start.

A useful link is:

Movie Clip Buttons

Play, Replay and navigation buttons. Download fla file here

Sound

This allows you to create an animation which is controlled by a Play button. Clicking the Play button starts both the animation and the music.

If you do this, you will need to trim your soundtrack (using software such as Audacity), or else your soundtrack will continue playing long after your animation has stopped.

There is a Replay button at the end of the animation.

The second example uses a Mute Button as well.

The code for the mute button is on Frame 2.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Play Button, Sound, with Replay button. Download fla file here Play Button, Sound, Replay and Mute button. Download fla file here

Pausing and Resuming Sound in Actionscript 3

The link for this:

Pausing and Resuming Sound in Actionscript 3

from http://tutorials101.blogspot.com

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Download fla file here

Further reading:

Flash Actionscript 3 Tutorials - Beginners

How to create a Sound Board (Video Tutorial, 5mins 27secs)

How to make an Arcade Shooting Game

30 Hand-picked Flash and Essential Actionscript 3 Tutorials

Flash Developer Centre

Mr Shilton's Links

Flash Basic Tutorial

If you are a complete beginner at Flash, or you haven't used it for some time, it is worth starting with this tutorial.

Flash - The Walking Stick Man

The next progression from the basic tutorial - can you make the stick man walk?

Flash Vault

Online Flash tutorials - a very useful resource for creating effects

Creating a Ping Pong Game

Can you master the Ping Pong game without the source code? Code is in Lesson Documents if required.

Masks

How to create and use simple masking effects in Flash.

Masks 2

Another tutorial for creating masks.

Drop Down Menu

Making a Drop Down Menu in Flash using ActionScript.

Flash Game

Make a small game

Flash Scratchcard Tutorial

How to make a scratchcard interactive game in Flash.

Scary Maze Game

How to make a maze game in Flash.