FLASH HELP

FLASH HELP TEXT EFFECTS Stretch & Fade Software : Flash 5.0 Level : Beginner Stretch 1. For Stretch, create new file.

2. Type the text using Text tool. Convert into symbol using F8 key. Cut and paste the symbol to bring it to the center of the stage.

3. In the time line keep the pointer on 20 and right click. Select insert keyframe.

4. Select 20 th frame.

Modify > Transform > Scale or select scale icon from standard toolbar 5. Stretch the text.

6. In the time line keep the pointer between 1 and 20 and right click. Select Create Motion Tween.

7. In the time line keep the pointer on 40 and right click. Select insert Blank keyframe.

8. Select 1 st frame. Copy and paste it on the 40 th frame.

9. In the time line keep the pointer between 20 and 40 and right click. Select Create Motion Tween.

Fade

1. For Fade, create new file.

2. Type the text using Text tool. Convert it to symbol.

3. Follow the stretch method. Select 40 th frame. In the effect palette select Alpha. Bring it to 0%.

4. Add 10 more frames and on the 50 th frame , bring alpha to 100%

5. Create Motion Tween.

Stretch & Fade 1. For Stretch & Fade, create new file.

2. Type the text using Text tool. Convert it to symbol.

3. In the time line select 50 th frame and right click. Select Insert Frame to keep the text same for 50 frames.

4. Create second layer. Drag or copy the same symbol.

If you want to use different font, type the text. Convert it to symbol.

Change the color of the text using tint option from effect palette.

5. Drag layer no 2 below layer no 1.

6. In the time line, right click on 25 th frame. Select Insert Key Frame.

Select 25 th frame.

Modify > Transform > Scale or select scale icon from standard toolbar.

7. Stretch the text vertically.

8. Add 25 more frames and use the fade method to fade the text.

9. Create Motion Tween.

Fade & Change Software : Flash 5.0 Level : Beginner 1. Create new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 2. Type FLASH & POINT separately using Text tool. Convert them into symbol using F8 key. Bring FLASH to the center of the stage.

3. Insert keyframe at 5. Keep the same text for 1 to 5 frames.

4. Insert keyframe at 15. Select 15 th frame.

Modify > Transform > Scale or select scale icon from standard toolbar 5. Stretch the text.

6. Fade the text using fade method.

Create motion Tween from 5 to 15.

7. Insert Blank key frame at 16. Drag the POINT at the center.

8. Insert key frame at 25.

9. Stretch the text at 16 th frame and fade the text.

Create motion Tween from 16 to 25.

10. Insert keyframe at 30. Keep the same text for 25 to 30 frames.

11. Insert keyframe at 40. Stretch the text at 40 and fade it.

Create motion Tween from 30 to 40.

12. Insert Blank key frame at 41. Drag the FLASH at the center.

13. Insert key frame at 50.

14. Stretch the text at 41 th frame and fade the text.

Create motion Tween from 41 to 50.

Move & Fade Software : Flash 5.0 Level : Beginner 1. For Move & Fade, create new file.

2. Type the text and convert into symbol. Right click on 60 th frame and select insert key frame.

3. Select 1 st frame. Drag the text to the right.

Select 60 th frame. Drag the text to the center. Change the color of the text using tint from the effect palette.

Create motion tween.

4. Right click on 80 th frame. Insert key frame. Fade the text using alpha.

5. Create second layer. Copy the symbol. Drag the layer below the 1 st layer.

6. Right click on 80 th frame. Insert key frame.

7. Select 1 st frame. Drag the text to the right, of the previous text.

8. Select 80 th frame. Drag the text to the extreme left.

9. Create motion Tween.

Zoom & Fade Software : Flash 5.0 Level : Beginner 1. Open new file.

View > Rulers Drag the guidelines at the center and lock them.

Change the background color using Modify > Movie 2. Type the text. Convert into symbol and insert key frame at 25.

3. Fade the text using Alpha at 1 st frame and drag the text in the center at 25 th frame. Stretch the text with scale. Create motion Tween between 1 to 25.

4. Insert key frame at 40.

5. Insert key frame at 65. Fade the text at 65 th frame. Create motion tween between 40 to 65.

6. Insert key frame at 75. Keep it as it is to get the blank screen for 10 frames.

7. Create second layer. Drag it below the first.

8. Select Oval Tool. Choose outline color. Select no color for fill. Create circle.

9. Convert the circle into symbol. Resize it to small at 1 st frame and big at 75 th frame.

10. Fade the circle at 75 th frame. Create motion Tween between 1 to 75.

Swing Project Software : Flash 5.0 Level : Beginner 1. Create new file.

2. Display the Rulers View > Rulers 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Type the text. Select it with Arrow Tool.

Insert > Convert to Symbol Name the symbol.

Symbol makes the work easy. You will find the cross mark at the center of the text.

5. Keep the Arrow Tool on the cross mark and drag the text to the center of the stage. Align exactly at the center.

Insert key frame at 10 and 20.

6. Click Scale icon on the standard tool bar (marked with green)

7. Select 1 st frame. Compress the text with the scale command.

8. Select 20 th frame. Again compress the text.

Create motion tween between 1 to 10 and 10 to 20.

9. Create second layer. Add blank key frame at 20. Drag the symbol at the center.

Modify > Transform > Flip Horizontal

10. Insert key frame at 30 and 40.

11. Select 20 th frame. Compress the text with the scale command.

12. Select 40 th frame. Again compress the text.

Create motion tween between 20 to 30 and 30 to 40.

13. Save the file

Color Effects Color Animation Software : Flash 5.0 Level : Beginner 1. You need to change the color at the specific interval for this project.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Create the shape or get it from any symbol font. If it is font, break it apart.

Modify > Break Apart 5. Select the shape.

Insert > Convert to Symbol

6. Insert Keyframe at 10, 20, 30, 40, 50 & 60.

Reduce the size of the shape at 10, 30 & 50.

Create motion Tween.

7. Select the 10 th frame.

Modify > Frame Select Effect tab.

Select Tint from drop down menu.

Change the tint color.

8. Keep on changing the color at 10, 20, 30, 40, 50 & 60.

9. Save the file.

Web Buttons Simple Buttons Software : Flash 5.0 Level : Advance 1. Create a new file. Select Radial Gradient and draw the circle using Oval Tool with no outline. You will use this button for the next step.

2. Select the button using Arrow Tool and press F8 to create symbol. Select Button option in behavior and name the symbol.

3. Right Click the symbol and select Edit.

4. You will get four options in the timeline. Right Click on the Down and Insert Keyframe. Keep the symbol selected.

5. Modify > Transform > Scale & Rotate Scale - 90% 6. Edit > Edit Movie

7. Control > Test Movie 8. Save the file. Press F12 to preview the movie in the browser.

Clock (Rotate) Software : Flash 5.0 Level : Beginner 1. You need to draw a ring for clock. Checkout Rings Project of Corel DRAW to get the idea of drawing rings.

2. Create a new file of 160 X 160 Pixels View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Draw the circle. Select Paint Bucket Tool. Create the gradient in the fill palette as shown below.

Fill the circle with the gradient.

Draw another circle inside the ring and fill it with white color. Select the white colored circle with the Arrow Tool and delete to get the transparent ring.

Draw another small circle as a center of the watch.

5. Create a 2nd layer and draw short hand on the layer.

Insert > Convert to Symbol 6. Create a 3rd layer and draw long hand on the layer.

Insert > Convert to Symbol We need to rotate the long hand twice the speed of the short hand.

Select 3 rd layer. Select long hand Modify > Transform > Edit center Drag the center at the bottom of the hand.

Repeat the procedure for short hand too.

7. Select 3 rd layer. Rightclick on the 40 th frame. Select insert keyframe. Click anywhere between 1 to 40.

In the frame palette, select motion tween. Rotate CW for 2 times.

8. Select 2 nd layer. Rightclick on the 40 th frame. Select insert keyframe. Click anywhere between 1 to 40.

In the frame palette, select motion tween. Rotate CW for 1 times.

9. Save the file

Art Wave Effect Software : Flash 5.0 Level : Intermediate 1. You need to draw scenery for this project. You may get some idea with Sunset project in corel DRAW about drawing scenery.

2. Create a new file of 160 X 160 Pixels. Make five layers. Name each layer by double clicking on it.

3. Select the respective layers and draw the artwork.

4. Draw the ship Convert it into symbol. Create its reflection. Change the color of the reflection. Group both the ships.

5. Using Radial Gradient, draw the wave effect and place it in the middle of the lake.

6. Reduce the size of the wave and fade it to invisible.

7. Select Tree, Mountains and Sky_Water layers and add 80 frames to it.

8. Select Ship layer. Drag the ship towards the left for the first frame and towards right at 40. Create Motion Tween.

9. Select Waves layer. Add keyframe at 25, 60.

10. Scale it to zoom at 60. Make it visible using Alpha. Create Motion Tween.

11. Add keyframe at 80 and make the wave invisible again using Alpha. Create Motion Tween.

12. Save the file.

Using Tools Shape Tween Part 1 Software : Flash 5.0 Level : Beginner 1. You need to draw different shapes with different colors.

2. Create a new file of 160 X 160 Pixels View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Select Oval Tool. Choose fill color. Stroke color should be none. Draw the circle.

5. Rightclick on the 5 th frame. Select insert keyframe to keep the same shape for next five frames.

6. Rightclick on the 15 th frame. Select insert Blank keyframe.

7. With the help of Line Tool (green marked) and Paint Bucket Tool (red marked) draw shape and fill it with different color.

8. Click anywhere between 5 to 15 Modify > frame

Select 'Shape' in the Tweening drop down menu.

9. Rightclick on the 20 th frame. Select insert keyframe to keep the same shape for next five frames.

10. Rightclick on the 30 th frame. Select insert Blank keyframe.

11. Select Rectangle Tool. Choose different fill color. Stroke color should be none. Draw the Rectangle.

12. Click anywhere between 20 to 30 Modify > frame Select 'Shape' in the Tweening drop down menu.

13. Keep the same shape till 35 th frame.

14. Rightclick on the 45 th frame. Select insert Blank keyframe. Copy the circle from 1st frame and paste it on 45 the frame.

15. Click anywhere between 35 to 45 Modify > frame Select 'Shape' in the Tweening drop down menu.

All the shapes should be carefully placed at the center of the stage. Use guidelines and grid for this purpose.

16. Save the file.

Shape Tween Part 2 Software : Flash 5.0 Level : Beginner 1. You need to edit the shape for this tutorial.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Type 'LOOK' with proper size and font.

5. Select Subselect Tool (white marked). Click on the inner border of 'O'. It will display the anchor points.

6. Drag the bottom anchor point little upwards for both 'O'.

7. Take the help of grid and guidelines to edit the shapes uniformly for both 'O'.

8. Rightclick on the 5 th frame. Select insert keyframe.

9. Using Arrow Tool drag the shape little towards right.

10. Click anywhere between 1 to 5 Modify > frame

Select 'Shape' in the Tweening drop down menu.

11. Rightclick on the 10 th frame. Select insert keyframe.

12. Using Arrow Tool drag the shape little towards left.

13. Tween the frames from 5 to 10 using shape tweening.

14. Select 1st frame. Copy the frame. Paste it on 15th frame.

15. Tween the frames from 10 to 15 using shape tweening.

16. Save the file.

Shape Tween Part 3 Software : Flash 5.0 Level : Beginner 1. You will morph the first text into next in this tutorial.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Type 'FUN' with proper size and font. Select the text and convert it to symbol using F8. Delete the text on the stage.

5. Type 'JOY' with proper size and font. Select the text and convert it to symbol using F8. Delete the text on the stage.

6. Drag FUN from the library. Place it to the center of the stage.

7. On 10 th frame insert Key Frame. Insert Blank Key Frame on 30 th frame and drag JOY on the stage.

Adjust it to center.

8. Insert Key Frame on 40. Insert Blank Key Frame on 60 and drag FUN again on the stage. Adjust it to the center.

9. Select 10th frame. Press Ctrl+B twice to break the symbol apart. Repeat the procedure for 30 th, 40 th and 60 th frame.

10. Click anywhere between 10 to 30 Modify > frame

Select 'Shape' in the Tweening drop down menu.

11. Also tween the frames from 40 to 60 using shape tweening.

12. Save the file.

Shape Hints Software : Flash 5.0 Level : Beginner 1. You need to add shape hints to the shape for this tutorial.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Type 'I' with proper size and font. Select the text.

Modify > Break Apart Cut and paste the text to place it at the center.

5. Rightclick on the 15 th frame. Select insert Blank keyframe. Type 'C' with same size and font. Select the text.

Modify > Break Apart Cut and paste the text to place it at the center.

6. Click anywhere between 1 to 15 Modify > frame

Select 'Shape' in the Tweening drop down menu.

7. You will get the following output.

Now we will add the shape hints to control the shape change.

8. Select first frame.

Modify > Transform > Add Shape Hint You will get shape hint icon with red color and letter 'a' Again repeat the procedure twice to get two more shape hints with 'b' & 'c' inside.

Drag them at the position shown below.

9. Select 15 th frame.

Repeat the 8 th step for letter 'C' also.

10. You will get the following output.

11. Create a proper smooth animation using following timeline.

Keep the same shape for 15 to 20.

Tween the shape 'c' to 'I' from 20 to 35 using shape hints.

12. Save the file.

Motion Guide Software : Flash 5.0 Level : Beginner 1. You need to draw path for this tutorial.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Create two layers. One for static object and one for dynamic.

5. Draw the net on the bottom layer. You can get it from 'Webdings' font. Rightclick on the 25 th frame.

Select insert frame to keep the net for 25 frames.

6. Place spider symbol on the 1st frame of the top layer. Select it.

Modify > Group Rightclick on the 25 th frame. Select insert keyframe.

Move the spider at any place within the net.

Tween the animation.

7. Insert > Motion Guide Draw the path with Pencil Tool.

8. Select the spider layer. Select the 1st frame. Drag the spider to the start of the path.

In the frame options check Orient to path.

9. Select 25th frame. Drag the spider to the end of the path.

Off the Eye icon in the Guide layer if you do not want to see the path.

10. Save the file.

Action Scripts Get Url Software : Flash 5.0 Level : Advance 1. Create a new file. Create a button using Simple Button Procedure.

2. Select the button.

3. Windows > Actions

4. In the box, select Basic Actions. Double Click Get URL. Type the complete URL in the text field.

5. Control > Test Movie 6. Save the file. Press F12 to preview the movie in the browser.

Techniques Easing Software : Flash 5.0 Level : Intermediate 1. You need to control the speed of the motion tween in this project.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Create a ball with radial gradient. Convert it into symbol by pressing F8.

5. Right click on 15 th frame. Insert keyframe. Drag the ball at the bottom.

6. Right click on 30 th frame. Insert keyframe. Drag the ball at the top.

Create motion Tween.

7. You will get the following output.

The speed of the animation is same for all the frames. In the beginning, at the bottom and top, the speed is same.

We need to slow the speed in the beginning.

8. Select 1 st frame. Select frame palette. Drag the easing slider to -100 i.e. In.

We need to increase the speed when the ball hits the ground.

9. Select 15 th frame. Select frame palette. Drag the easing slider to 100 i.e. Out

10. Save the file. Check the difference between the animation before and after easing.

Using Alpha Software : Flash 5.0 Level : Intermediate 1. You need to make the object transparent in this project.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Type the text on the bottom layer. Insert frame on 50 th frame to keep the text for 50 frames.

5. Create second layer. Draw the ball with green color. Convert into symbol.

6. Animate the ball with up and down directions at the regular intervals.

7. We are going to make the ball transparent.

8. Select 10 th frame. In the Effect palette, select Alpha. Make it 70 %. The ball will become semitransparent.

9. Change the alpha values to 50, 30 & 10 for 20th, 30 th & 40 th frame. The transparency will increase with the decrease in the values.

10. Bring the ball back to its original position on 50 th frame and change the alpha value to 100% .

11. Save the file Frame by Frame Part 1 Software : Flash 5.0 Level : Intermediate 1. You need to make frame by frame animation in this project.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Create the artwork as shown and draw three circles for three lights.

5. Drag the Arrow Tool from 15 to 1 st frame to select the segment.

6. Modify > Frames > Convert to Key frames

7. All the frames will be converted into key frames.

8. Select 1st frame. Deselect the selection in the artwork by pressing Esc key.

9. Fill the bottom circle with red colored gradient using Paint Bucket Tool.

10. Using > key move to the next frame and fill four more frames with red gradient.

11. Follow the same procedure and fill 6 to 10 frames with orange gradient for middle circle and 11 to 15 frames with green gradient for top circle.

12. Save the file.

Frame by Frame Part 2 Software : Flash 5.0 Level : Intermediate 1. You need to create the tube and the object to travel through it in this project.

2. Create a new file.

View > Rulers View > Grid > Show Grid View > Grid > Edit Grid (10 X 10 px) 3. Drag the horizontal & vertical guide lines to get the center.

View > Guides > Lock Guides 4. Create the tube like structure as shown using Line Tool.

5. Drag the Arrow Tool from 40 to 1 st frame to select the segment.

6. Modify > Frames > Convert to Key frames

7. All the frames will be converted into key frames.

8. Select 1st frame. Deselect the selection in the artwork by pressing Esc key.

Now we will draw the object, made up of rectangle which will travel through the tube.

9. Draw a small rectangle using Rectangle Tool at the starting point of the tube. Keep the length of the object fixed.

10. Using > key move to the next frame. With the advancement of each frame draw the rectangle ahead with the constant increment.

11. At the turning point draw the object as shown in the above figure.

12. Save the file.

Onion Skin Software : Flash 5.0 Level : Intermediate 1. Onion Skin gives you more control over the animation.

2. Create a new file. Create two layers. Draw the fixed objects on the bottom layer. And hammer which is movable on the top layer.

3. Insert 9 frames on the bottom layer. Convert hammer into symbol using F8. Edit the center of the hammer and bring it at the bottom using Modify > Transform > Edit Center 4. Select top layer. Insert keyframe at 5. Bring the hammer down. Insert keyframe at 9 and drag the hammer back to original position.

Create motion Tween.

5. You will get the following output.

6. Select all the frames on the top layer and convert it into keyframes using Modify > frames > Convert to keyframes

7. If you click on the Onion Skin (Red marked) You will get the positions of the frames filled with color

8. If you click on the Onion Skin Outlines(Red marked) You will get the positions of the frames with outlines without color.

9. Select each frame and edit using other frames as reference. In this project we have used Rotate command and changed the position of the frames using Onion Skin property.

10. Using Onion Skin, drag the first 3 frames very near to each other with rotate command. Compare the final output of the animation.

You will find the first animation is smooth one and the second begin slowly and increases the speed.