> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bloxiana.lol/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 2D Avatar Rendering

> Render up to 4 Roblox avatars into a custom scene, right in your browser

The [2D Avatar Render tool](https://bloxiana.lol/clothing/2d-render) builds a custom scene with up to four Roblox avatars, using their real assets, body colors, poses, and a background of your choice. It's perfect for outfit showcases, duo and squad shots, and thumbnails.

Everything runs in your browser. Your inputs and the finished image stay on your device, and nothing is saved to our servers.

## Quick start

<Steps>
  <Step title="Load an avatar">
    Open **Load Outfit**, enter a Roblox username or user ID under **Roblox User**, and click **Load into Active Avatar**.
  </Step>

  <Step title="Adjust it (optional)">
    Use **Controls**, **Skin Tone**, and **Background Options** to fine-tune the look.
  </Step>

  <Step title="Generate">
    Click **Generate Scene** to render your final 2D image.
  </Step>
</Steps>

## Building a scene with multiple avatars

Every scene starts with **Avatar 1**. Use the **+** next to the avatar tabs to add more, up to four total. The selected tab is the **active avatar**, and every change you make applies to it, so switch tabs to edit each avatar independently before you render.

## Loading an avatar

Open **Load Outfit** and pick a source for the active avatar:

* **Roblox User** enter a Roblox username or user ID (for example `Builderman` or `156`), then click **Load into Active Avatar** to pull that user's current avatar.
* **CAC Outfit** load an outfit from the [Catalog Avatar Creator](/docs/roblox/cac) by its outfit ID.

<Note>
  You may be asked to complete a quick verification check the first time you load an outfit. Complete it and the request continues automatically.
</Note>

## Controls

The **Controls** panel is where you fine-tune the active avatar.

<AccordionGroup>
  <Accordion title="Asset IDs">
    The comma-separated list of asset IDs that make up the avatar. Loading a user fills this in automatically. Edit the list to add or remove specific items (hats, shirts, faces, and so on).
  </Accordion>

  <Accordion title="Rig">
    Switch the avatar between **R15** and **R6**.
  </Accordion>

  <Accordion title="Pose">
    Choose the avatar's pose from the pose picker.
  </Accordion>

  <Accordion title="Body scale">
    **Height**, **Width**, **Head**, and **Proportion** sliders adjust the avatar's proportions.
  </Accordion>

  <Accordion title="Body toggles">
    Quick switches for common looks: **Woman**, **Headless**, **Korblox**, and **SSHF**.
  </Accordion>
</AccordionGroup>

## Skin tone

Open **Skin Tone** to set the avatar's body colors.

## Background

Under **Background Options**, choose the backdrop for the whole scene:

| Option          | Result                                            |
| --------------- | ------------------------------------------------- |
| **Transparent** | No background, ideal for overlays and thumbnails. |
| **White**       | A plain white backdrop.                           |
| **Color**       | Pick any solid color.                             |
| **Image**       | Use your own background image.                    |

## Generating your scene

When everything looks right, click **Generate Scene** to render the final 2D image of your avatars on the chosen background. Since it all happens in your browser, the render is yours to save directly from the page.

<Tip>
  You can also trigger a quick render from Discord with `/cac avatar-render`, which links back to this tool if you want to change the pose or customize the render further. See the [Catalog Avatar Creator](/docs/roblox/cac).
</Tip>