www.VFXskills.com                                                                                 www.MAXlife.TV

Google Enter your search terms

 How to structure a full flash actionscript 3 web site tutorial CS3 + CS4 - Part 3

Part 3 - Learn how to structure your Flash AS3 full website. Learn how to place other flash files into yours. Learn better organization for your Flash menu systems and Flash page structure. Complete with preloader load bar and text to allow you to place lots of images or whatever you want into the file and give your site visitors an indication of your sites load progress.


1.  The home page is going to be the first thing loaded when people visit.  So, we'll leave it on that frame in Page Content.
When they come back to it after visiting other pages, we want it to fade in. 

Select the PAGE CONTENT Layer
Fade in from the beginning. - Make it go 10 frames.  Hold down your SHIFT key and RIGHT CLICK on frame #10 to hightlight the 10 frames.
2.  RIGHT CLICK and INSERT KEYFRAME and it will Create a motion tween

3.  On the beginning frame (left click the first frame, highlight it ) Then click on the words HOME PAGE on the stage, thereby selecting the words.
4.  At the bottom in PROPERTIES find where it says COLOR - Go to color - select ALPHA - Make the Alpha Zero

5.  Select the UNDEFINED OR BACKGROUND and name it BACKGROUND.  Make sure that layer is selected then:

6.  Click on frame 60 and Press F5  -  This simply allows the background to show through all the frames.

In the PAGE CONTENT LAYER he just grabbed keyframe one and moved it over to keyframe 2

7.  Select the LABEL layer and click in the second frame.  Press F6 to create a keyframe.

8.  At the bottom, in the properties panel, HOME

9.  Put another label just past that and call it ABOUT.  Click in the Label Layer on the next frame available after the closing HOME label frame.

10.  Click in Actions Layer press F6 - Where movie comes to full Alpha F6 then F9


11.  In first frame, I have no stop action so when you first get to the side, the first page fades right in.

12.  do this to all the pages.

13.  On the PAGE CONTENT layer, make a new keyframe by selecting the frame and pressing F6 (this will be right under the ABOUT label on frame 11)
Click on the HOME PAGE TEXT and change it (make sure you're on frame 11 first) to ABOUT US ( I ended up just deleting the HOME PAGE, selecting the Text Tool and typing in About Us)

There is some confusion in translating the tutorial in this section.
Increase frames make it go about the same length. (clicking on frame 20)  RIGHT CLICK and INSERT KEYFRAME and it will Create a motion tween

14.  Go into the library and grab the Home Page movie clip and name it ABOUT

15.  Now go into the About section and swap it for the one that says About.

16.  Now change the picture and text.

Set up next motion tween
Click on the Keyframe at the beginning of the About Us (on the Page Content layer, frame #11) and

Put a STOP ACTION on the actions layer above the About Us - Select frame F6 then  (press F9 and type in stop();)

17.  Unsure of exactly everything in this section, but it appears as if you should make the text SERVICES and convert it to a movie symbol and then

Go down to color and select Alpha and then put in a stop action.

Put in another label.  SERVICES

Press F5 make the frames come out.

At the end he says "Look for Part 3"  He means Part 4.

Go on to Part 4.



Site Map         


Please add us to your website or blog!

Privacy Policy - Disclaimer
free sound files, free media files, free tutorials, free web hosting, cheapest domain names, inexpensive domain names, screen capture software, Computer Software Tutorials, online training videos, computer basics tutorial, free windows tutorial, free computer tutorial for kids, computer programming tutorials, free computer courses, pc tutorial, beginner computer tutorials, free computer software tutorials, free internet tutorial, free typing tutorial programs, computing tutorials, computer science tutorials, graphic design tutorials, free visual basic tutorials, free Photoshop tutorials, newbie computer tutorials free flash tutorials, access tutorial online, computer course, pc maintenance online tutorials, absolute beginners computer tutorials, free online computer classes, frshirtsbestee online learning, free computer training download, free computer tutorial for seniors, computer parts tutorial, computer tutorials for children, computer hardware tutorials, free excel tutorials, computer fundamental introduction basics tutorial, Microsoft tutorial, free grocery coupons, Free computer software tutorials, tech support, technical support, the tech support forum, game development, 3d game development software tutorials, graphic design tutorials, graphic illustration tutorials, character animation and design tutorials, web development, Clipart and Banner Ads, adobe photoshop tutorials and downloads, software lessons, how to do it yourself, Fierce Layouts learn adobe Photoshop, learn silverlight, learn microsoft expressions, asp.net, video editing, youtube video, digital image editing software, national association of Photoshop professionals (naap) Flash Animation, graphics, computer software, computer books, manhattan flash animation presentations for advertising and banner ads, adobe, photoshop, macromedia, microsoft, software and application development, learn to, how to, tutorials, hardware, software Tech Support - Free Technical Support for Beginners and Advanced Users of Computers, Videographers, photographers, Programmers and Web Designers, Tutorials and How To Start, computer help, video, audio, nonlinear editing, cameras, microsoft excel free online video lessons, learn excel, learn microsoft word

Free software tutorials, downloads and technical support information for computer geeks, photographers and videographers.