Showbuilder: Creating and Editing Shots

Producers work in Showbuilder to set up a show; it's the part of Greenroom that allows Producers to create and edit shots in a highly customizable way. Layouts are the compositions that make up a shot; it's where you can place video feeds or media. In this article, we'll show you how to create and edit shots in Showbuilder, customize layouts, and preview in Showboard. 

Getting Started

Greenroom Producers can access Greenroom at any time to set up a show once the show has been created. When entering Showbuilder for the first time, a default "Intro" video shot will be on the Canvas, along with an "Outro" shot in the Showboard in the form of a thank you video. Underneath the canvas is the ability to select "Edit Layout". 

Screen_Shot_2022-03-18_at_9.36.57_AM.png

By selecting "Edit Layout" you can start creating your first shot.

In addition to being able to edit the layout of the first shot that is landed upon when entering Showbuilder, you can use the "Add Shot" button at the end of the Showboard to add new shots. You can also add a shot in between two existing shots by hovering your mouse in between the existing shots to click the "+" button.

Screen_Shot_2022-03-18_at_9.40.23_AM.png

Creating and Editing Layouts

It's easy to add or edit an existing layout that's within a shot. After selecting "Edit Layout" or "Add Shot", the Producer is presented with a few next steps:

  • Select a shot layout
  • Hit "Apply layout" to apply layout to the shot
  • If adding a shot, a new shot will appear in the Showboard to the right of the original shot that was selected

Another way to edit an existing shot is by selecting a shot in Showboard, and navigating to Design > Layouts > “Number of Presenters'' where a list of layouts from 1-8 can be found.

To see the changes immediately affect the  canvas, a Producer can explore the options by clicking through numbers 1-8 under "Number of Presenters" as well as the subsequent layouts available based on number of Presenters. You will see the updates taking immediate effect on the canvas. Check out our Greenroom customization and styling guide to view all the layout options.

To get a greater sense of how a feed will appear in a layout, open the "Feeds" tab to drag and drop a feed directly onto the layout you just selected on the canvas. With the feed in the canvas, you can continue to explore layout options and see how the canvas and Feed changes based on the layout selected. 

Screen_Shot_2021-10-21_at_12.09.18_PM.png Screen_Shot_2021-10-21_at_12.09.25_PM.png Screen_Shot_2021-10-21_at_12.09.33_PM.png Screen_Shot_2021-10-21_at_12.09.41_PM.png

 Screen_Shot_2021-10-21_at_12.09.48_PM.png Screen_Shot_2021-10-21_at_12.09.55_PM.png Screen_Shot_2021-10-21_at_12.10.02_PM.png Screen_Shot_2021-10-21_at_12.10.09_PM.png

Layout Spacing and Borders

For the majority of layouts, it's possible to change the layout spacing. This will increase or decrease the spaces (pixels) between various frames within a shot, controlling the amount of space is visible on the sides of each Presenter frame on canvas. 

You can also link the pixels for "Top," "Bottom," "Sides," and "Inside."

  • Linking the spacing will make all sides share the same pixels.
  • Unlinking them will allow unique pixelation to be set for each layout spacing option.

Screen_Shot_2021-10-21_at_12.18.53_PM.png

 The video border setting and corner rounding setting may also be set.

  • The border setting can be set to line the inside or the outside of the layouts, and the border's color and opacity may also be customized.
  • The video corner rounding can be set to: small, medium, large, x-large, or pillbox.

Keep in mind that the video border and corner rounding setting are a universal setting, so they will be applied to all shot and shot layouts in the Showboard. 

Showboard Preview

As shots are added, the Showboard captures a preview-like view of the total show.

The Showboard can be viewed two different ways: 

1) In a retracted view where the shots show up as a row of small thumbnails 

Screen_Shot_2021-11-22_at_6.20.04_PM.png

2)  In an expanded view where the shots are slightly bigger and their details are more easily seen. 

Screen_Shot_2021-11-22_at_6.20.20_PM.png

Additional Resources

Top