# Timeline

{% embed url="<https://vimeo.com/435844380>" %}
Timeline Overview
{% endembed %}

## Description

The Timeline module is one of PHOTON’s main components. It is where various types of content are edited and composited. Powerful yet easy to grasp, its tools are inspired by the state-of-the-art software editors and content creators are using around the globe. Advanced sequencing, color grading, automation and Real-Time FX are a few of the perks that makes our Timeline module stand out.

{% hint style="info" %}
**OPEN THE TIMELINE MODULE**

Select {Show > Timeline} or press \[Alt+T].
{% endhint %}

## Features

* **Compositing**: Blending modes and advanced alpha management.
* **Editing**: Professional editing tools.
* **Color Grading**: Color grading tools including looks, curves, levels and much more.
* **FX Creation**: Build your own live effects with more than a 100 shaders.
* **Animations**: Keyframe any slider in sight.
* **Time**: Sequence your show with regions and time–remap videos using frame blending.

## Module-related tasks

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Get Started</td><td><strong>Add a Media Clip onto the Screen</strong></td><td><a href="../../get-to-know-photon/get-started-a-quick-start-guide#6.-add-a-media-clip-onto-the-screen">#6.-add-a-media-clip-onto-the-screen</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FASMHdwMwEurdRs9Y3vbc%2Ftimeline_add%20media%20clip%20onto%20the%20screen.jpg?alt=media&#x26;token=8da60cc4-d2e2-4e20-8892-2c832d9ed1df">timeline_add media clip onto the screen.jpg</a></td></tr><tr><td>Use a graph asset to Create a FX</td><td><strong>Add the Input Device as Texture Source</strong></td><td><a href="../../step-by-step-tutorials/fx/use-a-graph-asset-to-create-a-fx#3.-add-the-input-device-as-the-texture-source">#3.-add-the-input-device-as-the-texture-source</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FDnlmzL6Rp6iwsweyMHkX%2Ftimeline_add%20the%20input%20device%20as%20the%20texture%20source.jpg?alt=media&#x26;token=626bd841-5c9f-4fb6-9250-f6d65e23d074">timeline_add the input device as the texture source.jpg</a></td></tr><tr><td>Drag and Drop in PHOTON</td><td><strong>Drag-and-Drop a Media onto the Timeline to Create a Media Clip</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/drag-and-drop-in-photon#1.-drag-and-drop-a-media-onto-the-timeline-to-create-a-media-clip">#1.-drag-and-drop-a-media-onto-the-timeline-to-create-a-media-clip</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FVmICzYxIPQvwhysuhv9e%2Ftimeline_drag%20and%20drop%20a%20media%20onto%20the%20timeline%20to%20create%20a%20media%20clip.png?alt=media&#x26;token=ce0321ee-6f58-44e4-a844-762dbca9ca99">timeline_drag and drop a media onto the timeline to create a media clip.png</a></td></tr><tr><td>Drag and Drop in PHOTON</td><td><strong>Drag-and-Drop an Input Device onto the Timeline to Create an Input Device Clip</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/drag-and-drop-in-photon#3.-drag-and-drop-an-input-device-onto-the-timeline-to-create-an-input-device-clip">#3.-drag-and-drop-an-input-device-onto-the-timeline-to-create-an-input-device-clip</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FX0xkQS2rLeTJGd5Lx2pT%2Fiomanager_drag%20and%20drop%20an%20Input%20Device%20onto%20the%20Timeline.png?alt=media&#x26;token=e2e854d3-bca3-48b1-a907-32bebb6156c1">iomanager_drag and drop an Input Device onto the Timeline.png</a></td></tr><tr><td>Control Projectors with Cues</td><td><strong>Control Projector Shutters on the Timeline with Clue Clips</strong></td><td><a href="../../step-by-step-tutorials/i-o/projector-control/control-projectors-with-cues#3.-control-projector-shutters-on-the-timeline-with-cue-clips">#3.-control-projector-shutters-on-the-timeline-with-cue-clips</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FsJDicRJa8utaXJZKSeBn%2Ftimeline_control%20projector%20shutters%20on%20the%20timeline%20with%20cue%20clips.png?alt=media&#x26;token=179fa61c-d206-460b-b8c9-a8a65cc8633a">timeline_control projector shutters on the timeline with cue clips.png</a></td></tr><tr><td>Create Regions and Jump Between them with a Cue</td><td><strong>Create Regions</strong></td><td><a href="../../step-by-step-tutorials/programming/create-regions-and-jump-between-them-with-a-cue#1.-create-regions">#1.-create-regions</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FnWBsVurIh5M4kTwlPIgw%2Ftimeline_create%20regions.png?alt=media&#x26;token=bc3e7389-f8c9-46f0-8f3c-9dc52920be0e">timeline_create regions.png</a></td></tr><tr><td>Create Regions and Jump Between them with a Cue</td><td><strong>Use Cue Clips to Jump Between Regions</strong></td><td><a href="../../step-by-step-tutorials/programming/create-regions-and-jump-between-them-with-a-cue#3.-use-cue-clips-to-jump-between-regions">#3.-use-cue-clips-to-jump-between-regions</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FK886tyIUFZFxH6OcjWKt%2Ftimeline_use%20cue%20clips%20to%20jump%20between%20regions.png?alt=media&#x26;token=98fa9b6b-68da-46d1-b382-f76d7de0f704">timeline_use cue clips to jump between regions.png</a></td></tr><tr><td>Frame and Reset View in PHOTON</td><td><strong>Timeline Frame and Reset View</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/frame-and-reset-view-in-photon#1.-timeline-frame-and-reset-view">#1.-timeline-frame-and-reset-view</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FcB5d8pIKxiLASNql7YiQ%2Ftimeline_frame%20and%20reset%20view.png?alt=media&#x26;token=c2442102-6a69-4788-beee-d99f4fe03796">timeline_frame and reset view.png</a></td></tr><tr><td>Use Timecode in PHOTON</td><td><strong>Bind the Timeline to a Timecode</strong></td><td><a href="../../step-by-step-tutorials/timecode/use-timecode-in-photon#3.-bind-the-timeline-to-a-timecode">#3.-bind-the-timeline-to-a-timecode</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FZ41SdiETAJDNXLz5RjdY%2Ftimeline_bind%20timeline%20to%20a%20timecode.jpg?alt=media&#x26;token=83a126b6-2e7a-435e-b2ce-41eca8621fd4">timeline_bind timeline to a timecode.jpg</a></td></tr><tr><td>Find in...</td><td><strong>Find Media in the Timeline</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/find-in...#1.-find-media-in-the-timeline-file-manager">#1.-find-media-in-the-timeline-file-manager</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FsMo6Gs4mtHLaWBSPdwiy%2Ffilemanager_find%20media%20in%20the%20timeline.png?alt=media&#x26;token=c482295c-bf91-43b7-91c9-5f5080235f62">filemanager_find media in the timeline.png</a></td></tr><tr><td>Find in...</td><td><strong>Find Cues in the Timeline</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/find-in...#2.-find-cues-in-the-timeline-cue-editor">#2.-find-cues-in-the-timeline-cue-editor</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FZ6nmVg6zNE3dE1CUDBrA%2Fcueeditor_find%20cues%20in%20the%20timeline.png?alt=media&#x26;token=ff1f9322-3ce1-401e-a221-bc6bd3c1e68d">cueeditor_find cues in the timeline.png</a></td></tr><tr><td>Find in...</td><td><strong>Find Input Devices in the Timeline</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/find-in...#3.-find-input-devices-in-the-timeline">#3.-find-input-devices-in-the-timeline</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2Fm82Q6naMzjJUjaGIaM5p%2Fiomanager_find%20input%20devices%20in%20the%20timeline.png?alt=media&#x26;token=0a224c5f-513c-4d02-b7d2-3b75d4cd63cb">iomanager_find input devices in the timeline.png</a></td></tr><tr><td>Frame and Reset View in PHOTON</td><td><strong>Preview Frame and Reset View</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/frame-and-reset-view-in-photon#2.-preview-frame-and-reset-view">#2.-preview-frame-and-reset-view</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FAgA2eSeDvHenCU3URgdw%2Fpreview_frame%20and%20reset%20view.png?alt=media&#x26;token=4f904ca2-10b6-45e3-9a6c-b44c58a7190c">preview_frame and reset view.png</a></td></tr></tbody></table>

## Related documentation

{% embed url="<https://docs.vyv.ca/user-guide/4.-programming-a-show/2.-timeline>" %}
User Guide / 4. Programming a Show / 2. Timeline
{% endembed %}