First graphic on air
Build a lower third and take it to air in OBS or vMix in a few minutes.
This page takes you from a fresh install to a lower third on air in OBS or vMix. It takes about 10 minutes. If you haven’t installed Kinetra yet, start with Install.
You’ll make three things:
- a project: a folder that holds everything for your show;
- a template: the lower third graphic;
- a screen: a canvas with your graphics, which OBS or vMix shows through one URL.
1. Create a project
Section titled “1. Create a project”- Start Kinetra. You see Open a project to start.
- Click New project.
- Type a Name, for example “My show”.
- Next to Location, click Choose… and pick a folder, for example Documents.
- Click Create.
Kinetra makes a folder for the project and opens its Dashboard.
2. Create a lower third
Section titled “2. Create a lower third”- On the Dashboard, click Create your first template (or go to Templates › New template).
- Click the Lower third card.
- Click Create.
The template opens in the editor. You don’t need to change anything now. Click Templates at the top left to go back.
3. Create a screen and add the lower third
Section titled “3. Create a screen and add the lower third”- Click Screens in the sidebar, then New screen.
- Keep the Resolution at 1920×1080 and the Background at Transparent. Click Create.
- The layout editor opens. Click Add layer and pick Lower third under Templates.
The lower third appears near the bottom left of the screen.
- At the top, click the copy button next to the screen’s URL. The URL looks like this:
http://127.0.0.1:7770/screen/k3m9x2p7qa4. Add the screen to OBS or vMix
Section titled “4. Add the screen to OBS or vMix”Kinetra must be open with your project for the graphics to show.
OBS Studio
Section titled “OBS Studio”- In Sources, click + and choose Browser.
- Name it “Kinetra” and click OK.
- Paste the URL into URL.
- Set Width to
1920and Height to1080. - Click OK.
- Make sure the Kinetra source is at the top of the source list, above your camera.
- Click Add Input and choose Web Browser.
- Paste the URL and click OK.
- Put the new input on an overlay channel, for example by clicking 1 under the input.
The page is transparent, so you see nothing yet. That’s expected: nothing is on air.
5. Take it to air
Section titled “5. Take it to air”- Click Control in the sidebar.
- Click your screen, then click the arrow next to Lower third in the panel on the right to show its fields.
- Type a Name and a Title.
- Click Take.
The lower third animates in, in Kinetra and in OBS or vMix. The layer’s dot turns red: On air.
- Click Clear to take it off air.
That’s it: your first graphic is on air.
If nothing shows in OBS or vMix
Section titled “If nothing shows in OBS or vMix”- Check that Kinetra is open and the top of the window shows an address like
127.0.0.1:7770. If it says Port 7770 is in use, see Troubleshooting. - Check that you pasted the whole URL, including
/screen/…. - Add
?debugto the end of the URL in OBS or vMix. A small badge shows whether the page is connected to Kinetra. - In OBS, check that the browser source is above your other sources.
Next steps
Section titled “Next steps”- Get to know the interface.
- Learn more about Control: editing on air, hotkeys and PANIC.
- Give your graphics a style and your brand colors.
- Fill graphics from a guest list or spreadsheet.