About motion menus
A menu can include sound and motion. You can replace the entire background of a menu with a video file, as well as link it to an audio file. A video can serve as a moving backdrop to a menu or provide all the visual elements of the menu except for the button highlighting. The video can include, for example, a moving background, scrolling credits, and even the button images. The menu itself needs only to include a placeholder background and the button subpictures (in button layer sets) that align with the button images in the video.
How long the video background or audio plays and whether it loops depends on the duration and loop settings of the menu. (See About menu display time and looping.)
To have a smaller image, resize or mask the video in Adobe Premiere® Pro or mask a portion of the video with a layer in the menu.
Blu‑ray pop‑up menus
For Blu‑ray projects, you can create pop‑up menus that can be attached to timelines that viewers can start, usually with their remote control. Pop‑up menus appear transparently above the currently playing clip on a Blu‑ray video. Blu‑ray pop‑up menus don’t have the DVD video features such as end actions and motion menu items. These features include video and audio backgrounds, duration, loop point, and button transitions.
When you set a menu as a Blu‑ray pop‑up menu, you can set only the properties that apply to Blu‑ray pop‑up menus. These properties include background transparency or opacity and size.
Create a Blu‑ray pop‑up menu
Select Menu > New Menu, and select the new menu from the Project panel.
Select the Pop‑up tab from the Properties panel, and select Set As Blu-ray Pop‑up Menu.
Select the timeline that you want to associate with the pop‑up menu.
On the Properties panel, select the menu you created from the Set Popup Menu list.
On the Project tab, select the menu you created.
On the Properties panel of the selected menu, select the timeline from the Background Timeline pop‑up menu.
Add a video background to a menu
Select the menu in the Project panel. Then, in the Properties panel, click the Motion tab and drag the Video pick whip to the video file in the Project panel.
Alt-drag (Windows) or Option-drag (Mac OS) the video file from the Project panel to the menu in the Menu Viewer.
The first bright (nonblack) frame of the video replaces the menu background. This frame serves as a placeholder in the menu PSD file and is displayed in preview, unless you render the motion menus in the Preview panel. (See About previews.) When you build the project, Encore renders the video starting from the first frame.
You can also set the menu background to the frame at the specified Loop Point timecode. This is useful when you want to align button subpicture layers with button images in the video background. (See About menu display time and looping.)
Add audio to a menu
Select the menu in the Project panel. Then, in the Properties panel, click the Motion panel and drag the Audio pick whip to the audio file in the Project panel.
Drag the audio file from the Project panel to the menu in the Menu Viewer.Note: You link directly to the audio assets, not a timeline.
Create video thumbnail buttons
A button can contain a thumbnail image of the video to which it is linked. The image can be still or playing (animated). The Library panel includes predesigned video thumbnail buttons as well as menus with these buttons already in place.
Video thumbnail button restrictions
Understand the following concepts and restrictions when creating a video thumbnail:
- Placeholder determines size
- You use a single layer in a button layer set to serve as a placeholder for the video. The size of the placeholder image determines the size of the video displayed in the menu. If the image is not rectangular, Encore calculates the smallest rectangle in which the image could fit.
- Always rectangular, unless masked
- The video remains rectangular regardless of the shape of the image layer. However, you can overlay it with a layer (bitmap) or vector mask in Photoshop. A mask can hide portions of the image, forming a window through which the video plays.
- Layer name prefix (%)
- The placeholder layer must have the layer name prefix (%). The prefix includes the parentheses, for example, (%)Rigging.
- Destination timeline displayed
- A video thumbnail can display only the timeline to which it is linked, that is, its destination. You cannot play one timeline in the thumbnail and have the button lead to a different timeline. Also, until you link the button to the video, you see only the placeholder image.
- Still or moving
- The thumbnail video can be still or moving. Animating video thumbnails is a menu setting. All the thumbnails on a particular menu must be either still or moving. You set the animation by using the menu property called Animate Buttons. (See Animate video thumbnail buttons.)
- Looping or clipped
- A video thumbnail plays within the boundaries of the menu duration setting. If the menu duration exceeds the length of the video thumbnail, the thumbnail loops, starting at the destination chapter (or poster frame if specified). You set the menu display time and looping of the entire menu in the Properties panel. (See About menu display time and looping.)
- Poster frame
- Using the chapter property called Poster, you
can designate a specific start point or frame to display. Otherwise,
the thumbnail begins at the first frame of the destination chapter
or displays the first bright (nonblack) frame of the chapter if
Animate Buttons is turned off for the menu.Video thumbnail button and corresponding button layers in Layers panel
Customize predesigned video thumbnail buttons
The easiest way to create a video thumbnail button is to drag a button from the Library panel into your menu and then edit the button. (Many menus in the Library panel already include video thumbnail buttons.) These predesigned buttons are sized appropriately and contain a placeholder image with the appropriate layer name prefix (%). These buttons also include predesigned button subpictures.
Open the menu to which you want to add video thumbnail buttons.
In the Library panel, click the Toggle Display Of Buttons icon to display the predesigned buttons. Video thumbnail buttons have the word “video” in their names.
Drag the desired video thumbnail button from the Library panel to the Menu Viewer. Repeat until you have placed all the buttons you need.
To resize the video thumbnail buttons, select the button layer sets in the Layers panel (Shift-select to select more than one). Then, using the Selection tool , Shift-drag a corner selection handle of one of the buttons until they are the desired size. (Using the Shift key while dragging resizes the buttons proportionally so that they maintain their aspect ratio.)
Link each button to the appropriate item, such as a timeline or slide show. To rename the buttons without changing the text on the buttons, deselect Sync Button Text And Name in the Properties panel and select Set Name From Link. You can also use the Text tool to select and edit button text.
Create video thumbnail buttons in Photoshop
You can add a video thumbnail button to a menu in Photoshop and then bring the menu back into your project. The key is to size the placeholder appropriately for the video and to add the prefix (%) to the placeholder layer name.
Select the menu that you want to edit in the Project panel.
Choose Edit > Edit Menu In Photoshop, or click the Edit Menu In Photoshop tool in the Tools panel.
Photoshop starts, displaying the selected menu.
Create a layer set (also called a layer group) and add (+) to the beginning of its name. Include the parentheses.
- Create a placeholder for the video thumbnail within this layer set. You can draw the placeholder or place a still image. Do one of the following:
You can constrain the rectangular marquee to the screen aspect ratio by using the Style option Fixed Aspect. Set the value for Width to 4 and for Height to 3 (or to 16 and 9 for widescreen video).
Use a shape tool, such as the Rectangle tool, to create a mask for the video thumbnail. The shape of the layer becomes the mask.
Create a layer, draw a selection with the Rectangular Marquee tool, fill the selection with a color, and then click the Add Layer Mask button in the Layers panel. The layer mask becomes the mask for the video thumbnail.
In the Layers panel, double-click the layer name of the placeholder image, and add (%) to the beginning of its name—for example, (%)Rigging Thumbnail.
Place any additional elements that you want in the button, such as text, within this layer set.
You can also add layer effects, such as drop shadows, glows, and transparency, to thumbnail layers in Photoshop.
Repeat steps 3 through 6 for any additional thumbnail buttons you want to create.
In Photoshop, choose File > Save, and then choose File > Close.
Photoshop saves the changes and updates the menu in Encore.
Set or change poster frames
Video thumbnails play the video of the timeline to which they are linked. If the thumbnails in the menu are still (the menu property Animate Buttons is deselected), they display the first bright (nonblack) frame of the destination link. You can change the start point or the still image displayed by a thumbnail by designating a poster frame. A poster frame is not limited to a chapter; you can place it on any frame in the timeline. If the button loops, it loops back to the poster frame rather than the destination chapter. (See About menu display time and looping.) The Poster option is a chapter property.
Set a poster frame
Open the timeline that is the destination for the video thumbnail button.
If the Monitor panel is hidden, choose Window > Monitor.
In the timeline, select the chapter marker that is closest to the destination for the video thumbnail button.
Move the current-time indicator to locate the exact frame you want displayed in the thumbnail.
Choose Timeline > Set Poster Frame.
A poster frame marker with its associated chapter number appears in the timeline. In addition, the timecode for the frame is added to the chapter properties in the Properties panel.
To create a moving video thumbnail, specify the poster frame, and then animate the button. (See Animate video thumbnail buttons.)
Change a poster frame
Open the timeline containing the poster frame.
Drag the poster frame marker in the timeline. The Monitor panel displays the current location of the poster frame as you drag. When you release it, the Monitor panel again displays the location of the current-time indicator.
Animate video thumbnail buttons
You can set video thumbnail buttons to be either still or moving using the menu property Animate Buttons. When you select the menu property, you convert all the video thumbnail buttons on the menu to motion buttons. Thus, each time the viewer displays the menu, the video links play in the thumbnails. When Animate Buttons is deselected, the thumbnails display a still frame of the video.
In the Project panel, select the menu containing the video thumbnail buttons.
In the Properties panel, click the Motion tab and select Animate Buttons.
The Animate Button property controls the state of all the video thumbnail buttons on the menu. You cannot set them individually. Encore composites the video into the button during the build process.
To preview the animated buttons, render the menu first. See Preview motion menusfor information.