Flash Game Design
Tutorials
Articles
A tutorial showing you how to create an advanced flash website.
View Site
Level
: Intermediate
Version
:
MX 2004+
Flash website
Shooting Bullets
Jagged Transition
Circular Slideshow
Falling Star Text
Basic Flash Site
Rotatin Gallery
Drop Down Menu
This tutorial is divided into the following parts.
1) Creating the layout (Starts below)
2) Adding the Content
3) Creating the Menu Buttons
4) Making the Menu and Section With Actionscript
5) Scrolling the Buttons and Content With Actionscript
6) Creating the Preloader
Creating the Layout
For the first part, we're going to create the basic layout.
Step 1.
To start off, create a new Flash document with the following settings.
Step 2.
Double click on the rounded rectangle and set the corner radius to 15
Step 3.
Create a greay (#E4E4E4) rounded rectangle, using the settings shown below. I've zoomed out to 50% here.
Enlarge
Step 4.
Convert the rectangle into an MC (Movie Clip Symbol) called main. This is where we'll be creating the site.
Step 5.
Go into the 'main' MC and convert the rectangle into another MC, this time calling it 'bg'
Step 6
Open up the 'bg' mc, create a 2nd layer and a grey/green (#839597) rectangle, without rounded corners
Enlarge
Step 7
Create a 3rd, darker (#B4B4B4) rectangle on another new layer.
Enlarge
Step 8
Make a 4th lighter grey rectangle
Enlarge
Step 9.
Go back to the 'main' MC, and import the
header image
onto the stage.
Step 10
Convert the header image into an MC (Movieclip) called 'header'
Next go to
Advanced Flash Site - 2) Adding the Content
Part: 1 |
2
|
3
|
4
|
5
|
6
If you want to learn how to create something a bit more funky, here's another tutorial to create a
flash website
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
Flash Game Design
|
Photoshop & Flash Tutorials
Privacy Policy
|
Contact
Site Copyright © 2006 - 2009
Nick DS
. All rights reserved.