Channel layout examples

Here are some examples of different layouts you can create using the custom layout editor with just two video input sources and two media image files.

Layout example	Description
	One video source (a slideshow presentation in this case), at the full size of the channel. To get this look: Using the custom layout editor, add one video source to the layout, select keep aspect ratio and stretch to fill the entire layout area.
	One video source with a logo (.png with transparency) in the bottom left corner. To get this look: Upload an image with transparency. Using the custom layout editor, add one video source to the layout, select keep aspect ratio and stretch to fill the entire layout area. Then, add the image to the layout and drag it where you want it to appear on screen.
	One source with a text overlay in the bottom right corner. To get this look: Using the custom layout editor, add one video source to the layout, select keep aspect ratio and stretch to fill the entire layout area. Then, add a text overlay to the layout and drag it where you want it to appear on screen.
	One video source (a slideshow presentation in this case), with a green background matte. To get this look: Using the custom layout editor, select a background color. Add a video source to the layout and size appropriately, leaving the background matte visible.
	Two video sources (a slideshow and a presenter cropped to a new aspect ratioCrop a video source), a background image, and a logo. Make sure the background image has the correct aspect ratio. To get this look: Upload your background and logo images (you can do this from the Media page or the Layouts page for the channel). Using the custom layout editor, add the background image to the layout and stretch it to fill the entire layout area. Then add your two video sources to the layout, adjusting their size and position as needed. Lastly, add the logo to the layout and move it in to position. For the second video source, use the Crop tool to crop the second source to a square aspect ratio.

Examples including a 4x3 video source.

Layout example	Description
	One 4x3 video source at the full size of the channel. To get this look: Using the custom layout editor, add one video source to the layout, select keep aspect ratio and stretch to fill the entire layout area. The channel broadcasts in 4x3 if you have Use current signal resolution as frame size selected on the encoding page.
	One 4x3 video source in a 16x9 frame with a green background matte. To get this look: From the Encoding page for the channel, make sure that the 16x9 frame size is selected. Then using the custom layout editor, select a background color. Add a video source to the layout and stretch to the full height of the screen, leaving the background matte visible.
	One 4x3 video source and a cropped 16x9 video source together with a background image. Make sure the background image has the correct aspect ratio. To get this look: Upload your background image (you can do this from the Media page or the Layouts page for the channel). Follow the steps from the first 4x3 example to add the video sources, then use the Crop tool to crop the second source to a square aspect ratio.

Layout example

Description

One 4x3 video source at the full size of the channel.

To get this look: Using the custom layout editor, add one video source to the layout, select keep aspect ratio and stretch to fill the entire layout area.

The channel broadcasts in 4x3 if you have Use current signal resolution as frame size selected on the encoding page.

One 4x3 video source in a 16x9 frame with a green background matte.

To get this look: From the Encoding page for the channel, make sure that the 16x9 frame size is selected. Then using the custom layout editor, select a background color. Add a video source to the layout and stretch to the full height of the screen, leaving the background matte visible.

One 4x3 video source and a cropped 16x9 video source together with a background image. Make sure the background image has the correct aspect ratio.

To get this look: Upload your background image (you can do this from the Media page or the Layouts page for the channel). Follow the steps from the first 4x3 example to add the video sources, then use the Crop tool to crop the second source to a square aspect ratio.