# Button Cool Transition Effect?

**URL:** <https://forum.kirupa.com/t/button-cool-transition-effect/27873>\
**Category:** flash\
**Created:** [August 7, 2003, 12:54pm UTC](https://forum.kirupa.com/t/button-cool-transition-effect/27873 "2003-08-07T12:54:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![trevorsaint](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/trevorsaint/32/268_2.png) [@trevorsaint](https://forum.kirupa.com/u/trevorsaint)\
**Post date:** [August 7, 2003, 12:54pm UTC](https://forum.kirupa.com/t/button-cool-transition-effect/27873/1 "2003-08-07T12:54:16Z")

</div>

Hi all, I am very interested to know how this effect has been generated. As it would really suit one of the designs that I am currently working on. If anyone has a tutorial for this I would be very pleased, equally if you can set me off in the right direction. Look forward to a valuable reply

Trevor Saint

[http://www.e-axis.com/](http://www.e-axis.com/) - where the effect was seen. :)👽

---

<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:** [August 7, 2003, 3:26pm UTC](https://forum.kirupa.com/t/button-cool-transition-effect/27873/2 "2003-08-07T15:26:56Z")

</div>

It appears to be an animated graphic in a movie clip that is activated by the over state of the button. Create your graphic that will be wide enough to scroll across the button. Place it in it’s own movieclip and tween (or increment \_x value in actionscript) so it moves in the direction you desire. Have a keyframe at the end with a stop(); in it. Place this movieclip you just made in a separate layer of your button in the “over” keyframe. If you want the text name of the button to always appear, place it in a layer above your animated movie clip.

---

<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:** [August 8, 2003, 2:52pm UTC](https://forum.kirupa.com/t/button-cool-transition-effect/27873/3 "2003-08-08T14:52:33Z")

</div>

Ok thanks for the reply, but how did they achieve the : what looks like pixelated effect that works its way accross the button. If you have an idea I would love to know it.

T

---

<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:** [August 8, 2003, 3:26pm UTC](https://forum.kirupa.com/t/button-cool-transition-effect/27873/4 "2003-08-08T15:26:38Z")

</div>

More than likely it was built in Fireworks or Photoshop using Pixelate filters etc. Example: Start with a new file, apply a gradient to a layer, select an area of the gradient and run your pixelate filter. There are other ways to achieve this but it really comes down to your skill and creativity.