This article will teach you how to make avatar pants and shirts that you can sell or wear yourself. There are three designs you can create in Roblox:
- T-Shirts: The simplest version of a apparel design that only requires an image.
- Shirts: Shirts require a template that consists of the right and left sleeve, the front, the back, the upper shoulde part and the down the sleeves part.
Designing apparel in Roblox is one of the very few free ways to earn “free” Robux, so it is worth covering in detail. The process is relatively simple, as long as you get accustomed to using Roblox shirt and pants templates. We also provide a more straightforward but more error-prone transparent template for shirts and pants.
The easiest (and most limited) clothing design is the t-shirt, basically an image on an avatar's chest. To create a t-shirt, create an image (ideally 512Ã—512 pixels) and then upload it to Roblox.
T-shirts are not that complex, and they don't require a template as there is no folding involved (since you don't have to design the back of the t-shirt).
Shirts and Pants
Shirts and pants surround an avatar's body and limbs. This allows Roblox creators more freedom to create sophisticated designs. To get started, you essentially need to create five elements:
- the torso
- the left and right arm
- the left and right leg
To get started quickly, you can download the templates below, provided by Roblox itself. The shirt and pants template and the avatar models demonstrate how the templates fold around an avatar's body to create the full apparel.
You can follow the steps below to generate your own design.
- You can save the templates to your computer by right-clicking the images and selecting Save Image As…
Once you get a grasp of how the folding of the images you place in the templates works, the next part is understanding the sizes of each shape within the templates to create identically-sized images to fit the template.
Here are the sizes for each template part:
|Shape||Size (width Ã— height)||Clothing Parts|
|Large square||128 Ã— 128 pixels||Front and back of the torso|
|Tall rectangle||64 Ã— 128 pixels||Sides of the torso (R, L)|
Sides of arms/legs (L, B, R, F)
|Wide rectangle||128 Ã— 64 pixels||Top and bottom of the 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 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 templates provided above – 585 pixels wide and 559 pixels tall – otherwise the upload process will fail.
- Some avatars do not accommodate clothing by design.
Transparent Shirt & Pants Template
Some designers find it easier to work with the transparent template below for both pants and shirts.
It is important to take into consideration some design limits like the ones below, however, otherwise, you will violate the borders introduced by the outlines and encounter issues like the one showcased below:
When applying clothing to R15 avatars in Roblox, some limits exist with the templates. Here are a couple of examples of how you should and should not design the shoes on a pants template.
The images in the above gallery indicate what can go wrong when your design violates the limits designated by the original templates when using the transparent template. The shoelaces have flooded into the pants part, essentially becoming part of the pants. Sometimes you may want to take advantage of this wardrobe malfunction to create stylish boots though!
Uploading Clothing to the Avatar Shop
You must first pay a fee before uploading or selling certain items. The upload fee is paid when an item is first uploaded before it is moderated. A selling fee is charged when an item is marked “on sale” and made available for others to buy.
|Item Type||Cost||Fee Type|
|Shirt, Pants||10 Robux||Upload Fee|
|T-Shirt||10 Robux||Selling Fee|
|Hat, Hair Accessory, Face Accessory, Neck Accessory, Shoulder Accessory, Front Accessory, Back Accessory, Waist Accessory||750 Robux||Upload Fee|
The item creator will receive a percentage of the sales if the item is sold on Roblox. Additionally, if the item is sold within an Experience, the revenue share will be split with the owner of the experience.
The current revenue share percentages are as follows:
|Item Type||Catalog Purchase||In-Experience Purchase|
|T-Shirts, Shirts, and Pants||Creator receives 70%||Creator receives 60%|
Affiliate receives 10%
|Hats and Accessories||Creator receives 30%||Creator receives 30%|
Affiliate receives 40%
You can test clothing in Roblox Studio without paying a fee by following the steps 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.
Once you've finalized and tested your design, you can upload the clothing item to Roblox.
- First, go to the Roblox Create page.
- Depending on your design, click on either Shirts, Pants, or T-Shirts in the left column.
- In the main area of the window, click Choose File to select your template file. Remember that your image must be 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. After Roblox's approval, 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.
If you are looking for more ways to customize Roblox avatars, make sure to have a look at our Roblox free hair codes guide.