Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

1(7)

Open new flash document and give the following properties to it: width : 550 px height : 385 px background : #FFFFFF Create two new movie clips. Name them as “lavastus” and “ohjaus”.

Open “lavastus” for editing. Create a rectangle without strokes, size 50 * 50 px. Add keyframe to the frame 15 and draw circle without strokes, size 55 * 55 px. Add keyframe to the frame 30 and write letter ‘C’ by using the font Bullets 4 (Japanese). It can be downloaded from http://img.dafont.com/zip/bullets4_japanese.zip. Break text apart so you can apply some tweening to it. All the shapes are black.

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

2(7)

Create two shape tweens for the box and the circle. Also create new layer and place stop(); in the first and the last frame.

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

3(7)

Open “ohjaus” movie clip and place “lavastus” movie clip in the scene. Repeat this many times, long as you have 7 clips in diagonal. Give instance name for each clip. k1, k2, k3 ...

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

4(7)

Add layer and name it “code”. Name the other layer “clips”. Write the following codes to the “code” layer. frame 1 stop(); frame 5 k1.gotoAndPlay(2); frame 10 k2.gotoAndPlay(2);

frame 15 k3.gotoAndPlay(2); and so on until frame 35 k7.gotoAndPlay(2); frame 40 stop();

Now close the “ohjaus” movie clip and place it in the main scene. Again place the “ohjaus” movie clip 5 times in the main scene. Name instances as s1, s2, s3, s4 and s5.

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

5(7)

Add layer “code” and rename other layer to “clips”. Now we do the same what we did to the “ohjaus” movie clip, except no stop(); in the first frame. frame 5 s1.gotoAndPlay(2);

frame 10 s2.gotoAndPlay(2); and so on until frame 30 stop();

Now test the movie to see the animation.

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

6(7)

Create motion tween and add a keyframe to the last frame. In the last frame, apply color tint to the tweened clips. Color could be #996600.

Flash MX tutorial

Big wave v1.1

Jukka Paasonen

paazio@nic.fi 4/2/2004

7(7)

To have color affecting later, move last frames of both layers later, example to the frame 50. Change the background color to black. Again, test movie.

There you have it and it takes only about 2 kilobytes. It is the magic of one movie clip.