# Overlay

**Overlay Objects** are the driving force of connecting *3D* and *2D* components in **Incari**. Since these items are separated into their respective dimensionalities in either [**Scenes**](https://docs.incari.com/incari-studio/2023.2/objects-and-types/project-objects/scene) or [**Scene2Ds**](https://docs.incari.com/incari-studio/2023.2/objects-and-types/project-objects/scene2d), it is necessary to use **Overlay Objects** to combine them if a *User Interface* calls for a mix of the two.

## Setting up for an Overlay Object

To start, the user must create a **Scene2D** and populate it with the desired *2D* components. This can be done in the **Project Outliner**. After it is created and dragged to the correct **Screen**, the user just needs to locate the appropriate tab at the top of the window, below the Menu bar of **Incari Studio**.

![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-6a2e480582988a95eba278ee2c1f8f9b468daacf%2Foverlayimage120232.png?alt=media) ![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-5ca262b9c23ca7582d1a89d04975d3be483a7e22%2Foverlayimage220232.png?alt=media)

Once finished with any *2D* aspects for that particular **Scene2D**, the user then needs to go to the desired *3D* **Scene** in which they wish to overlay *2D* elements.

## Creating an Overlay Object

To create an **Overlay Object**, either click the plus icon in the **Scene Outliner** or right-click in the **Scene Outliner**, hover over `Create`, and locate **Overlay**.

![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-7f552f26a6b5cb02d13ec655ff71481074d9e397%2Foverlayimage320232.png?alt=media) ![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-de16d2c6df8efc2ba8ff7a8fdf460b6fd0badf2f%2Foverlayimage420232.png?alt=media)

In the **Attribute Editor**, the desired **Scene2D** simply needs to be selected from the drop-down Menu of `2D Scene` under the `Overlay` **Attribute**.

![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-429fc94b73fd07d70e5b713db0d63f0499cbac75%2Foverlayimage520232.png?alt=media) ![](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-31bdb843bd93498d3e277c7248d5882606018cc2%2Foverlayimage620232.png?alt=media)

Once this is done, the **Scene2D** will render over the *3D* **Scene**. An example of this process is shown below, culminating in a **Player View** that displays the contents of the **Overlay Object**.

![Overlay Object Example.](https://2561100106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff6JZovzOqBctA4C1o76u%2Fuploads%2Fgit-blob-58fbdd6e80b8efaeb65af834a6cdcb26a9d5c47f%2Foverlaygif20232.gif?alt=media)