Professional Documents
Culture Documents
1. Open a new file. Go to File >New. A Screen called New Document will appear. Select Flash
Document and click on OK. Go to Modify>Document and give a file size of 300px by 200px.
This is the same size as the Bitmap pictures we have.
2. Select the Bitmap pictures that you want to Fade in and Fade out from your picture file and
bring it to the Flash Library. Select File>Import to Library from the Menu Bar. A Screen
named Import To Library will open. Choose the file name and click on Open. Repeat these
steps for all the Bitmap pictures. To open Library, go to Window>Library. You can see the
pictures in the Library panel.
3.
Drag the picture from the Library panel to the Stage. Select the picture by clicking on it.
Go to Modify>Convert To Symbol from the Menu Bar. A dialog Box named Create New
Symbol will appear. Give the name as pic1_mc. Select Movie Clip. Click on OK.
4. Click on your Movie Clip. Go to Frame 15. Insert a Keyframe. Right click on layer 1 in the middle
of the frames 1 to frames 15. The frames will become black. Select Create Motion Tween. An arrow
from frame 1 to frame 15 will appear. Again click on Frame 30. Insert a Keyframe. A second arrow will
appear automatically.
5. Click on Frame 1. Here we will give the fade in effect. Select the picture by clicking on it. Go to
Properties in the panel below the Stage. Go to Color>Alpha give 0% to it.
Your picture has faded in. Click on Frame 30. Here we will give the fade in effect. Select the
picture by clicking on it. Go to Properties in the panel below the Stage. Go to Color>Alpha
give 0% to it.
6. Repeat the steps 3 to 5 in layer 2 from the frame 31 to 45 to 60. To make a new layer, click on
the following button which is on the right side below the layers. Repeat the above steps for
all the images in new layers and you will create a simple fade in and fade out Flash animation.
Press on Ctrl+Enter to see the Fade in & Fade out Effect of the 4 pictures.
Custom Cursor in Flash
Steps to Follow :
Drag your cursorNew_mc movieclip symbol from library onto your stage.
If Library window is not open, Press (Ctrl+L).
Name this Symbol "cursornew" in the instance text box of your property window.
Select 1st Frame of your "Layer1". Go to Actionscript panel ( If your actionscript panel is not
open, Press "F9")
With Frame1 of your layer 1 still being selected, type the below mentioned script in your action
panel.
Mouse.hide()
startDrag(cursornew,true)
Guess what! You have finished with customizing your cursor :), Press Ctrl+Enter to view customized
cursor.
STEPS TO FOLLOW
First and foremost type "LOADING" on your center stage. Select the word LOADING and
press F8 to convert it to a symbol.
Name the symbol "loading", choose Graphic behavior and press OK.
Name this Movie clip "loading_mc", choose Movie clip behavior and press OK.
Now go back to frame5. Select "LOADING", still keeping the playhead in frame5, choose
Alpha 0 from color pop-up menu of your property panel.
Choose any frame between 2 and 4 and select Motion from the tween pop-up menu in the
Property inspector.
Choose any frame between 6 and 9 and select Motion from the tween pop-up menu in the
Property inspector.
Now go to frame1 of loading layer, drag loading_mc to your center stage. Center Align the
movie clip. Press F5 on your 40th frame of loading Layer.
Select frame1 of your mask layer and draw a rectagle as shown below.
Press F5 in frame 40
Double click on this rectangle, Copy ( Ctrl+C), go to Layer bar and press (Ctrl+Shift+V) to
paste it exactly in the same position. Now select only its border, Cut (Ctrl+X) and paste
(Ctrl+Shift+V) in frame1 of your border layer.
Now come back to your bar layer, Push the rectangle to the left as shown below
Go to Frame 40, keeping playhead on frame 40, pull the rectangle onto the other side as
shown below
Now select any frame between 2 and 39 and select Shape from the tween pop-up menu in the
Property inspector.
Now go back to layer mask, right click on the label and select mask.
2. Copy & Paste the following script into the action panel of Frames mentioned below.
ifFrameLoaded ("s1") {
x = 1;
Frame 1
play ();
}
ifFrameLoaded ("s2") {
x = 2;
Frame 5
play ();
}
ifFrameLoaded ("s3") {
x = 3;
Frame 10
play ();
}
ifFrameLoaded ("s4") {
x = 4;
Frame 15
play ();
}
ifFrameLoaded ("s5") {
x = 5;
Frame 20
play ();
}
ifFrameLoaded ("s6") {
x = 6;
Frame 25
play ();
}
ifFrameLoaded ("s7") {
x = 7;
Frame 30
play ();
}
3.
if (x != 1) {
gotoAndPlay(1); Frame 2
}
if (x != 2) {
gotoAndPlay(5); Frame 6
}
if (x != 3) {
gotoAndPlay(10); Frame 11
}
if (x != 4) {
gotoAndPlay(15); Frame 16
}
if (x != 5) {
gotoAndPlay(20); Frame 21
}
if (x != 6) {
gotoAndPlay(25); Frame 26
}
if (x != 7) {
gotoAndPlay(30); Frame 31
}
if (x != 8) {
gotoAndPlay(35); Frame 36
}
4.
Your preloader is now ready. You can start building your main movie from the 41st frame and call the 41
frame "start" . After your main movie is ready. Divide the total frames used by your main movie by 8.
Name them s1, s2, s3 and so on.
Flash Ripple Effect
STEPS TO FOLLOW
Import an image to your work area upon which you would like to create ripple effect.
Name this Symbol "girl_gr" and choose graphic behavior. Press OK.
Select girl_gr and choose Alpha 99% from color list box in your property window.
Name this symbol "ripple_mc" and choose Movie clip behavior. Press OK.
Now select 1st frame, choose Motion Tween from Tween list box in your property window.
Remaining on the 20th frame, Select girl_gr and choose Alpha 0% from color list box in your
property window.
Select 15th frame, choose Motion Tween from Tween list box in your property window.
Select frame 1 of Layer 2 and draw a borderless square or rectangle depending on the type of
ripple effect you want.
In the above demonstration, I have used rectangle with 15 pix as its height.
Place this vector wherever you want the ripple to begin. Make sure that the vector belongs
only to layer 2.
Place the vector wherever you want the ripple to end or ebb.
In the above demonstration, I have placed it right at the bottom and reduced the height to 5
pix.
Select 1st frame, choose Shape Tween from Tween list box in your property window.
Save (ctrl+S). Make it a habit to save your work after each step you do.
3. Insert new Keyframe (F6) into the 10th frame of ripple1 layer.
4. With 10th frame of ripple1 layer selected, Drag ripple_mc movie clip onto the working area.
Place it appropriate to girl_gr. Make sure that this movie clip is placed exactly where you had
placed your square or rectangular vector in ripple_mc Movie clip.
5. Insert frame (F5) into the 30th frame of ripple1 layer. This is just to make sure that the ripple
_mc runs only for 20 frame.
6. Insert another new layer above ripple1 layer and call it ripple2
8. With 20th frame of ripple2 layer selected, Drag ripple_mc movie clip onto the working area.
Place it appropriate to girl_gr just the way you did in step 4.
9. Insert frame (F5) into the 40th frame of ripple1 layer. This is just to make sure that the ripple
_mc runs only for 20 frame.
Here you go!! Your movie is ready. Press Ctrl+Enter to view your movie. Wasn't it simple.
Masking in Flash
STEPS TO FOLLOW
By default you will have a layer in your timeline window. Insert one more layer, totally you
need two layers to mask an object.
Rename the top layer to "Mask" and the layer below that to "background".
Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border.
Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your
background image is available all through your mask.
Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on
"frame 40" of "Mask" layer, drag the circle to other end of your picture.
Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your
"Mask" layer, select Shape tween in your properties window.
Masking
Right click on the "Mask" layer (the area where you named the layer not where the frames
exist) and select Mask.
STEPS TO FOLLOW
Open a new flash file (Ctrl+N). The New Document window will appear. Select General panel
and choose Type: Flash Document. Press OK.
If your timeline window is not open, press (Ctrl+Alt+T). Now you can see a single Layer called
"Layer1" in your timeline Window.
Select the first frame. Import a background image onto stage, preferably an image of a street
by clicking on File>Import>Import to Stage, or just press (Ctrl+R).
Press F8, to convert this image to a symbol. Name this Symbol "background_gr" and choose
graphic behavior. Press OK. Name this Layer "bg". On the 35th frame press F6 to insert a
new frame
Select the second layer. Import an image or create a shape of a car using shape tools from
the tool box. Press F8, to convert this image to a symbol. Name this Symbol "car1_m" and
choose movie clip (F8). Press OK. Name this Layer "car1".
Select the image(car1_m) >right click>edit in place. Now you will come to a new timeline
Window called Symbol2
Right click in between Frame1 and Frame5 and press motion tween.
Add one more Key Frame in Frame20. In this frame make the Image(car1_gr)bigger and
move it out.
eg:
On Frame25 insert a new key frame and change Alpha to 0% . Insert motion tween in
between frame5-20 and Frame20-25. eg:
Congratulations! You have successfully created a Zoom In/Zoom Out animation with Fade In and Fade
Out effect!