Start with a new flash file 550x400, and before we go on let's just think how we want our file looks like??

Here I'd prefer you get your pencil and a paper and start to put down your ideas 'till you get the desired results. I chosed a simple one for this tutorial.

We have 6 images that we want to make a navigation for them, so here are our steps:

  • Import the desired images to the library (File> Import> Import To Library), all the images are 320x240
  • Make our button that will control the transition of the images (I made a MovieClip that will use it like a button)
  • Make an empty Text Field to show a brief describtion for the current diplayed images

ok, now we have all the stuff we need, let's make the main MC that will hold the images. Make a new MC (CTRL+F8), give it a name 'pixNav'. Now give the layer a suitable name, like 'Pix'.

Open the library, and drag the first image to the stage, position it at the 0,0. drag all the other images to the stage and snap them to the edge of each other, then select them all and convert them to a MC (F8), name it 'thePix' and in the property panel give it a name like 'panorama_mc', so it looks 'like this:

Alright, this was just too easy. Now let's add a new layer above the 'Pix' one and name it 'Mask' . Make a 320x240 rectangle shape in it (as the image size), place it at 0,0 so it covers the first image:

easy enough, huh

Let's move to the next step.