Flash tutorial on how to animate filters to create a fuzz effect.

Home • Members Tutorials Forum iSnapChat Contact Us 

 


Flash Tutorials

   

Click by Click: Animated Filter Fuzz Effect

See Full Version: This is a shortened click by click version of a: Full Length Tutorial


Free Flash Tutorial

 


The filters that come bundled with are a fast and easy way to create sophisticated visual effects. This tutorial will teach you how to apply filters (Blur and Glow filters) to a Movie Clip and then animate it. You will learn how to animate Flash filters without any complicated ActionScript. The special effects created through the use of Flash filters enable you to achieve stylish graphic effects all created within Flash.

Example: Download the Flash file Beg 040a

Step One: Setting up the Document

  1. Open a New Flash Document: File > New (Ctrl N)
  2. If the General Tab is not selected, select it: General Tab
  3. Select Flash Document: Flash File Flash File (ActionScript 2.0) or (ActionScript 3.0)
  4. Click: OK
  5. Go to: File > Publish Settings
  6. If the Flash Tab is not selected, select it:
  7. For Version select: Flash Player 8 (or up)
  8. Click: OK

  9. Go to: Modify > Document (Ctrl J)
  10. Set the size: 250 x 50
  11. Set the Frame Rate to: 24
  12. Click: OK


Step Two: Making the Text

  1. Select the Text tool:
  2. Click on Stage and type: webwasp (or whatever you like)
  3. Go back to the Selection tool:
  4. In the Property Inspector select: Static Text
  5. Select any Font styles that you might want: Font Settings

  6. If your text is not selected, select it: Click Text
  7. Go to: Modify > Convert to Symbol (F8)
  8. Name the Symbol: Text
  9. For Type select: Movie Clip
  10. For Registration select: Centre
  11. Click: OK


Step Three: Animating the Text Symbol

  1. If the Library is closed, open it: Window > Library (F11) or (Ctrl L)
  2. Drag your symbol out of the Library and into the centre of the: Stage
  3. Select Frame 1 in the: Timeline
  4. In the Property Inspector select: Tween > Motion
  5. Select Frame: 170
  6. Insert a Keyframe: Insert > Timeline > Keyframe (F6)

  7. Select Frame: 4
  8. Insert a Keyframe: Insert > Timeline > Keyframe (F6)
  9. Select your: Text Movie Clip
  10. If the Filter Panel is closed, open it: Window > Properties > Filters
  11. Click on: Blur

  12. Select Frame: 10
  13. Insert a Keyframe: Insert > Timeline > Keyframe (F6)
  14. Select your: Text Movie Clip
  15. In the Filter Panel click on: Glow

  16. Select Frame: 24
  17. Insert a Keyframe: Insert > Timeline > Keyframe (F6)
  18. Select your: Text Movie Clip
  19. In the Filter Panel click on:
  20. Change the Blur setting to: Blur X & Blur Y: 100

  21. Select Frame: 70
  22. Insert a Keyframe: Insert > Timeline > Keyframe (F6)
  23. Select your: Text Movie Clip
  24. In the Filter Panel click on:
  25. Change the Blur setting to: Glow X & Glow Y: 100
  26. Change the Blur setting to: Glow Strength: 1000

  27. Continue adding Keyframes and changing the Filter settings: Add Keyframe & Filter Settings
  28. Here are the settings that I have used for each frame:

    Frame:
    1
    4
    10
    24
    70
    80
    90
    125
    145
    170
    Blur X:
    -
    5
    5
    100
    100
    6
    31
    5
    2
    0
    Blur Y:
    -
    5
    5
    100
    100
    6
    31
    5
    2
    0
    Glow X:
    -
    -
    5
    5
    100
    28
    0
    2
    50
    0
    Glow Y:
    -
    -
    5
    5
    100
    28
    0
    2
    50 0
    Glow Strength:
    -
    -
    100
    100
    1000
    300
    0
    300
    160
    0
  29. Test Your Movie: Control > Test Movie (Ctrl Enter)
  30. Close the Test Window:

Cheers, Flash-o-holic.

 

I hope you have found this useful. If so perhaps you could recommend this site to others and link to webwasp!

This is a quick reference version of a full length tutorial: Full Length Tutorial


13472 visitors to this page since 6 July 07 •

Phil Schulz's Facebook Profile
Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here

 Top of Page HomeMembers Tutorials Forum iSnapChat Contact Us 
 All material on this site is protected under international copyright © law. DO NOT reproduce any material from this site without written permission. Please ask as permission is often granted.