A Flash Developer Resource Site

Results 1 to 5 of 5

Thread: Bouncy Zoom Effect?

Hybrid View

  1. #1
    Junior Member
    Join Date
    Nov 2006
    Posts
    26

    Bouncy Zoom Effect?

    Can someone please point me in the right direction for achieving this effect?

    http://www.flashjuggler.com/files/glass-buttons/1143

    Perhaps a tutorial or quick explanation? Thanks much.

  2. #2
    Senior Member Ryanw2626's Avatar
    Join Date
    Dec 2002
    Location
    NY
    Posts
    190
    To get that effect you need to do a couple of things. To get that quality, you want your button to be a vector image or drawn in Flash.

    1. Create a button.
    2. Go inside the button and on the "Over" state, convert the object into a movie clip.
    3. Go inside the movieclip object and convert that object into a graphic.
    4. Go to frame 10 (for example) and resize the graphic to something bigger.
    5. Go to frame 15 (for example) and resize it to something smaller.
    6. Put a stop action on the last frame.

    That should work. If you have any questions are unclear about something, let me know. Good luck.

    Ryan Wilson
    Creative Director
    3rd Lounge Inc
    http://www.3rdlounge.com

  3. #3
    Junior Member
    Join Date
    Nov 2006
    Posts
    26

    Thanks but...

    So just a simple motion tween between the two frames then? Or a shape tween?

  4. #4
    Senior Member Ryanw2626's Avatar
    Join Date
    Dec 2002
    Location
    NY
    Posts
    190
    Quote Originally Posted by adamrobertson
    So just a simple motion tween between the two frames then? Or a shape tween?
    It would be a motion tween. So you have to make sure it's a symbol first.

    Ryan Wilson
    Creative Director
    3rd Lounge Inc
    http://www.3rdlounge.com

  5. #5
    Senior Member Robb@exo's Avatar
    Join Date
    Jun 2003
    Location
    Canada
    Posts
    1,540
    You could use the Tween class built in Flash. Something like this, ("b1" being the instance name of the mc)
    PHP Code:
    import mx.transitions.Tween;
    import mx.transitions.easing.*;

    var 
    xTween:Tween;
    var 
    yTween:Tween;

    b1.onRollOver = function() {
        
    xTween = new Tween(this"_xscale"Elastic.easeOut1001601true);
        
    yTween = new Tween(this"_yscale"Elastic.easeOut1001601true);
    }
    b1.onRollOut = function() {
        
    xTween = new Tween(this"_xscale"Elastic.easeOut1601001true);
        
    yTween = new Tween(this"_yscale"Elastic.easeOut1601001true);

    Wile E. Coyote - "Clear as mud?"

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center