Layout Editor: How do I create zones and looks for live video?

Log into the Layout Editor.

Layout Editor: How to Log In to the Layout Editor

Looks > Add Look

1. Select Looks from the right-side menu.

2. If a default Look is not already created, click Add Look
3. Change the Look name by selecting the 3 vertical dots (kabob) menu to the right of the Look and then choosing the pencil icon. The example is called Full Screen Video.

Looks > Add Zone

Create fullscreen zone to act as a background. A background zone is helpful if there are transparencies from the above layers that could show through during transitions.    

• Click on the + beside the look name and then select Add New Zone

• With the zone highlighted, select the Properties tab to configure the options for the zone.

Properties > IDENTIFICATION

1. Give the zone a name and preview color. 
   1. This example uses the name of Main Video. 
   2. Select a preview color.  This just used in the user interface to help visualize the different zones. Playback will not be impacted by the colors selected.​​​

Properties >POSITION

1. The Width and Height should match the display dimensions when creating a full screen zone, otherwise, enter in your custom dimensions or arrange the box in the shape needed using the crop tools on the edges.
2. The location should be 0px left and 0px top for this example as the top left point is the starting point for all zones. You can also choose to lock aspect ratio when resizing your zone and to snap elements together when adding more Zones and/or layers to your Looks by toggling their respective checkboxes.
3. The remaining settings (Easing, Delay and Duration) can be left as is or adjusted as needed.  Transition will default to a cut.  

4. Return to the Looks tab and another zone for the Full Screen Video Look.
5. While the new zone is selected, return to the Properties tab to set the ID, Position, etc. 

Settings

Allocate resources for the Full Screen Video zone to show live video sources.  

• Select the Full Screen Video Zone from the Looks tab, then go to the Settings tab.

PROCESSOR RESOURCES

Alpha and Dynamic allocation bars are showing how many of your 6 available are in use. To edit these or add more, utilize the drop down beneath the bars or select Add Resource if more options are needed for multiple zones.

The drop down will show 4 options:​​​​​​​

1. DakAlpha - DMP-8000 content going up on the screen at the top of the Z order (graphics/videos from 8000 live on top of VP-6000 video inputs)
2. KeyFill - Sources like SDI being brought in for key fill applications.
3. Static - stationary video layers with no transitions applied.
4. Dynamic - any input showing on screen that will transition or be resized.

Once you've given the Full Screen Video zone a resource, continue adding zones and allocating resources as needed.  When your look(s) is complete, choose Save above the canvas.

To access zones that are stacked on top of each other:

• The zone stacks can be clicked through to access overlapping items in the background or lower in the layering order.
• Click on the top zone to highlight.
• Click again on the top zone to activate a zone below.
• Repeat clicking on the zones to cycle through the zones.