Problem
You're looking for an extra user experience that you can add to your Call to Action buttons on a banner or submit button. This might be useful on a banner (for example).
Solution
Try a gradient sheen. It captures user's eyes or gives them feedback when interacting with your project's interface.
Detailed explanation
Create a white linear gradient with alpha on the ends.
To add it to the button create your button first. In this tutorial a shape is being used.
4 layers were created within the button (in the attached fla):
1. A layer for the Action Script with
stop();
in the first frame and 20th frame.
2. A Mask with the duplicated shape of the button.
3. The sheen moving across the button by creating a Motion Tween
4. The button itself.
Now the fun part.
Once the button loads or you've interacted with it you can set the sheen to play.
mc.gotoAndPlay(2);
Enjoy!
Download the example:
+
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.
