A quick tour: from project to on-air graphic
This walkthrough takes you from an empty workspace to a running on-air graphic in about ten minutes. It does not explain every option; use the linked pages in each step if you want more detail.
You need editor or admin access to follow this.
1. Create a project
Projects group everything that belongs together — templates, datasets, productions and outputs.
- Open Projects in the navigation.
- Click New project and give it a name. "Demo" is fine.
See: Projects / Creating a project.
2. Build a template
The template is the visual design.
- Open the project, then Templates → New template.
- Set a width and height that match your output (for example 1920 × 1080).
- Add a text object, type "Hello world" and position it.
- Save. Auto-save runs in the background too.
See: Templates / Creating a template and Editor.
3. (Optional) Bind the text to data
If you want to change the text without re-editing the template:
- Open the project's Data Schemas and create a simple object schema with one text field, for example
name. - In the template, select your text object and bind it to
name. - Create a Dataset that provides a value for
name.
See: Project Data Schemas, Datasets and Editor — Data Binding.
4. Create an output
The output is the URL the broadcast tool will capture.
- Open Outputs in the project and create one.
- Note its public URL — this is what you give to vMix/OBS/TriCaster as a browser source.
See: Outputs.
5. Build a production
The production ties templates, datasets and the output together for a live show.
- Open Productions → New production and pick the output you just created.
- Add a layer, choose your template and (if you made one) the dataset.
See: Productions.
6. Drive it from the control panel
- Open the production's Control panel.
- Click Take — the graphic appears on the output.
- Click Out — it animates off.
You can open the output URL in a second browser tab to see the rendered graphic while you click.
What to read next
- Editor for the design basics.
- Project Data Schemas and Datasets for the data side.
- Productions and Control panel for operating a live show.