From the course: Web Motion: Create an Animated Banner Ad

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Create a three-state button in Edge Animate

Create a three-state button in Edge Animate - Edge Animate Tutorial

From the course: Web Motion: Create an Animated Banner Ad

Start my 1-month free trial

Create a three-state button in Edge Animate

The final stop of the assembly process is to add a headline and we're going to create a three state button. Which will show the up, over, and down states of the button. I want to take a second here just to talk a little bit about buttons. Buttons are interesting to create because there's so many creations options available to you. They can be created in Photoshop, Illustrator, Fireworks, or any other drawing or imaging tool you may have hanging around. The can also be created using nothing more than an HTML code editor. We're going to use Animate here because Animate not only lets you draw and create a simple button, but also, because it is a web motion tool, actually writes the HTML and CSS3 code for the button you will draw. The result is there will be no need to load separate bitmap or SVG images for each button state. To start, let's add the headline. Select the Text tool and click once on the stage, and this little text input area opens up. And we're going to enter the following…

Contents