we can beat any UK and Us quote and guaranty very professional design services
 

Tutorials

» Fireworks Effects Tutorials

» Flash Tutorials

» Photoshop Tutorials

» Dreamweaver Tutorials


 

Maa Graphics Services

» 2D Animation
» Architectural Rendering
» 3D Product Modeling
» 3D Exhibition Display
» Digital Illustration

» Book Illustrations
» Cartoon Drawings
» Medical Illustration

» Illustration

» Illustrations
» Portrait Illustrations
» Fashion Illustrations

» Logo Design
» Stationary Design
» Advertising Designs
» Banner Designs
» Brochures Designs

» Direct Mail Design
» Flyers Designs
» Folders Designs
» Image Clipping Paths
» News Letter Design

» Package Design
» Posters Designs
» Signage Designs
» Brochure Website
» E-Commerce Website

» Flash Website
» CMS Development
» Search Engine Optimising
» Website Content Writing
» E-mail Newsletter Design

 
Creating analog clock in FlashMX 2004

Let us see how to create an Analog Clock in Flash MX 2004.

Please note:

  1. You need to have Flash Player 7.0 installed to view the Flash animation.

It is very easy to create a Flash clock You just need to follow the steps below.

 

STEPS TO FOLLOW

  1. Create a background for the clock, You can either creat it in fireworks or photoshop and import it onto flash or you can create it in flash itself.
  2. Add 5 Layers in your Timeline window.
    Name them - interface, sec, min, hour and actions. Similar to the Timeline window shown below.
  3. flash timeline

  4. Import your background design into your interface Layer if you created it in photohop or fireworks.
  5. Draw a line in the sec Layer. Choose the line and press F8 to convert it to Symbol. Name this Symbol sec_mc, choose Movie clip behavior and select the bottom center square in registration. Same like the below Symbol window shows.
  6. movie clip

    Click on OK.

  7. In the sec Layer, place sec_mc excatly at the center of the clock background. Name it "sec" in instance text box of the property window. This will be the seconds needle.
  8. From the library, drag sec_mc into the min Layer. Press (Ctrl+L) to open Library window. Reduce approx. by 3pix height of sec_mc. and place it exactly at the center of the clock background design. Name it "min" in instance text box in property window.
    This will be the minutes needle.
  9. Drag sec_mc into your hour Layer from library. Reduce its height, by 6pix.
    Place it exactly at the center of the clock background design. Name it "hour" in instance text box in property window. This will be the Hours needle.
  10. Then you can copy and paste the code given below to the actions window of actions Layer.
  11.  

    time=new Date(); // time object
    seconds = time.getSeconds()
    minutes = time.getMinutes()
    hours = time.getHours()

    hours = hours + (minutes/60);

    seconds = seconds*6; // calculating seconds
    minutes = minutes*6; // calculating minutes
    hours = hours*30; // calculating hours

    sec._rotation=seconds; // giving rotation property
    min._rotation=minutes; // giving rotation property
    hour._rotation=hours; // giving rotation property

     

  12. Then go to the second frame of each layer and press F5 to insert new frame.

You are done! The clock is ready to start now! Press Ctrl+Enter to view the clock.

 
stock illustrations

 

 
Home | Free Tutorials | Templates | Website Templates | Logo Templates | About | Website Designed Maa Graphics | Copyright © www.maagraphics.com - All rights reserved | Site map