> For the complete documentation index, see [llms.txt](https://metaversenw.gitbook.io/user-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://metaversenw.gitbook.io/user-manual/immersive-quest-system/creation-of-immersive-world-with-layered-depth..md).

# Creation of immersive world with layered depth.

Welcome to this step-by-step guide on creating immersive worlds with layered depth. In this guide, you will learn how to enhance your quests and user-generated games by incorporating these techniques,

**1. Create a World**

[Please refer to this guide](/user-manual/immersive-quest-system/creation-and-customization-of-a-2d-metaverse.md) if you haven’t created a new world yet.&#x20;

**2. Access Your World**

Access your world by Clicking it. Open your new world.

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2Fmh6fJIDQxSjMKEEJhi88%2FPillars.png?alt=media&amp;token=ad24a798-9512-46da-ada3-c78b7dbe86de" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FwKrnyV2CW4EDhMN827yG%2Fimage3.png?alt=media&amp;token=2acf04ac-bfbf-459b-9097-0f04fb585bbf" alt=""><figcaption></figcaption></figure>

**3. Using ChatGPT or MidJourney, Generate your preferred image.**&#x20;

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FJM8vofH3a9zmX3A4rrA0%2FScreenshot_1.png?alt=media&amp;token=776dd082-a84a-4b11-bfd0-5e64f544ffe6" alt=""><figcaption></figcaption></figure>

**4. Open Adobe Photoshop and Import your generated image.**&#x20;

Separate the image into two layers to give it a 2.5D dimension and a more immersive feel. Make sure that when you export your images, they are lighter than 2 megabytes and have transparency enabled.

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FL8P0jRnXbHKxULfUAvCb%2FUntitled%20design%20(1).png?alt=media&amp;token=9f761f19-fb78-4065-a410-47e9a651361f" alt=""><figcaption></figcaption></figure>

**4. Click the Customize button and click on Add object.**

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FJk9I2y75kq5Jak4UpjK7%2FScreenshot_4..png?alt=media&amp;token=11f5283a-b0f1-4f4c-a750-2c66f27f74f9" alt=""><figcaption></figcaption></figure>

4.1. First, upload the first image, The main background depth should be set up as "Floor". Click "Upload".

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2F5z2nvDSqh3kPiEYmjHVy%2FScreenshot_5%20(1).png?alt=media&amp;token=24b51fa7-1cf2-4d26-a34b-b5dcbcab41fc" alt=""><figcaption></figcaption></figure>

Once uploaded, drag the mouse to place it in the right location to cover the whole canvas. Then, click "Create a New Object."

4.2. Upload the second image and select the "Above Avatar Depth" option. You can play with different depths. Place it exactly on top of the main image.

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FBzlGFnojMLXkAYe6nkXD%2FScreenshot_6%20(1).png?alt=media&amp;token=fc5eb0fe-6fe9-4c60-aa42-2bb9ffe4d375" alt=""><figcaption></figcaption></figure>

**5. Verify and test the depth of feeling in your world.**

<figure><img src="https://3287443642-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUmYKzaqvyDZcUSLKTr99%2Fuploads%2FhyoR57giM8anVAA3p2BR%2FScreenshot_3.png?alt=media&amp;token=df4ab1e1-fb66-44da-b398-d05ebce2d8cd" alt=""><figcaption></figcaption></figure>
