Support Page for 3D Text Panels

1. Positioning and Rotating the Title On-Screen

2. Inspector: Overview

3. Inspector: Panel Appearance

4. Inspector: Your Text

5. Inspector: Animation Options

6. Inspector: Background

7. Lower Thirds and Repositioning 3D Text Panels

8. Expanding Animation for the 3D Text Panel

 


 

1. Positioning and Rotating the Title On-Screen

After dragging one of the 3D Text Panels from the titles browser to the timeline you can use on-screen-controls to position and rotate it.

If there is a Build-In animation in use then the playhead should be around the middle of the title, so you are aware of what sort of changes you are making:

selected

Select the title on the timeline. Then click the main text object in the viewer. 3D position arrows (green, red & blue) appear, as well as circles for making rotation changes:

screen-shot-2016-12-20-at-3-52-09-pm

You can change the position of the title by clicking and dragging on the arrows, or by clicking and dragging anywhere on the selected text object. To bring the title forward or backward in 3D space select the blue arrow in the middle, which may appear as a small dot if it is pointed directly at you.

If you hover over any of the small circles you can see an axis controls for rotation. Rotate the text object by clicking and dragging along the colored axis line in the direction you want the title to rotate:

axis-controls

Position and rotation controls are also available in the inspector. You can individually zero out the position and rotation parameters by clicking the curved reset button to the right which appears as you hover over each parameter:

reset-button

For positioning a lower third at the bottom of the screen see: 7. Lower Thirds and Repositioning 3D Text Panels below.

Back to top…

 


 

2. Inspector: Overview

The Inspector gives you access to appearance of the panel, control over your text, animation options, and background options:

mobile-inspector

Back to top…

 


 

3. Inspector: Panel Appearance

3D Panel Style has options for a retro-rounded style, rectangular box, as well as other choices:

screen-shot-2016-12-20-at-4-09-29-pm

3d-panel-styles-700px

Shading allows you to turn off some of the advanced shadows and highlights, for times when you want a more graphic look.

The Faceplate refers to the area behind the text. There are backlit and opaque options, which have an affect on what type of text color you want to choose:

screen-shot-2016-12-20-at-4-12-30-pm

When the backlit faceplate options light up they create a silhouette of the text, therefore you will want a bolder or darker color text. The opaque options don’t light up, but they simulate a box which has translucent light-up letters. To best appreciate the opaque faceplate options choose a brighter color or white text.

backlit-vs-opaque

The other parameters in this area of the inspector control the Width, Height, Depth and Border Size of the text panel.

Note that if you make the panel too small, the text will appear to poke through the edges. In this case you change the size of the text.

Back to top…

 


 

4. Inspector: Your Text

When you select a text object in the viewer, Final Cut automatically shows the associated Text Inspector controls.

text-inspector

You can enter new text in this area, select a font, or perform tracking and kerning changes. Although there are other controls present here, we suggest making all other changes in the Title Inspector, which you can switch back to by clicking the T icon at the top of the inspector:

title-inspector

You may prefer to use the Line 1 Size and Line 2 Size parameter over the standard font size parameter because it will scale your text from the center, as opposed to the baseline. That saves you from making a vertical offset adjustment when you want to keep the text centered vertically within the 3D Text Panel:

line1size

Back to top…

 


 

5. Inspector: Animation Options

The lower area of the inspector has options for animation.

Panel Light has choices for how the interior electricity of the 3D Text Panel turns on:

screen-shot-2016-12-20-at-4-40-07-pm

Build In Animation has a long list of choices to bring your title on-screen. You can change the speed of that build with the Build In Speed parameter directly below. The shortest build speeds are about half a second while the longest speed lasts about 3 seconds.

The Softer Build checkbox can make the movement more subtle by decreasing the distance that the title travels.

Slow Rotation and Slow Zoom produce a gentle drifting animation that lasts for 8 seconds. The direction of the rotation and zoom is determined automatically based on the type of Build Animation selected.

You can also create your own slow rotations and zooms fairly easily by keyframing the rotation and position parameters above.

Back to top…

 


 

6. Inspector: Background

You can switch from a transparent background to a solid background with a drop down menu at the bottom of the inspector. There is also an option for a shadow on the background, produced by the 3D Text Panel.

In some of the examples shown in the demo video the background color has been keyframed to produce a fade from one color to another.

Back to top…

 


 

7. Lower Thirds and Repositioning 3D Text Panels

3D space in Final Cut Pro doesn’t always lend itself well to positioning something toward the edge of the screen.

Therefore, when using 3D Text Panels to create lower thirds, we suggest starting with a vertically centered text object in 3D Text Panels.

Then, use the default transform parameters in Final Cut Pro to lower the title to the position where you want it.

In this situation, you will not be able to select certain Build In animations such as “Float Down from Top” since it will crop in an unattractive way.

Back to top…

 


 

8. Expanding Animation for the 3D Text Panel

You can create an expanding animation for the 3D Text Panel by keyframing the width parameter in the Video Animation Editor, like this:

screen-shot-2016-12-21-at-1-00-10-pm

You will want to make sure you have the Text Center Fade checkbox toggled on in the inspector:

textcenterfade

For a step by step explanation, check out this tutorial video:

Back to top…