Software: Macromedia Flash
Time: 30 minutes
Download finished .fla file
Seeing that you liked our flash site tutorial, we decided to write few more tutorials about how you can make 100% complete flash site.
1. First, open new flash file. Size and background colour depend on your background picture. Frame rate should be 24.
2. Insert background picture.
3. Lock layer with background picture and add new layer.
4. On new layer, add text for links. Every link separately.
5. Convert all links to buttons. (F8)
6. Add new layer.
7. Draw black square and convert it to Movie Clip with "window" name. Also, set instance name on “window”
8. Double click on black square to go in to Movie Clip "window".
9. Select black square again and convert it again to Movie Clip
10. Select black square again and set alpha on 30%
11. Expand layer to frame 35 (F6)
12. On first first frame transform square like this
13. Set motion tween on layer
14. Add new layer and on 35 th frame add text and picture for link #1.
15. Add one more layer for actions. On 35 th frame create blank keyframe and in actionscript window write stop(); script.
16. Select 1 st frame of action layer and name it to “link 01”.
16. Select all frames and layers on stage:
17. Copy all frames:
18. Select 36 th frame for all layers and do Paste:
19. On 36 th frame on action layer, change Frame name to “link 02”
20. On 70 th frame and second layer change content for 2 nd link:
21. Repeat steps 16. – 20. for other links (link 03, link 04 or how much links you want). For 3 links at all you should have:
22. One more time repeat steps 16. – 20. but this time set Frame name (step 19) to “stop”
23. In “stop” section delete all from 2 nd layer (layer with content for pages)
24. Drag 106 th frame from layer where is background and drop it on last frame.
25. Make motion tween on stop section.
26. On 140 th frame on action layer add this code:
stop();
if (_root.link == "link01") {
gotoAndPlay ("link01");
}
if (_root.link == "link02") {
gotoAndPlay ("link02");
}
if (_root.link == "link03") {
gotoAndPlay ("link03");
}
27. Go back to root. Select first link text:
28. Add script in actionscript window:
on (release){
_root.window.gotoAndPlay("stop");
link = "link01";
}
29. Do the same for all other links just change number of link (for 2 nd link is link=”link02”;)
on (release){
_root.window.gotoAndPlay("stop");
link = "link02";
}
on (release){
_root.window.gotoAndPlay("stop");
link = "link03";
}
30. On root on 2 nd layer add just one line in actionscript window:
31. That’s it….your second flash site I over.
32. If you have more experience, add few more things….this is my final result.
|
