> For the complete documentation index, see [llms.txt](https://guide.assemblrworld.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.assemblrworld.com/creation-guideline/create-engaging-3d-ar-illustrations.md).

# Create Engaging 3D/AR Illustrations

This guide will help you design stunning 3D/AR projects to enhance your illustrations! By adding 3D/AR elements, your work will become more captivating and interactive.

Note: This is a reference guide for creating 3D/AR. Feel free to get creative with Assemblr Edu’s 3D objects to suit your needs!

## <mark style="color:blue;">Basic Layout</mark>

<figure><img src="/files/NcLRgq30FTABsYQNxXn2" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/899d4c)) <a href="#lihat-dan-duplikat-proyek-disini" id="lihat-dan-duplikat-proyek-disini"></a>

<figure><img src="/files/KX3yFEraacn6y5Kv2P3L" alt=""><figcaption></figcaption></figure>

### ✅ Layer Your Illustrations with 2D Images

* Arrange your illustrations neatly by splitting the image into separate objects.
* Use .png images with no background to create clean, polished designs.
* Limit the number of images to 30 per project, and ensure each file is under 1MB for smoother performance.

### ✅ Organize Your Layout Properly

* Maintain proper spacing between images to avoid clutter.
* Position each image thoughtfully to ensure a cohesive and balanced design.

### ❌  Choosing the Wrong 2D Images

* Using off-theme or poorly formatted images (e.g., with backgrounds or non-.png files).

### ❌  Messy Layout

* Overlapping or closely packed images can make your project look disorganized.

## <mark style="color:blue;">Create Parallax Projects for Dynamic Effects</mark>

<figure><img src="/files/06Oq6NM6vYLoUVmFnfqY" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/425d1b))

Design projects with a parallax effect to make your background come alive and create the impression of stepping into a new world. This effect makes your project visually dynamic and immersive!

<figure><img src="/files/xzROOz97gSqzotLfGfl4" alt=""><figcaption></figcaption></figure>

### ✅ Use Thematic 2D Images

* Choose images that match the theme for a cohesive look.
* Use .png files without backgrounds.
* Limit the project to 30 images and ensure file sizes are under 1MB.

### ✅ Align Your Images Neatly

* Arrange images in a straight direction so viewers feel like they’re moving into the scene.
* Maintain consistent spacing between images (front-to-back).
* Preview the project to ensure proper alignment and flow.

### ❌ Poor Image Selection

* Off-theme images, unedited backgrounds, or oversized files can ruin the project’s appearance.

### ❌ Unorganized Layout

* Misaligned or randomly placed images can make your project look chaotic.
* Incorrect spacing can lead to overlapping or gaps between images.
* Skipping the preview step may result in an unfinished or disjointed design.

## <mark style="color:blue;">Dynamic Moving Scenes AR Projects</mark>&#x20;

<figure><img src="/files/Hu5e1pCg4qRmaydRRMZi" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/92ca24))

Bring your AR projects to life with interactive motion! Perfect for storytelling and creative applications.

<figure><img src="/files/ZiT9VMn09bqJAuTeEVSN" alt=""><figcaption></figcaption></figure>

### ✅ Use Thematic, High-Quality Images

* Select .png images that align with the project’s theme.
* Avoid using more than 30 images, and ensure files are under 1MB.

### ✅ Arrange Projects Neatly

* Use the “Set Camera” feature to create multiple scenes from different perspectives.
* For example, set the scene 1 for the front view, the scene 2 for the right view, and scene 3 for the left view.
* Ensure consistent spacing between images (front-back/left-right).
* Preview your project to ensure everything is aligned and functioning as intended.

### ❌  Incorrect Image Format

* Using images that are off-theme, have backgrounds, or are not in .png format.

### ❌ Disorganized Layout

* Cluttered or overlapping images without clear patterns.
* Unfinished scenes with misaligned camera frames.
* Skipping the preview step, leading to incomplete results.

By following these tips, you’ll create stunning 3D/AR projects that are both visually appealing and interactive!

<br>