Tuesday May 30, 2023
Graphic Overlay Video Transition Print E-mail
Written by Ken Lowther   
Saturday, 11 March 2006
Article Index
Graphic Overlay Video Transition
Creating the Graphic
Animating the Graphic
The Video Overlay
Using as a Transition
The Video Matte
Using the Video Matte



Animating the Graphic

For this particular project, the transition will be 3 seconds in duration. The graphic will enter into view on the left side of the screen, travel to the center and then fly at the viewer in such a manner that the graphic appears to fly off-screen leaving only the center portion of the disc. To make that happen, first  increase the duration or number of frames of our project. Looking at the current settings, the project is set for the default number of frames, 10 (Figure 43). Also, this project will be used with NTSC DV video so the frames per second has been set at 29.97. To get a 3 second transition, change the total number of frames to 90. To do this, just click in the number of frames box and change it to 90. After entering the increased frame count notice that additional frames have been added to the timeline (Figure 44).

Click to see actual size
Figure 43
Click to see actual size
Figure 44

First, make sure that you are working with the subgroup that was created by selecting it in the object manager. Remember, we want to animate the entire graphic as a unit rather than its individual components. Alternatively, you can select it in the timeline itself by using the dropdown box (Figure 44).

Basically, to animate the graphic, initially you have to visualize in your mind where you want the object to be on the screen at various points in time throughout the duration of the project. We are going to use 4 sets of keyframes to do this animation. Starting at keyframe 1 and every second thereafter at keyframes 30, 60 and 90. So, as I stated earlier, I want the graphic to start out off-screen on the left side. To do this, set the orientation and position of the graphic for frame 1 of the timeline in the Location toolbar as shown in Figure 45. Refer back to Figures 32 and 33 if you are unclear about how to set these values. Make sure that the current frame selector is set to frame 1 (Figure 46).
Click to see actual size
Figure 45
Click to see actual size
Figure 46
Move the frame selector to frames 30, 60 then 90 and enter the orientation and position values shown in Figures 47, 48 and 49 respectively.
Click to see actual size
Figure 47
Click to see actual size
Figure 48

Click to see actual size
Figure 49

Cool 3D Production Studio will calculate the movement of the graphic between keyframes. It will automatically move the object frame by frame from the initial keyframe to the orientation and position of the next keyframe and so on. The trick is to set the keyframes such that you get the movement that you want. The keyframe values that have been presented here were arrived at by considerable trial and tweaking.

Another method of setting attribute values is available. You can use the mouse to grab the object in the project window and move it where you want for a given keyframe. As you move the object, the X, Y and Z values in the Location toolbar will automatically be adjusted to reflect where the object currently is located in the 3D space. This is easier to use than entering the values manually but it does take a little getting used to.

We can preview the animation by clicking on the Play button in the Navigation toolbar (Figure 50). This will cause the animation to be rendered in the project window so that you can get an idea of how it looks. If you turn on the "Use Smart Rendering" option (Figure 51), subsequent previews will play back at near the frames per second speed. However, once you make a change to the project, it will have to be re-rendered.


Figure 50

Click to see actual size
Figure 51


TIP: When going through the process of previewing and tweaking your animation, sometimes you can reduce the dimensions of the project to speed up rendering the preview. In this project for example, its final dimensions will be 720x480 but reducing it to 320x240 for the animation previews saves a lot of time. When the animation is complete, you can set the dimensions back to their original values.

Last Updated ( Sunday, 12 November 2006 )
Next >
Copyright © 2023 videographics.info - Joomla! 1.0.15 Stable [ Daytime ] 22 February 2008 23:00 UTC
Design by augs-burg.de & go-vista.de