Tutorial 1        Tutorial 2        Tutorial 3        Tutorial 4        Tutorial 5        Tutorial 6

DFX Tutorial 5 - Transformation Effects
Figure 1 Click for larger view
Figure 2 Click for larger view
Figure 3 Click for larger view
Figure 4 Click for larger view
Figure 5 Click for larger view
Figure 6 Click for larger view
Figure 7 Click for larger view

Step 1
Load the Flow that was saved at the end of the Keying tutorial.

Step 2
Now to add a Transform tool to modify the placement of the foreground footage, which is coming in via Loader 2. As with all tools in DFX, where the tool is placed in the Flow effects what that tool will be doing. In this case, we only wish to modify the placement of the foreground element, so place the tool on the foreground branch before it is merged with the background element.

From the tool bar (Fig 1), drag the Xf tool onto the tile between the Chroma Keyer and Merge 1. It will automatically connect itself to the output of the Keyer and to the input of Merge 1.

Step 3
Highlight the Merge 1 tool, right click, select View On and Choose Large. We need to do this so to see the overall effect of the modifications made with the Transform tool.

Step 4
Click on the Time Controller, and jump to frame 14. At this point, we can see one of the soldier's legs 'appearing' magically in the frame.

Step 5
Highlight the Transform tool with the cursor. On the screen, click on the crosshair icon. This represents the center of the Transform tool. By moving this, manipulate the alignment of the foreground element. Move this by clicking and dragging with the mouse cursor. In this case, use the cursor keys to be more precise. (Fig 2)

Step 6
With the Transform 1 center highlighted, use the right arrow key to move the foreground image over until the cutoff line of the soldier's leg is flush with the right-hand edge of the background frame.

Step 7
Highlight the tile after the Merge 1 tool. From the file menu, select Tools, then Transform. This will add another transform tool to the Flow. (Fig 3)

Step 8
Use this tool to zoom in on the scene. We will not be animating the Scale parameter in this tutorial, but it could also be done to simulate the camera zooming in on an element. (Fig 4)

First, we need to be able to see the Monitor Safety on our Large View. This indicates the area that the average monitor will be able to display. Select Transform 2 and press the 1 key to bring it up on the Large View. Next, right click on the Large View, select Guides from the menu and choose Monitor Safety.

Step 9
On the Control Header for Transform 2, adjust the Size parameter to eliminate the unwanted part of the image. Slowly adjust the Size slider to the right until the logo elements are outside of the safe frame. The numbers to the right of the slider should read around 1.35. We have now 'zoomed' in the shot to the point where the elements that are unwanted will fall outside of the safe frame and will not display on most monitors. (Fig 5)

Step 10
As a final part of this tutorial, we can also use Transform 2 to simulate a Pan effect on the sequence.

Do this by animating the Transform center along a path over time and attempt to follow the actors as they move across the scene. On the Time Controller, set the current time to 0.

Step 11
Make sure that Transform 2 is highlighted, and is displayed on the Large View. Using the mouse cursor, select the crosshairs at the center and move them to the left. Make sure that you are moving the 'Center', and not the 'Axis'. Move them enough that the right hand edge of the original frame is just to the right of safe frame. When the starting position is where you want it, right click on the center crosshairs. Choose Transform 2: Center and select Path.

Step 12
Move the center of the transform to keep the actors centered in frame. Using the [ and ] keys on the keyboard, scrub forward to frame 50. (Fig 6)

Step 13
Place the cursor over the Large View. Notice that it changes to a crosshairs. This indicates that a point can be placed on the path. Place the point by clicking to the right of the original point on the path. The image moves so that the actors are more centered.

Step 14
As they are moving in frame, repeat the last step, except go forward to frames 75, and lastly 100. Right click anywhere on the Large View. Select Path 1 and choose Done to complete the path. (Fig 7)
Tutorial 1        Tutorial 2        Tutorial 3        Tutorial 4        Tutorial 5        Tutorial 6