Toxiclab.org

Fashion girl and advanced blur mouse cursor

2.10.2008, 18:36
Submited in: Flash | Total Views: 14069

In this step by step lesson, You will see how to create advanced blur mouse cursor, using the action script code. To make your cursor blur, you have to use Flash filters options. For this lesson I have used a photos of fashion girl. :)



Step 1

Open a new flash document. Press Ctrl+J key (Document Properties) and set your dimensions as the dimensions of background (picture), set the background color as whatever you like. For flash movie’s frame rate set 32 and click ok. See the picture below.





Step 2


Double click on layer 1 with the Selection Tool (V) to rename its name in background. After that, create a new layer above the background layer and name it mouse cursor.



Step 3

Using the Oval Tool (O) and Line Tool (N), draw a cursor like it is shown on the picture below.



Step 4

While the cursor is still selected, press F8 key (Convert to Symbol) to convert this cursor into a Movie Clip Symbol. See the picture below.



Step 5

Take now the Selection Tool (V) and click once on the cursor to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. Then, select Filters tab from the left side. Click after that on the plus icon and select the Blur filter. Make the adjustments as follows:



Now, you get this:



Step 6

While the new made Movie Clip (cursor) is still selected, go again to the Properties Panel (Ctrl+F3) below the stage. On the left side, You will find the Instance name input field there. Call this Movie cursor.



Step 7

Double-click on the movie clip on stage with the Selection tool(V).You should now be inside the Movie Clip.



Step 8

While the cursor is still selected, press again F8 key (Convert to Symbol) to convert this cursor again into a Movie Clip Symbol.



Step 9

Click on frame 20 and press F6 key. After that, go back on frame 1 and go to the Properties Panel (Ctrl+F3) below the stage. Then, for Tween choose Motion, and for Rotate set CW. See the picture below.



Step 10

Go back on the main scene (Scene 1).

Step 11

Click on the first frame of layer cursor and go to the Action Script Panel (Ctrl+F3). Then, enter the following action script code inside the actions panel:

startDrag(cursor, true);

We’re done!

Have a nice day!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials