Preview 1 Preview 2 Preview 3 Preview 4
1 2 3 4

Make Bubble Animation with Flash

What is bubble animation?
It is action script animation with Flash which you can make bubbles if you move your mouse in swf area. This is the preview :


Try to move your mouse on it. What's up???
And, how to make it ??  This is the tutorialized :


  1. Open your Flash software, if you don't have it, you can download the portable software of  Flash by click this link :
    Free Download Flash 8 Portable
  2. At first, make an circle object. Make with Oval Tool


  3. Right click object, Convert to symbol.



  4. Choose Movie Clip > OK
  5. Then, double click on the circle object which you have make it to symbol (Movie Clip).
  6. See the Frame Controller, your computer display must be equal to the picture below.



  7. Right click oval again > Convert to symbol > Movie Clip
  8. Put the cursor on the "Timeline" at number 15
  9. Insert keyframe by pressing "F6" keyboard 
  10. Right-click> Create motion tween
     
  11. Move objects anywhere you want.



  12. Change the color of the object that you move by looking at the window "Properties" to "Alpha", replace the numbers with the digit "0".



  13. Play your animation by clicking Ctrl + Enter .
  14. Create a new layer to place the script. Insert at the end of the frame a keyframe. Write script stop (); in the keyframe with press F9 keyboard.




  15. Return to the Scene. Then, do the Linkage on the Symbol 1, which you have created.



  16. Check the boxes for Export for Action script, and rename it. Remember! The name should not have the element of space.



  17. Remove the circular object in the scene.
  18. Put the following script in the keyframe.

    var i:Number = 0;
    this.createEmptyMovieClip("canvas_mc", 50);
    var myListener:Object = new Object();
    Mouse.addListener(myListener);
    myListener.onMouseMove = function() {
        var t:MovieClip = canvas_mc.attachMovie("bubble", "bubble"+i, canvas_mc.getNextHighestDepth());
        i++;
        t._x = _xmouse;
        t._y = _ymouse;
        t._xscale = t._yscale=(Math.random()*80)+20;
    };
  19. Bold text that is the name of the object that you Linkage. If the name is different, so must be changed as well. 

That's all. Try and error are the best step.


Related Posts :

0 comments:

Post a Comment

 

Multimedia Pembelajaran Interaktif Berbasis Flash is proudly powered by Blogger.com | Template by Blog Zone