Flash web site layout tutorials to create movie clip graphics and buttons

Page : 1 2 3 4

BACKGROUND

Import background in any format supported by Flash. i.e. .jpg or .png and convert it into graphic.

Here we have made background of a globe and that graphic is named as 'bg".

In the scene place the background in the 'bg' layer.

Now our interface is ready.

MOUSEOVER ANIMATION

In the button mouseover animation we are going to move all the three-color panels. For this we have to put these panels in one movie clip.

Select all three panels.

Choose Insert > Convert to symbol and make it a movie clip named as 'Open panels'.

Place this movie clip in a layer and name it as 'open panels'.

Choose Window > Library > Panels > Open panels (movie clip)

Double click the movie clip Open panels.

Place the three-color panels on three different layers with appropriate layer names.

For each layer at frame 10 insert keyframe (F6)

At frame 10 move the yellow panel upwards, purple panel downwards and red to the side so that they can create a blank triangle shape among them.

NOTE: After changing the position of the panels, while formating a triangle shape it is necessary to make changes in the panels' shape accordingly.