Professional Documents
Culture Documents
Once you have made that movie clip then duplicate it. And call it
loading1_mc.
And in that movie clip make the text green.
Now open your preloader_mc and drag the movie clip loading_mc on to
the stage.
Make sure that you are in the layer textW.
Don’t forget to center it on the stage.
And in the layer called text you drag the loading1_mc into it. And
center
it.
Now in the first frame of the maskT layer we will draw a rectangle. Like
this.
Still in the maskT layer go to frame 100 and right click to convert to
key
frame.
Now drag the rectangle on top of the text.
Place your cursor in between frame 1 and 100 from the maskT layer,
right click
and add a motion tween.
Now move with the cursor on the layer, right click and select mask.
This will add the layer text under the mask.
Now go back to your scene1 and change the name of the first layer to
preloader.
Now drag your preloader_mc onto the stage.
While in the first layer press F9 to open up the actions window. Click on
the movie
clip in the stage and the paste this in the window.
onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
perc1ent = int(loaded/total*100);
perc1 = ""+perc1ent+"%";
gotoAndStop(perc1ent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
Now click on the layer and go to the actions window and give it this
code
stop();
Now make a second layer and convert it to a key frame.(F6) and paste
this code.
This code tells flash to check the bytes that are loaded .if it’s loaded
then go
to frame3 if not stay in frame 1.
You may think what happened to frame2 . Well you are in it.
if(_root.getBytesLoaded() ==
_root.getBytesTotal()){
gotoAndPlay(3);
}
else{
gotoAndPlay(1);
}
Now change some text for the other pages . Since I don’t use this site I
will
only change the main text .
So you will see that the pages change. Once you made all the pages
we will implant
them into scene1.
So go to scene1 and add 2 new layers , call it pages
and the other 1 actionsMain.
.
First insert frames on frame 140 for the layers content
, pages and actions.
Add a stop(); in the actionsmain on frame
35.
In the pages layer you need to add key frames . So when we link the
buttons
that know where to go to.
Add key frame in the following frames : 35 , 45 , 54 , 59 , 69 , 78 , 82 ,
92,
101 , 105 , 115 , 124
Now do the same for the actions layer.
It should look like this.
In the pages layer select frame 35 . Now drag your homePage_mc on
the stage and
place it like this.
Add the other movie clips to the other key frames. After that you have
this.
This is
what you should have now.
And give them in the first frame 0% alpha. Now copy these 2 frames
and paste
them in to frame14.
And give it a between the key frames a motiontween.
Now give frame 8 a key frame in the layers left , right and actions.
In the actions layer give in stop(); in
the first frame , frame 7 and give frame 1 label h1
, frame7 pause and frame 8<SPAN
style='color:#00CC00'>h2.
You should have this now.
Drag that button into the layer inviB in scene1.and place it right on top
of
the home_mc. Now copy and paste the button 3 more times and place
Them on top of the other 3 movie clips. And name them like below.
Now with those 4 buttons selected put the alpha to 0%.
Make a new layer on top of the rest and call it buttonactions. And give
it
this code.
I
n this code you will say what flash needs to do when you go over , or
press ,
… a movie clip.
//button home_mc//
over1_btn.onRelease = function(){
play();
target="home";
}
over1_btn.onRollOver = function(){
home_mc.gotoAndPlay("h1");
}
over1_btn.onRollOut = function(){
home_mc.gotoAndPlay("h2");
}
over1_btn.onReleaseOutside = function(){
home_mc.gotoAndStop ("pause");
}
//button about_mc//
over2_btn.onRelease = function(){
play();
target="about";
}
over2_btn.onRollOver = function(){
about_mc.gotoAndPlay("h1");
}
over2_btn.onRollOut = function(){
about_mc.gotoAndPlay("h2");
}
over2_btn.onPress = function(){
about_mc.gotoAndStop ("pause");
}
//button port_mc//
over3_btn.onRelease = function(){
play();
target="port";
}
over3_btn.onRollOver = function(){
port_mc.gotoAndPlay("h1");
}
over3_btn.onRollOut = function(){
port_mc.gotoAndPlay("h2");
}
over3_btn.onReleaseOutside = function(){
port_mc.gotoAndStop ("pause");
}
//button contact_mc//
over4_btn.onRelease = function(){
play();
target="contact";
}
over4_btn.onRollOver = function(){
contact_mc.gotoAndPlay("h1");
}
over4_btn.onRollOut = function(){
contact_mc.gotoAndPlay("h2");
}
over4_btn.onReleaseOutside = function(){
contact_mc.gotoAndStop ("pause");
}
Let’s make the animation when the buttons enter the screen.
Select the topL_mc and place it right above your screen.And place the
buttomL_mc right under it.
Now add a key frame in frame 33 for those 2 layers .In frame 33 move
them on
how they were from the beginning.
Click between frame 23 and 33 and a motiowtween.
Now for the mask. add a key frame in 23 and draw a rectangle that will
cover
your buttons.