Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Through several hands-on tutorials, instructor Todd Perkins shows how to best build dynamic, streamlined sites using Flash CS3 Professional. Learn how to create custom keyboard shortcuts, apply advanced text techniques such as animating scrolling text with custom easing controls, and using advanced animation techniques. Flash CS3 Professional Beyond the Basics covers many challenging features, including adding complex interactivity to a Flash CS3 project and getting Flash content on a phone. Exercise files accompany the tutorials.
When you have embedded a video in Flash, you can use it just like any other Flash element. All you have to do is place it width in a movie clip and then you can work with that video just as if you're working with a movie clip. You can also do this with other video objects. For example, if you use the FLV playback component to play progressively downloaded video, you can animate that component as well. The advantage to using embedded video is that you can actually see the video playing in the timeline. In this movie we'll take a look at how you can work with embedded video in Flash. If you're following along, I'm working in 02_Embedded_Video.fla in the Chapter 08 folder in the Exercise Files folder.
Before we go inside of the movie clip that holds our video, let's test the movie and look at what's happening with this video. Command+Return on the Mac, Ctrl+Enter on the PC. Notice that he rides the unicycle to the right. What we want to do is make it look like he's riding the unicycle in place. Once we have him unicycling in place, we can embed that animation in another animation and make it look like he's unicycling in a loop for example. So let's take a look at the Paavo_unicycle.mov movie clip in the library.
So double-click the movie clip symbol icon in the library and notice that there are 54 frames inside of this movie clip. Click and drag the playhead, and you can see the video playing as you move the playhead. This gives us a lot of control. The first thing I want to do is move the video on the stage to align the bottom of the unicycle's wheel with the registration point of the video. So what I'm going to do is click and drag, and move using the Selection tool and my arrow keys on the keyboard.
This going to align the bottom of the unicycle wheel with the registration point of the stage. Now if we click and drag the playhead, the video still animates forward. So what we're going to do is put this video inside of a graphic symbol and create a Motion Tween of the video moving backwards that will compensate for the guy in the unicycle moving forward, and make it look like he's unicycling in place. So select the video on the stage. Press F8 on your keyword to convert this video into a graphic symbol. Choose Graphic for the Symbol type and for the Name of the symbol type gfcVideo with a capital V.
If see a warning message that comes up, Flash is just letting you know that in order to be able the play this video in its entirety the graphic symbol is going to have to have 54 frames. So just click Yes. And now we'll create a Motion Tween. Select frame 54 in the timeline and press F6 on your keyboard to create a keyframe, move the video on the stage again, to align the bottom of the unicycle wheel with the registration of the one on stage. You can use the Selection tool and use the arrow keys as well to do that. And once you've done that, let's create the Motion Tween.
Click anywhere in between the two keyframes in the timeline and right-click your selected frame or Control-click on the Mac and choose Create Motion Tween. Scrub the playhead. It looks like he's riding the unicycle in place. Let's return to the main timeline and test the movie to see what it looks like. Click Scene 1 at the bottom of the timeline to return to the main timeline. Test the movie using Command+Return on the Mac, or Ctrl+Enter on the PC. You see now that he's unicycling in place.
So I'm going to close the Preview window. And there's a look at how to work with embedded video in Flash. Now that we have him unicycling in place, we can animate him unicycling in any way that we want. We'll look at how to do that in the next few movies.
There are currently no FAQs about Flash CS3 Professional Beyond the Basics.
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.