Now that we have positioned the keyframes for the webpages along the Timeline of your Flash website, we are finally ready to build the individual webpages themselves. We will do this by adding the images, text, buttons and etc. onto a new layer that we will call Content.

In this tutorial, we will add the specific content for the Home webpage. Because the keyframes that we added to the Timeline in the previous tutorial are what control each webpage, we will add or change the Content layer for each webpage at each corresponding keyframe. If you remember, these keyframes are at 10 frame intervals along the Timeline.

Frame 1 will be Home
Frame 10 will be Contact
Frame 20 will be Artist
Frame 30 will be Products
Frame 40 will be Weblog
Frame 50 will be Portfolio

In this tutorial we will add the content for the Home webpage, so we will be working at Frame 1 on the Timeline. Open your .fla file into Flash and let's get started.

Insert Layer Button
Step 1. Add Content Layer. We want the Content layer to be above the Recurrent layer, so click on the Recurrent layer and then click the Insert Layer button. Name the new layer Content. You will notice that Flash automatically fills in the 60 frames in the Content layer.

Step 2. Add Home Webpage Images. Click on Frame 1 of the Content layer and you will notice that a keyframe has already been inserted. First, we will add any images onto the Content layer. There really isn't any reason for adding images first except that I am extremely visually oriented. My creative process always begins with images and then I add the supporting content around them. You may want to do the next few steps in the opposite order depending on your own creative process.

Continue