Making Avatar Clothing

5 min

This article outlines how to make avatar pants and shirts, either for yourself or to sell in the catalog.

T-Shirt Decals

The easiest (but most limited) clothing design is a t-shirt which is basically an image applied to the front of an avatar’s torso. To make a t-shirt, create an image (ideally 512×512 pixels) and then articles/game assets#images|upload it to Roblox.

Shirts and Pants

Unlike t-shirts, shirts and pants wrap all the way around an avatar’s body, giving you more design control. To get started, download the following clothing templates and draw your own art on top.

Right-click these images and select Save Image As… to save the templates to your computer.

On each template, notice that the parts are "folded up" and wrapped around a Roblox character's body, arms, and legs. Here are the sizes for each template part:

Shape	Size (width × height)	Clothing Parts
Large square	128 × 128 pixels	Front and back of torso
Tall rectangle	64 × 128 pixels	Sides of torso (R, L) Sides of arms/legs (L, B, R, F)
Wide rectangle	128 × 64 pixels	Top and bottom of torso
Small square	64 × 64 pixels	Top and bottom of arms/legs (U, D)

Open a template in the image editor of your choice; some free options include GIMP and Paint.NET.
Design your clothing item and then articles/game assets#images|upload it to Roblox. Note that you can use 8-bit alpha channels for transparent regions.

Notes / Limitations

Your image must be the exact dimensions of the template — 585 pixels wide and 559 pixels tall — or the upload process will fail.
Some avatars like Knights of Redcliff: Paladin do not accommodate clothing, by design.

Design Considerations

When applying clothing to articles/roblox avatars|R15 avatars in Roblox, some limits exist with the templates. Here are a couple examples of how you should and should not design the shoes on a pants template.

In this example, the shoe designs are placed near the bottom of the leg regions (L, B, R, F) but don't extend too far up. This provides a nice separation between the shoes and the bottom of the jeans.

Here, the shoe designs extend too far up the leg regions (L, B, R, F) which make them appear as if they're part of the pants. The same issue may occur near other joints on the avatar's body.

Uploading Clothing

Testing Clothing

Clothing can be tested as outlined below:

In Studio, open the Plugins tab and click Build Rig.

Choose a rig type from the popup menu. This should drop a “Dummy” avatar in your workspace.

In the Explorer window, hover over the Dummy object, click the button, and insert either a ShirtGraphic (T-Shirt), Shirt, or Pants object according to your clothing type.

Locate and select the new Shirt Graphic or Clothing object inside the dummy.

In the Properties window, locate the associated property as follows:

Click inside the property’s row and select the image you uploaded to Roblox. This should apply the clothing to the dummy avatar so you can see how it looks.

To make sure your clothing looks as good as possible on as many avatars as possible, make sure you test on a few different rig types.

Upload Process

Once you’ve finalized and tested your design, you can upload the clothing item to Roblox.

Go to the Create page.
Click on either Shirts, Pants, or T-Shirts in the left column, depending on your design.
In the main area of the window, click Choose File to select your template file. Remember that your image must be the exactly 585 pixels wide and 559 pixels tall or the upload process will fail.
Type in a creative name for your item.
Click the Upload button. Once approved by Roblox, the item will show up as one of your creations and can be applied to your avatar or offered for sale to other Roblox players.

Tags:

avatar
clothing
shirt
pants