Access to H.E » Create a website in Flash Pt 1

Create a website in Flash Pt 1

posted by trikkky on October 14, 2009

Today at college we have now been given our Assignment to start in Multimedia which has to be something that does a lot of (what i don’t now yet) multimedia..

Having looked on Youtube at every body’s first project which was good and bad I think I will create a website.

The PSD

What I have done is create the site for anybody to steal and copy for free as it could be useful for the layout alone. I have put all the different sections in folders and named everything ready to get imported into flash

The PSD Here

Open Flash, create a new file any size it doesn’t matter and Import to stage and select the PSD

When the window opens make sure that you have all the layer boxes ticked and the option to make the same size as the Photoshop document, you can look in the dropdown box to make sure everything is ticked as not to leave anything out.

Select the Nav folder before you Import it as we have to tell flash what we want to do with all these layers that we are going to bring in. We want some to be movie clips some to be buttons and graphics, if you have imported already just press CTRL Z and import again ..

Right select the nav folder and twirl the arrow and select the portfolio text make sure you make the text editable as it is going to be a button. repeat the steps for all the headings in the nav folder

Next select the Contact form and before you open it make the whole file a movie clip give it an instance name of contact_mc to give it some AS later (actionscript). Then open the folder make all the buttons and text editable as well as the input and textarea.

Select the Portfolio and give a movie clip with the instance of portfolio_mc, Make sure everything is editable.

Select the About us and make a movie clip with the instance name of About_mc, Make sure the text is editable and some of the layer styles.

I have done the same for main content and give it an instance name and made all editable except the little graphics.

Do the same as before on the top_nav make a movie clip of the folder and give it the instance name of top_mc and make the text editable as well as the logo and pictures.

Select the background and make it a movie clip and give it the instance name of bg_mc make the background editable.

Press enter and flash will import to the library, when my site came in I had to adjust the background a bit by selecting the move tool clicking on the background and using the arrow keys moving it down and to the left a touch. And turn of the other layers so everything is not on top of each other.

Make sure all the position and size are at zero for your X and Y I have changed mine to zero on both axis. and notice I have turned the other layers off.

Make sure you can see all your layers and select Frame 40 click and drag down and all the layers should be selected, right click and Insert frame.

Create a new layer, or drag the layer 1 up from the bottom and call it labels as we are going to label the timeline to tell us where all the different pages are going to sit. Then create another layer above that and call it Actions for our Actionscript.

Where the properties are, there is a box called label click on the first keyframe on the labels layer and go to the label and call it home.

Select keyframe 10 and right click and Insert Keyframe name the label contact, do the same for about and portfolio, go to frame 20 right click insert keyframe name the label about, go to frame thirty right click Insert Keyframe, name the label portfolio.