Interface Overview

We designed Lightform Creator to use a simple and intuitive workflow to create amazing projected AR content.

  1. Artboard
  2. Toolbar
  3. Layers Panel
  4. Scan Properties
  5. Property Panel 
  6. Slides Panel
  7. Asset Browser

While designing Lightform Creator, we drew inspiration from best practices used in software like Adobe Suite and Interface Design to bring familiarity to a new medium of projected augmented reality motion content.

interface_1_1x.png

At the center of the user interface (UI) is an interactive view into the canvas where an artboard is drawn and all of the content is created. The toolbar at the top dynamically reveals all of the content creation and editing tools. The layers panel on the left displays all objects in a rearrangeable list. The property panel on the right dynamically reveals all editable parameters. The slides panel at the bottom contains all your compositions, known as slides.


Artboard

You can zoom in or out of the artboard by pressing CMD+Scroll or if using a trackpad, pinch, and pannable spacebar workspace. All content is created inside of the artboard and its size is determined by the resolution of the projector during the scan. 

You can place content outside of the artboard but any part of the content not inside the artboard will not be visible when published.


Toolbar

We intentionally chose not to hide any tools within drop-down menus. Instead, the toolbar dynamically changes to reveal the allowed operations at any given time.

1.11-toolbar_1x.png

Note

If you would like to return to the default mode (i.e., switch away from a particular masking tool you've selected) press esc.

Read more about editing modes, masking tools, and content creation.  


Layers Panel

The layers panel consists of surfaces. Each surface can contain its own group of assets: effects, generators, videos, or images.

Layers_Panel_2x.png

Layers can be selected, reordered, renamed, locked, and hidden. When a layer is selected in the Layers Panel or the Artboard, all of its properties are revealed in the Property Panel.

An asset layer can be duplicated within the same surface on the current slide, next or previous slide, or all slides. Right-click the asset layer to reveal duplication options.


Scan Properties

The scan acts as a powerful background layer for masking and creating instant effects. The Scan properties give the option to take a new scan or adjust opacity, brightness, and hole filling in the existing scan. It can be accessed by clicking Edit > Scan Properties or by de-selecting all active layers by clicking in an empty area on the artboard.

1scanProperties_1x.png


Property Panel

The Property Panel can inspect and modify parameters for any selected object(s). This includes Surfaces, Scans, Assets, and Slides. The Property Panel changes dynamically based on the selection. 

Properties_Panel_2x.png


Slides Panel

The Slides Panel is a horizontal view of Slides. Slides can be duplicated, deleted, reordered, and renamed.

By creating a new slide, you are able to use the same Surfaces with entirely new content. The length of a slide can be adjusted in the Slide Properties as well as options to loop, hide, and fade the slide.

1.11-slides_1x.png


Asset Browser

The Asset Browser is a library of built-in, user-imported, and stock content. Users can import custom images and videos into the Media Browser by dragging files directly into Lightform Creator. Read more about adding content.

1.11-assetBrowser_1x.png

Was this article helpful?
22 out of 25 found this helpful

Sign in to make a suggestion to improve this article

  • Comment actions Permalink
    Avatar
    Andrew Hunt

    How does scrolling left-right in Design view work on a PC? After zooming in, I can scroll up/down only using my mouse wheel. Left-right, up-down keys on keyboard don't work at all.

  • Comment actions Permalink
    Avatar
    Ehsan at Lightform

    Hey Andrew, there are 4 ways to pan around the canvas. My favorite way is to use two fingers on a trackpad so you can seamlessly pinch to zoom and move around all at the same time. 

    Using a mouse, as you discovered, you can scroll up and down. If you hold shift while you scroll, the canvas will pan left/right instead of up/down. 

    The 4th option is to hold down the spacebar and then move your mouse around freely. 

    See more of the keyboard shortcuts here: https://guide.lightform.com/hc/en-us/articles/360009054774

  • Comment actions Permalink
    Avatar
    Andrew Hunt

    Thanks Ehsan