Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
Advanced Flash Website  
Adding the Content.
Step 11.
Next we'll be adding the content for the website. Create a layer called 'content' in the main MC, and then create a light grey rounded rectangle.
 
Step 12.
This will be used for background of each section, so convert it to an MC called 'sectionBackground. We'll also be using it has a mask as the sections scroll, so give it an identifier of the same name, by ticking the 'export for actionscript' box.
 
Step 13.
So, now that we've created an MC for the background, we'll start creating each section. Convert the background to a new MC called 'section_flash'. Give it the identifier 'section_flash' also. This identifier will be used later to add the section dynamically using actionscript.
 
Step 14.
Now we're going to add some content to the 'section_flash' MC. I've added a header to an new layer in the MC, using the settings below.
Step 15.
Some body text using the settings below.
Step 16.
Next I've added some some thumbnails, which i'll be creating some actionscript to make them open a new window.
Step 17.
Convert the thumbnail to a new mc 'flash_thumb_0'
Step 18.
Give it an instance name with the same name, so that we can use actionscipt to make it do something.
Step 19.
Create several more thumbnails, each with a different instance name. As you can see below, ive give tne 2nd thumbnail the instance name 'flash_thumb_1'
Step 20.
Now create a layer called 'script'. The code below tells flash to open a new window and go to the URL, when 'flash_thumb_0' is pressed.
Step 21.
Now add the code for each of the other thumbnails
Step 22.
Now that we've create the first content section, we can use it as a template to create the others. Right click on the section_flash MC from the library and choose 'duplicate'. You'll then be presented with the follow window.
Step 23.
Change it's name to a new section, and give it the same identifier. As you can see i've changed it to photoshop, as i'll be changing the flash thumbnails to photoshop thumbnails.
Step 24.
Open up the new section MC, and change the brightness of the background.
Step 25.
Add some different thumbnails, giving them new instance names. Then add some new text.
Step 26.
Change the code so that the new thumbnail instance names are refered to.
Next go to Advanced Flash Site - 3) Menu Buttons
Part: 1 | 2 | 3 | 4 | 5 | 6
 
   
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.