How to Setup Scenes vs Overlays in Ecamm LiveSep 02, 2022
How to Use the Different Tools inside the Scenes and Overlays Panel
Ecamm Live is used by content creators for recording videos, livestreaming, or creating podcasts.
It has two powerful features: the Scenes and Overlays.
Are you confused how these features work, and how can you leverage them to make great content?
Ecamm Live is my go-to tool for livestreaming and creating my content, not just for YouTube videos, but also for my social media content.
If you haven't tried it yet, I highly encourage you to try it and experience its amazing features.
Click here for a 2-Month free trial! Use the Diana2MOS code as you register.
In this post, I will walk you through the difference between the Scenes and Overlays and the different tools inside them that will help you create a systematize show.
Let's dive in.
What is the Difference between Scenes and Overlays?
Scenes are referred to as the structure of the show. These are like folders where the workflow of the show was kept.
While the Overlays contain the layers added to a scene. These are the assets that make the scenes functional.
Let’s take a deeper look at the tools and their functionalities inside the Scenes and Overlays panel.
How to Display the Scenes and Overlays Panel
When you use the Ecamm for the first time, the Scenes and Overlays panel may not be available on your screen.
If the Scenes or the Overlays panel are not displayed on your screen, you need to go to the tools dropdown area and select to show them.
To display the Scenes panel, go to Scenes < select Show Scene Window.
To display the Overlays panel, go to Overlays < select Show Overlays Window.
The Scenes and Overlays panel will be displayed on the right side of your screen.
What’s inside the Scenes panel?
At the bottom part of the Scenes panel, you’ll see some icons.
Let's dive into its individual functions.
The + icon allows you to create a new Scene for your show. You are allowed to rename the scene.
I highly encourage you to always rename your scene based on how it will be used on your show.
To rename a scene, double-click on the scene name < when it's highlighted, enter your new scene name < click the enter key on your keyboard to apply the changes.
You can always rename the scene anytime.
In this tutorial, I created a scene and named it “Just Me”.
The Double Box icon allows you to duplicate a scene.
To duplicate a scene, select the scene that you want to duplicate < click the double box icon.
The duplicated scene will have a "Copy of…'' scene name. Rename it to know what scene it is for and to keep your show organized.
The Trash Bin icon allows you to delete a scene.
To delete a scene, select the scene that you want to delete < click the Trash Bin icon at the bottom area of the Scenes panel.
You can also create a folder where you can keep your scenes organized.
I always create folders to categorize my shows.
To create a new folder, click the Folder icon and rename it according to your show.
Move the scenes to their respective folder to keep your Scene panel organize.
To move your scene to its folder, drag the scene into the folder < wait until you see a light blue line underneath the folder < drop the scene into the folder.
How to Add a Scene for your Guest
If you’re bringing in a guest for your show, you need to create a specific scene for your guest.
In this tutorial, I duplicated the Just Me scene and renamed it “Guest 1”.
I have now two scenes under the Live Show Setup Folder.
You'll notice that both scenes have no difference. Both are showing my image.
The Guest Scene needs to be updated.
Select the Guest scene < hover your mouse to the main screen < select the Guest Screen.
The Just Me and Guest scene should display different images.
Since we don't have a guest on the show yet, the Guest scene will not display any image. You will only see a black screen.
How Can You Play a Video?
Yes, you can play a video while live streaming on Ecamm!
One simple way to play a video is to create a scene where you can add your video.
For this tutorial, I created a new scene and renamed it Video 1.
To add a video file, select your Video scene < hover your mouse to your main screen < find the Video reel icon.
Hover your mouse to the Video reel Icon to see the different ways to upload a video.
You can upload a new file or choose from your existing video files.
In this tutorial, I chose an existing video file.
Can you see the video playing on your screen?
You may not see the video playing because your image is still displayed on the screen.
Remove your image so your audience can watch the video.
To remove the image, hover your mouse to your main screen again and click the Picture and Picture Icon.
There are some other tools that you need to know when sharing a video.
- The Microphone icon is used to share a sound or mute the video file.
- The Drop-down Arrow icon will allow you to decide what will happen next when the video ends.
- You also have the basic Video Controls icon and the Volume icon.
I set my video into Loop using the Drop-down Arrow icon so the video will continuously play.
Simple Ecamm Live Show Structure
In this tutorial, we have created three scenes.
The first scene is the Just Me scene.
In this scene, it will only be me talking. I can welcome my audience and give an introduction to the topic that I will discuss with my guest.
Then, I’ll switch to the Guest scene when it’s time to interview my guest.
After the interview, I can play a video to entertain my audience.
Then, I’ll go back to the Just Me scene to end my show.
We only have three scenes but we can see a well-structured show.
But, instead of playing the video by itself in a scene, why not share it as an overlay?
What’s Inside the Overlays Panel?
Let’s discuss the functionalities of the tools inside your Overlays panel.
At the bottom part of the Overlays panel, you can see different icons.
- Image Overlay
- Animated Overlay
- Screen share Overlay
- Text Overlay
- Time Overlay
- Webpages or Widgets Overlay
- Camera Overlay
- Folder Overlay
To add an overlay, simply click the icon of the specific overlay that you want to add.
For example, if you want to add an image, just click the image icon.
⚡️ Pro Tip ⚡️
You don’t always need to use these icons to add overlays. You can simply drag and drop an image, a video, or a PDF file to the Overlays panel.
How to add Overlays to a Specific Scene
The Overlays panel has three sections:
Overlays work as layers.
Let me show you how each section works.
How to Add an Overlay to the Show in Background Section
Let’s add a video to the "Show in Background" section.
Simply drag and drop a video file to the "Show in Background" section.
If you're using your camera and the screen is displaying your image, you won't be able to see the video at this moment because it was added to the background.
You need to disable the camera to show the video playing.
To disable your camera, go to Source < choose Blank.
You can always bring back the camera as your source if you need to show your image.
How to Add an Overlay to the Show in Current Scene Section
If you want to show an overlay in a particular scene, add the overlay to the "Show in Current Scene" section.
Make sure to select the scene where an overlay will be added first before adding any overlay in the Show in Current Scene section.
For example, you wanted to add a Countdown Timer in your intro scene.
Go to the Scenes panel < select the Intro Scene.
Next, go to the Overlays panel < click the timer icon at the bottom of your Overlays panel < drag it to the Show in Current Scene section.
In this tutorial, I added a video in the Show in Current Scene section.
I use the video overlay that I used in the previous example.
Since the video was added to the "Show in Background" section, I simply drag and drop it at the "Show in Current Scene" section.
My Just Me Scene is selected and this is where the video file was added as an overlay.
You won't be able to see the video in any scenes other than in the Just Me Scene.
Overlay Display Option
You can also set up your overlay on how it will be displayed on your scenes.
On the left side of your overlay, you can see 3 icons:
- The Lock Icon allows you to lock an overlay to keep it from moving on your screen.
- The eye icon allows you to show or hide an overlay.
- The X icon allows you to assign Hot Key to an overlay.
For example, let's assign a Hot Key to the video we added on the Show in Current Scene.
I assigned the letter "J” as the Hot key.
When I press the letter "J" on my keyboard, the video will appear in the scene.
If I press the letter "J" again, the video will disappear from the scene.
If you want to remove the Hot key, just click the X button and it will clear up everything.
How to Add an Overlay to Show in All Scene Section
Any overlays added in the "Show in All Scene" section will be visible throughout the show.
If you move the video overlay to the "Show in All Scene" section, you'll see the video playing in all of the scenes.
It will play in the Just Me scene, in the Guest scene, and in the Video 1 scene.
Do you plan to share a presentation during your show?
How to Add a Presentation Overlay
There are two ways to add a presentation to your show.
You can share it in full screen and slide through the pages or just add a PDF file that you can display anywhere on your screen to show to your audience.
Let's add a presentation.
Drag and drop a presentation file in the Show in Current Scene section.
How to Resize and Reposition an Overlay
You can resize the presentation overlay to your desired size.
There are two ways to resize an overlay.
- Select the presentation and simply scroll the mouse scroll ball to resize the file or,
- Simply drag the edges of the presentation in or out.
Position the presentation anywhere on your screen but do not cover your image.
Click the Lock icon in the Overlays panel to keep the presentation from moving anywhere on your screen.
If you want to share the presentation on a full screen, extend the size of the presentation until it covers your entire screen.
You can easily go through your presentation slide by slide. Simply click on the arrow next icon.
If you need to stop sharing your presentation, you can hide it by clicking the eye icon in the presentation overlay.
Click the eye icon again if you need to resume sharing the rest of your presentation.
This is a very simple way to add your presentation to your show without the need of creating a dedicated scene for your presentation alone.
How to Add an Image Overlay
Image is a great asset to add to your show.
You can add your image in your intro scene and end scene.
You can add your logo to make your show on brand.
You can also add images if you need to do some demonstrations.
To add an image overlay, simply drag your image into the Overlays panel and add it to your desired section.
I added my image in the "Show Current Scene" section in the Just Me Scene.
Just like the presentation, you can also resize the image.
Position your image to where you want to put it.
Click the lock icon to make sure that the image will stay in its place and will not move elsewhere.
If the image was accidentally removed or disappeared on your screen, just click the eye icon and it will display the image again on your screen.
How to Add a Text Overlay
You can also add text within your Overlays panel.
The text could be your greetings to your audience before and after the show or simply your name.
To add text, click the "T" icon on the bottom part of the Overlays panel.
An Add Text Overlay window will appear.
It will allow you to customize the text. You can change the font style, font color, and font size.
With Ecamm, you have the ability to save the font style and font size based on your brand.
Let's add a text overlay.
Type the text in the text box.
In this tutorial, I typed in my full name.
Let's customize the text overlay.
First, change the font color.
To change the font color, click the minicircle with colors located near the Effect tab.
A color window will appear. Choose the color that you want.
I chose Gold which is one of my brand colors.
You can also add background color to your text.
To add a text background, go to the Background tab < check the background box to enable the colors < choose the background color that you want.
Another great feature that you can add to your text is Effect.
You can add effects to your text.
To add an Effect, click the check box on the Effect tab to enable the effects < choose the effect that you prefer. It can be a shadow or a light glow.
You can also remove the effects by unchecking the box.
When you’re done customizing your text, click Add and the text will automatically be displayed on your screen.
Resize and reposition it.
I added mine as a lower third.
You can edit your text if you want to customize it more.
Let's say you want to add an animation to your text.
Double-click the text to reopen the Text Overlay window.
To add an animation, go to the Style tab < choose the animation that you desire.
You can also change the Corners of the box of your text. You can make it round or square.
To change the corners, go to the Corners tab < use the slider to get the design that you want.
You can also change the Margin and Border color of the text box.
Continue exploring the Text Overlay window until you get the text style that you want.
If you added an animation to your text, you’ll see how it works once you click the hide/eye icon.
I chose Fly in from Right.
When I click the hide/eye icon, it flies out to the right.
If I decided to show the text again and click the eye icon, it will fly back in from the right.
You can always change everything to make your text look better.
How to Add a Countdown Timer
Content creators who are doing live streams love this feature.
They use the countdown timer to let their audience know when the show will start and how long they have to wait.
To add a Countdown Timer, click the Number icon at the bottom of the Overlays panel.
The Add Text Overlay window will appear.
There are different types of Countdown Timers.
- Countdown for an Amount of Time
- Countdown to a Date/Time
The Clock timer is perfect for presentations. It will display the hours, minutes, and seconds.
The Stopwatch timer is fun to use if you’re doing a game within your show.
Deselect the Auto-Start if you can make sure that you can manually control the timer when it needs to start or stops.
Most content creators use Countdown for an Amount of Time.
Choose the type of timer that will match the theme of your show.
Set the End Time and choose the Alignment of your timer. You can put it on the left, on the right, or at the center of the screen.
Check the Go To Next Scene When Finished box to make sure that the next scene will proceed after the timer has ended.
When everything is finalized, click Add. Resize and reposition your timer.
Lock the timer to keep it from moving on your screen.
You can also use the hide/eye icon if you want to remove the Countdown Timer on your screen.
How to Delete Overlays
You can delete overlays that are not beneficial to your show. This will ensure that your workflow is organized and efficient.
To delete an overlay, select the overlay that you want to remove < click the Trash Bin icon at the bottom part of the Overlays panel.
If you deleted a Text overlay and you wanted to add another text, just click the "T" icon.
Whatever settings you use from your previous text will still be available on the Text Overlay window.
Scenes and Overlays are the two most powerful and useful features that you can use within Ecamm Live.
Both features are used to create a systematized show giving your audience a reason to stay and watch your show until the end.
Do you know what are the best Live Stream Settings on Ecamm?