Flash Game Design  
 
 
 
Tutorials Articles
     
AddThis Social Bookmark Button  
 
Make a Flash Website - Part 4)  
Creating the Sections
Step 24.
This is the 3rd part of this flash tutorial. Next we're going to create the the content sections for the Flash site, so create a layer called sections. Save and import (file > import > import to stage) the star graphic (a). Convert it to an MC called "star_mc". This will be used next to each heading text throughout the site.
a)   b)
Step 25.
Convert the "star_mc" to another MC called "sections_mc"
 
Step 26.
Go into the sections_mc. Name the layer that star_mc is on "sections" and create 3 other layers as shown below. For the heading text (welcome), I've used the font properties as shown below, in the properties panel.
 
Step 27.
The body text properties can also be seen below.
 
Step 28.
I've then added some more content for this first section
 
Step 29.
To create a 2nd section, click on frame 10 of the sections layer, and add a key frame (F6). Delete all the content apart from the first star_mc and heading text. Change the heading text to "portfolio" and then add a thumbnail. I've added some for you below (a), to use for this tutorial.
a)   b)
 
 
Step 30.
Convert the first thumbnail into an MC calle "thumb_0"
 
Step 31.
Add some description text
 
Step 32.
Import the other thumbnails, converting them to MC's. Click on the first thumbnail and, at the properties panel, give it the instance name "thumb_0", as shown below circled in red.
 
Step 33.
Give the other thumbnail MC's an instance name.
 
Step 34.
Next, click on fram e10 of the "script layer , and create a blank key frame (F7)
 
Step 35.
Ive each thumbnail an onRelease function, as shown below. Repleace the part after "getURL(" with whatever page you want to open when the thumbnail is pressed.
 
Step 36.
Create a key frame at frame 10 for the third section
 
Step 37.
And add the content for this section. To extend the frame to frame 30, click on the frame and press F5.
 
Step 38.
Next, click on frame 1, of the script layer, open up the Actions panel, and add a stop() action. This will pause the sections MC at the "home" section, when the website is loaded.
Next go to Make a Flash Website - Part 5)
Part: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
 
   
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.