|
|
|
|
|
Date: 2.6.2008, 23:6 Total views: 43703
This easy lesson will show you how to create very simple photo flash menu using a little action script code and few photos. You can use this menu for any web site. This menu is really easy for create but in the same time very attractive and useful. Let's go!
Step 1
First of all, download the sample images for this lesson that you'll use to quickly create this lesson.
Step 2
Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 450 pixels and the height to 80 pixels. Select white as background color. Set your Flash movie's frame rate to 24 and click ok.
Step 3
Select File > Import > Import to Library . In the file explorer window that appears, find the four photos ( photo1,photo2, photo3...) and Shift-click to select them all. Then click Open. If you now open your flash library (Ctrl+L key) you will see a four photos that you just imported. See the picture below.
Step 4
Using the drag and drop technique, move the all photos from the library on the stage, and place it on the position like it is shown on the picture below.
Step 5
Double click on layer 1 to rename its name in photos. After that, take the Selection Tool (V) and select the first photo. Then, press F8 key (Convert to Symbol) to convert this photo into a Button symbol.
Step 6
While the new made Button is still selected, go to the Properties Panel below the stage. On the left side, You will find the Instance name input field there. Call this Button button1. See the picture below.
Step 7
Do this also for every other photo, but for instance name type button2,3 and 4.
Step 8
Create a new layer above the layer photos and name it action.
Step 9
Click on the first frame of layer action, open the Action Script Panel (F9) and enter this code inside the actions panel:
import flash.filters.BlurFilter;
var blurred:BlurFilter = new BlurFilter(5, 5, 4);
var myFilters:Array = [blurred];
button1.filters = button2.filters = button3.filters = button4.filters = myFilters;
button1.onRollOver = button2.onRollOver = button3.onRollOver = button4.onRollOver = function() {
this.filters = null;
}
button1.onRollOut = button2.onRollOut = button3.onRollOut = button4.onRollOut = button5.onRollOut = function() {
this.filters = myFilters;
}
We're done!
Have a nice day!
Download source file (.fla)
|
|
