www.VFXskills.com                                                                                 www.MAXlife.TV

TechsChoice.com
Google Enter your search terms

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


Part 1 - 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.

THIS LESSON:
1.  Add a Preloader
2.  Create a container called ENTIRE SITE (content)
3.  Add Buttons

 

START A NEW PROJECT AND ADD A PRE-LOADER
1.  Start a new file in flash
2.  Layer 1, Scene 1
3.  Set the stage to 500 X 400
4.  Set frame rate to 20
5.  Black background

6.  Downloaded the AS3 Preloader from develop php
7.  Take frames and copy them (do not copy file content), Highlight all the frames except for the file content layer.
8.  Right click directly on the selected frames and COPY FRAMES
9.    Go into your NEW FILE
10.  Make enough layers (count the number of layers you just copied and that will be sufficient).
11.  Highlight that number of frames then RIGHT CLICK on the frames and select PASTE FRAMES.

12.  Layer one will be on the bottom
13.  Rename Layer ONE and name it CONTENT
14.  Highlight the four frames and remove the frames, leaving the four layers with only one keyframe (indicated by the dot in the frame space).
15.  Now on the CONTENT LAYER select frame 2 and press F6 to make a KEYFRAME.
Now the preloader is all set and ready to go.



ADD A BACKGROUND AND NAME IT 'ENTIRE SITE'
This will hold all of the elements of the site (kind of a container)

16.  To do this we will put in a movie clip which will be our whole site.
17.  Select the RECTANGLE TOOL from the toolbar and make a background and make it a little rounded.  Give it an edge of gray and a back of darker gray. 1.5 on the edge. 

18.  Select it by left double clicking on the keyframe (with the solid black arrow select tool) Right click it and convert to symbol - movie clip and call it (ENTIRE SITE).  Press OK, now double click

19.  Now Structure out your pages.

20.  Make a new layer and call it MENU or BUTTON MENU
21.  Make another layer and call it BACKGROUND
22.  Go to developphp.com and download the animated buttons.
23.  Highlight the ONE frame and
24.  Insert - New Symbol - Movie Clip and call it MYMENU press OK

25.  Add a new layer and paste those frames we just copied. - get rid of the words.

26.  Go back to SCENE 1 and go into your CONTENT movie clip by doubleclicking on the rectangle
Select the button layer click in the frame
Go into the LIBRARY and drag out the new MYMENU movie clip that you just made.  These buttons will control the pages. 

27.  Add another layer.  Name it PAGES.



Continue Tutorial at Part 2





 

   
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.