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.
Now that we have our unicycler moving in place, we can animate that video clip. We'll use Flash and create a Motion Tween and animate a video clip. That's what we'll do in this movie. If you're following along, I'm working in 03_Animating_Video.fla in the Chapter 08 folder in the Exercise Files folder. On the stage let's rename layer 1 to video. I'm going to create a new layer. I'm going to call the new layer line. On the line layer I'm going use the Line tool, and just click and drag to draw a diagonal line across the stage.
It could be any color any width or height, it doesn't matter. And now we'll animate our unicycler along that path. So on the line layer, let's select frame 54 and then press F5 on the keyboard to extend the timeline to that frame. Then I'm going to select frame 54 of the video layer and press F6 on my keyboard to create a keyframe there. Now I'm going use the Selection tool and click and drag the video from its registration point to snap to the line. That doesn't need to be perfect, as long as it looks like the unicycler is on the line, that's fine.
Let's go to the first keyframe by clicking and dragging the playhead. I'll select the video on the stage, and then click and drag the video from its registration point and snap it on to the very beginning of line. Now notice here we're not creating a motion guide, we're just creating start and end points. In this case, we don't need to create a motion guide because the motion is in a straight line. So what I'm going to do is click in between the first and last keyframes on the video layer, then I'm going to right-click or Control-click and choose Create Motion Tween. Scrub the playhead to preview the animation.
Notice now that the animation's not playing. That's because a movie clip does not play along with the timeline. It animates independent of the timeline. In order to preview this animation, we'd have to double-click the movie clip and then scrub the playhead inside of that movie clip like we did in the last movie. Let's test the movie and see our animated video in action. Command+Return on the Mac, Ctrl+Enter on the PC. And there is our animated video. I'm going to close the Preview window, and not only can we create a Motion Tween but we can also apply easing effects or any other effects that we could apply to a movie clip on this video.
So what I'm going to do is click in between the two keyframes in the video player and in the Property inspector I'm going to click the Ease slider and drag this to ease in. So I'm going to drag this slider all the way down so the animation will ease in. So it'll move faster and faster as the animation progreses. Now let's test the movie. Command+Return on the Mac, Ctrl+Enter on the PC. You can see that he moves faster as he gets further down the slope. And there's look at animating video in Flash.
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.