Join Paul Trani for an in-depth discussion in this video Creating the first graphic, part of Creating a First Web Site with Flash Professional CS5.
The first thing I am going to create is a horizontal bar that will be my navbar,…as well as a quick graphic that will eventually be a button.…So I am going to come down here in my toolbar and I am going to select…this Rectangle tool.…And from there what I can also do is start to select maybe a stroke color, such…as black and then even a fill color as red.…And then I can go ahead and draw sort of this navbar, and I will just roughly…draw it in up here at the top.…
So that's what I have drawn and I then want to go ahead and select the…Selection tool, and I can go ahead and click on this fill area.…And this is a common mistake.…You will click and just grab the fill and not the stroke.…So I will just an Undo.…So you might want to double- click in order to capture both.…So with both selected, I can now move them around. Okay.…One thing I can do, because I want this to be actually a smaller size, well,…I can go ahead and use the Free Transform tool, third tool down, and I can adjust…it by any one of these nodes and sort of shrink it up like that.…
- 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: