Your first graphic: step-by-step tutorial

Let's create a simple lower third graphic from scratch.

Step 1: Create a new graphic

1. Go to Graphics in the sidebar.
2. Click New Graphic.
3. Choose Start from Scratch (or Pick from Library to begin from a template package).
4. Name it (for example, "My First Lower Third"), pick a resolution, and click Create and edit. The editor opens.

Step 2: Add a subcomposition

1. In the Composition panel, click + Subcomp.
2. Name it "Lower Third".
3. Set the Logic Layer (for example Lower Third; other options: Bugs, Full Screen, Tickers, Score Bugs, Custom) and click Add.

Step 3: Add elements

1. From the Elements panel (left side, under Creators), drag a Rectangle onto the canvas.
2. Position it at the bottom of the screen (this is your background bar).
3. In the Inspector (right side), set the fill color.
4. Drag a Text element and place it on top of the rectangle.
5. Type a name, for example "John Smith".
6. Adjust font, size, and color in the Inspector.

Step 4: Add an animation

1. Select the subcomposition in the tree.
2. In the Property Panel, go to the Animation section.
3. Choose an IN preset (for example, "slideInLeft").
4. Choose an OUT preset (for example, "slideOutLeft").
5. Set the duration (for example, 500ms).

Step 5: Deploy

1. Click the Deploy button in the toolbar to push your graphic to the live output.
2. Open the Output menu and choose Copiar URL para OBS/vMix to copy the Output URL.
3. In OBS, add a Browser Source and paste the URL.
4. Set the resolution to 1920×1080.

Step 6: Test it

Go to Helmo Control, find your graphic, and press the IN button. Your lower third should animate in on the OBS output.

Congratulations, you've created your first broadcast graphic!