• Articles and Tutorials
• Contact

Great magnifying glass effect

In this great flash tutorial I will show you how to apply a great and fun magnifying effect to an image of anastacia, theres no real reason I choose Anastacia, it was just the first image I came up with.

First off we will do all the preperations. So start by importing you image of Anastacia, and copy the image to a new layer just above it, the top image of anastacia you will have to resize as shown below.

Now place the two images center of stage, on top of each other, and rememer to make the stage a bit larger than the smallest image, you will see the logic in that later.

Now we need to make our magnifying glass, I'm not going into how you draw your magnifying glass, but just draw a black oval with the oval tool, right click and convert it to a movieclip give it an instance name, I named mine "glass".

Its important to have your black oval "magnifying glass" movie clip in a separate layer above the two anastacia image layers.

Now we are set to go to the actionscript panel and write some code, (note its in AS2 and not 3, sorry but i'm at school and only AS2 works here).

Now write in the following code from the image below.

What the code does is to make to variables X and Y giving them a values of the mouse position - 10, then make our glass position = its position adding values so it slowly moves closer to the mouse position. (Just an interesting little effect, you might as well make the glass position equal to the mouse postion).

One last thing before we forget it, go to the layers panel and right click the layer containing our glass, and choose mask. Test your movie and you should see the effect, if not you can download the flash project file here and look at what you might have done wrong.