Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Information on how to learn Flash is prevalent, but it can be frustrating to understand how to make an entire working web site using this unique technology. Here's a course that cuts through the clutter and offers practical tools for creating a dynamic web site, even for first-time developers. In Creating a First Web Site with Flash CS4 Professional, veteran Flash instructor Paul Trani simplifies the process of integrating animation, video, audio, and user interactivity to create a site that is dynamic and appealing. The goal of this hands-on workshop is to teach web site-building skills for today’s demanding interactive industry. Exercise files accompany the course.
There are many different ways that you can make buttons. You can design them from scratch in Flash, you can import buttons from other programs or you can use buttons that already made within Flash. So if I go to Window, down to Common Libraries, you can see that I have these different items: Buttons, Classes, and Sounds. So these are libraries of elements that I can go ahead and use and add to my project. So in my case I want to go ahead and access the Buttons library.
So if I expand this out, I can see that there are many folders full of buttons that I can take a look at. Everything from these two buttons, to even classic buttons as well. So I encourage you to just spend some time looking at this library of buttons that you can use in your project. I want to use the flat blue play for my project. If I move this to the side, I want to use this button in my Portfolio section. So if I scroll down to the Portfolio section, I can double- click on this content movie clip and double-click again to add this button to this movie clip. So what I want to do is I want to go ahead make a new layer and I'm going to call this Buttons and right in this frame is where I want to add this button from this Common Library.
So all I need to do is it works like another library. I can click and drag it out onto my stage. Now if I scroll down a little more, what I want to do is I want to add this button right within this little curl, right here. And I'm going to go ahead and zoom in using the Zoom tool, so I can see this button better, and I can edit this button just like I can any other element. All I have to do is double-click on it and I can enter its Timeline. So in this case I want to make this button similar to the other buttons. I'm not going to modify it visually, because I think it looks great. I want to add a new layer and I'm going to call this layer Audio. So I want to add some audio to this button. So in the over state I'm going to right-click and insert a keyframe, and in this over state in my Properties panel, I'm going to locate the Sound section and using the name dropdown I'm going to locate the rollover wave.
So this lists out every single sound file that's in my current library. I can select it and it adds it to my over state. I'm going to do the same for the down state by inserting a keyframe and going to the Properties panel under Sound, the name should be click. So I have added two sound files to this button that was copied from my Common Library. All right, let me click out on the Portfolio movie clip and let me give this an instance name of next_btn. So there is my Next button. Now let me use this dropdown to jump out to 100%, so I can move this button, basically duplicate it for my Back button.
Now the first thing I need to do is I need to copy it, so I'm going to right-click, Copy and then I'm going to click anywhere on the stage and click Paste. So now I have just duplicated that button for the Back button. So I'm dragging it over here to this curly cue and I'm going to use the Zoom tool to zoom in there. Click back on my Selection tool. Make sure that button is selected and I'm going to give it an instance name of back_btn. Okay, with this back_btn still selected I'm going to go to my Free Transform tool and make sure it's pointing the other direction. I can hold down the Shift key to lock it into place. So it's going to be pointing directly to the left.
So that's all I need to do. I have been able to easily drag a button from the Common Library and modify it accordingly so it fits my design and then even duplicate it as well and use it in multiple places. All really fast and that's what the Common Library does. It allows me to add elements quickly to my project so I then can move on to adding functionality to a button such as this one.
Find answers to the most frequently asked questions about Creating a First Web Site with Flash CS4 Professional.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.