Join Paul Trani for an in-depth discussion in this video Creating buttons, part of Creating a First Web Site with Flash Professional CS5.
Buttons are the foundation of most interactivity and Flash makes them easy to create.…That's what I want to do here.…I am going to scroll up to the top and right here, you notice here is my graphic,…and I am just going to go ahead and take this rectangle, and I am going to drag…it to the Library, because that enables me to convert it to a symbol.…And in this case, I am going to call it generic button.…And then I am going to make sure that it's of type Button as well.…Click OK and now you can see it in my Library panel there is my generic button.…
In fact, I can start to drag on sort of multiple buttons on to the Stage.…I am going to have a home section, about, portfolio, and then a contact.…So I'll just scroll over because I want to put one more over here off to the…side and this is going to be my Twitter button.…So I am going to use my Free Transform tool, and I am just going to hit Q…because here it gives me this hint that says hey,…hit Q, and you can go ahead and change that to the Free Transform tool and…
- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible: