# Animation in Flash Button?

**URL:** https://forum.kirupa.com/t/animation-in-flash-button/16443
**Category:** flash
**Created:** [March 25, 2003, 5:33am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443 "2003-03-25T05:33:25Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![MasterTech](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@MasterTech](https://forum.kirupa.com/u/MasterTech)
#### Post date: [March 25, 2003, 5:33am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/1 "2003-03-25T05:33:25Z")

</div>

I am fairly new to flash and web design in general. I have played around with the tutorials included with Flash MX. I have successfully created custom buttons with static images but I want to make buttons for a menu that are animated when the mouse is over the button. Is there an “easy” way to do this? Thanks in advance. 🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 5:46am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/2 "2003-03-25T05:46:19Z")

</div>

easy way is to have the “overState” of the buttons contain an ‘altered’ (from the original/staticState) image… not very “animated” but a _change_ nonetheless…

Mas~Funner way:: make your button image a “movieClip” and animate the heck out of it with ActionScript indicating _when_ it should go here or there ( on its’ own timeline ) as per - mouseThis and mouseThat, actions…

this is more complex but hey… all the goodStuff is =)

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 5:51am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/3 "2003-03-25T05:51:29Z")

</div>

there’s a tutorial on the site… _advanced rollovers_ or something like that 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 5:57am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/4 "2003-03-25T05:57:58Z")

</div>

The Advanced rollOvers tutorial is for the “tellTarget” method.

Which is different from what MasterTech wants to do.

The easiest possible way to do it is to create a frame in the Over state of your button timeline (double click the button to enter the edit area, where you will then have the button timeline, the over state obviously says “Over” above it), then in there you will create your shape or whatever, then convert that to a movie clip symbol.

Double click this movie clip symbol to edit it. Create your animation inside the movie clip symbol.

Now when you test your movie, everytime you rollOver your button, that movie clip symbol is accesses and played.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:00am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/5 "2003-03-25T06:00:06Z")

</div>

[http://www.kirupa.com/developer/flash5/animatedrollover.htm](http://www.kirupa.com/developer/flash5/animatedrollover.htm)

yeah… this is the tutorial i meant :-\

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:07am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/6 "2003-03-25T06:07:50Z")

</div>

nesting a clip within a button - this is easier???

::_bows to LIB_::

you know waaay more than I - but, wouldn’t a clip that had button-like actions be easier to pull off and keep track of (???)

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:14am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/7 "2003-03-25T06:14:04Z")

</div>

Kax: I completely forgot about that tutorial!

RelandR: You know, I would think the same thing, but it seems many people new to Flash get way too confused with this method and you end up explaining for days what is going on sometimes.

I personally never use the button symbol myself.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:14am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/8 "2003-03-25T06:14:49Z")

</div>

actually i agree with you **RelandR** … buttons seem useless now that you can have mouse events on movie clips :sigh:

but a lot of people still use them though :-\

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:15am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/9 "2003-03-25T06:15:47Z")

</div>

Refer to my last post 😉

I’ve spent a long time explaining movie clips as buttons to newer Flash users and spent maybe an hour tops explaining buttons.

I guess its easier starting out with button symbols getting the hang of how they work, then upgrading to using movie clip symbols as buttons.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:16am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/10 "2003-03-25T06:16:35Z")

</div>

no. you refer to my last post!! 😛 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:18am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/11 "2003-03-25T06:18:48Z")

</div>

No I edited my last post, refer back to that!!

Oh, BTW, The tutorial you posted uses my method that I said 😛

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:20am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/12 "2003-03-25T06:20:45Z")

</div>

yup… i know =)

and yes.

> I guess its easier starting out with button symbols getting the hang of how they work, then upgrading to using movie clip symbols as buttons.

totally agreed 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:28am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/13 "2003-03-25T06:28:31Z")

</div>

_.::bows even deeper to LIB::._

…You gotta Kewel point there Bloss… =)

_…I need more Vino…1/2 cup for chicken - hey - where’d the rest go…need more Vino…_

:!:

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:30am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/14 "2003-03-25T06:30:07Z")

</div>

Question:: is _spam_ allowed if it’s properly declared ??? 😉

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 6:38am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/15 "2003-03-25T06:38:14Z")

</div>

:beam:

And spam is allowed if it is on topic or at least near on topic.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 25, 2003, 7:05am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/16 "2003-03-25T07:05:03Z")

</div>

…just as I suspected… ::winkWink~nudgeNudge::

OK… **masterTech** :  
think of your buttons as having a timeline ('cause they do!-kinda)  
and play with them (Another~experimentalMovie) alot until you get what you want from them… then transfer the (via “open as library”) results into your project… this way you don’t screw up your work in progress and get confused too much before you get what you want… kinda like having another pallet and easel off to the side for trying out stuff.

…just a thought…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 26, 2003, 1:21am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/17 "2003-03-26T01:21:45Z")

</div>

Thank you guys for all your suggestions. I will try them out. I’m open to any advice because like I said, I’m new to this stuff. I have done a movie with sound but I’m pretty much learning as I go. I get an idea in my head and then try to figure out how to make it work. I should probably start with more of the basics but…you know how that goes ;). If you guys think of anything else I’d appreciate letting me know. I’ll keep workin till I get it. Thanks again. 🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 26, 2003, 1:53am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/18 "2003-03-26T01:53:55Z")

</div>

i think i wrote that tut

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 26, 2003, 2:43am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/19 "2003-03-26T02:43:43Z")

</div>

> \*Originally posted by lostinbeta \*  
> \*\*I personally never use the button symbol myself. \*\*

:!:

> \*Originally posted by kax \*  
> **… buttons seem useless now that you can have mouse events on movie clips :sigh:**

:!: :!:

!!!

Button symbols give you instant access to static, over, down and hit states. You dont have that with movieclips. You can add them, but that would mean doing something like this:  
[http://proto.layer51.com/d.aspx?f=663](http://proto.layer51.com/d.aspx?f=663)  
And thats not making things any easier (of course less button-like reactions can be added at your own coding desire). MX allows you to move, postiion and do a lot more with Buttons than ever before making them even more powerful than before. You are also able, with buttons, to create invisible buttons (having imagery in only the hitstate). Movieclips wouldnt allow that unless you forced the \_alpha to be 0 - though buttons, when ‘invisible’ like this, can still be seen on the screen in Flash.

Granted, movieclips have their place and are needed at times for more complex situations, but simple buttons wth rollover & down states have no reason being movieclips; they should be… buttons. They are also premo-easy for beginers making basic buttons.

:!:

🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [March 26, 2003, 3:18am UTC](https://forum.kirupa.com/t/animation-in-flash-button/16443/20 "2003-03-26T03:18:20Z")

</div>

Sen: I rarely if ever do rollOver effects, if I just wanted a rollOver color change, then thats a button symbol, but I never do that, so I don’t see the point in a button symbol. I don’t design sites so I really rarely even need button symbols and I usually just find it easier to press F8 and convert it to a movie clip symbol instead of switching up the radio buttons. Since Flash saves its last radio button position on that panel I always end up having to recreate my movie clip symbol because I would accidently convert it to a button symbol. Since I don’t do effects with buttons I just assume use a regular movie clip and save myself the stress of my own stupidity 😉

It is really a case by case basis I suppose anyway.

[Next page](https://forum.kirupa.com/t/animation-in-flash-button/16443.md?page=2)
