Flash Training: Magnifying Glass	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash - Creating a Magnifying Glass

Free Flash Tutorial

Step Four: The Glass

Now we will hide the big map, except for the glass area.

1. Create a new layer above the Big map layer called: Glass
   
2. Draw a circle in this layer with a diameter of about: 145 pixels
   
3. With your Arrow tool select the outside stroke of the circle.
   
   
   Stroke selected
   
   
4. Go to: Edit > Cut
   
   Note: You will paste the stroke later to create the glass rim.
   
   
5. Right click (Mac Ctrl Click) on the inside of the circle and convert it to a Symbol.
   Name: Circle
   Behavior: Movie Clip
   
   Note: The advantage of creating the movie clip this way is that the circle will be perfectly centered in the movie clip and we need this.
   
   
   Instance of circle on stage with a centered registration point.
   
   
6. Give the circle a Instance name: myCircle
   
7. Add the following code to the circle:
   
      onClipEvent (enterFrame) {
         _root.myCircle._x = (_root._xmouse);
         _root.myCircle._y = (_root._ymouse);
      }
   
   The ActionScript is almost identical but this time the circle will stick to the cursor and move with the mouse. There is no: *-1.5
   
   
8. Right click on the Layer name: Circle
   Select: Mask
   
   
   Your layers should look like this.
   
   Note: The layer stacking order is critical.
   
   It is probable a good time to save and test your movie, as all the main parts of the magnifying glass are done.