Flash Game Design  
 
     
Tutorials Articles
     
AddThis Social Bookmark Button  
 
A detailed, tutorial showing you how to create a full flash website. View Site
  
Funky Flash Site Shooting Bullets Jagged Transition Bubble Flow Text
 
 
  Falling Star Text Basic Flash Site Rotatin Gallery Drop Down Menu
 
 
 
This tutorial will guide you to creating a full Flash website. It is divided into the following parts:
 
Part 1) Preloader (Starts Below)
Part 2) Making the Header
Part 3) Creating a Menu
Part 4) Adding the Content
Part 5) Writing the Actionscipt
Part 6) Moving the Buttons (Optional)
Part 7) Drawing in Animation (Optional)
Creating a Preloader
Step 1.

To start off, create a new Flash document with the following settings.

 
Step 2.
Create a text field on the 1st frame with the text "loading", using the settings shown in the image below
 
Step 3.
Convert the text field (F8) to an MC (Movie Clip Symbol), named "loading" and with the registration point set to the top left.
 
Step 4.
Double click on the "loading MC" and create another text field to the right, with the text "99%". As can be seen from the properties panel, shown below, the text has been made "dynamic", and a Var (variable) has been given to it called "p". When the Flash site is preloading this variable will hold the percent number that has loaded so far, and it'll be displayed in the dynamic text field.
 
Step 5.
Next, go back to the root timeline and click on the "loading" MC. Open the actions panel and add the code below. This bit of script checks to see how much of the Flash site has loaded and displays the percentage in the text, via the "p" variable. Once the whole of it is loaded (loaded == total), the timeline will go to frame 2, where we're going to create the actual site.
 
Step 6.
Name the layer, with the "loading" MC on, "MC" and add a new layer called "script". While the first frame of the "script" layer is selected, add a stop() action in the actions panel. This is to stop the timeline from going any further, while the site loads.
Next go to Full Flash Site - 2) Creating the Header Part: 1 | 2 | 3 | 4 | 5 | 6 | 7
 
   
More Flash Tutorials
Funky Flash Site Glitter Graphic Jagged Transition
   
Bubble Flow Text Basic Flash Site Advanced Flash Site
Scroll Gallery Falling Star Text Drop Down Menu
     
Rotating Gallery Shooting Bullets XML menu
     
     
 
Site Copyright © 2008 Nick DS. All rights reserved.