Avatar Clothes

This doc goes over how to create custom clothes for avatars in Roblox using Blender.

Setting Up

  • Get the 'Clothing_Cage.blend' file.

  • Save it as a new file to build your asset.

  • Duplicate the 'InnerCage' object, we can use this as a starting point.

    • This is not compulsory, it is simply a starting point.

  • With the duplicate selected, right click and select 'Parent > Clear and Keep Transformation'.

    • This will remove this from the 'Cage' parent asset.

  • Clear the 'Color Attributes / colorSet1' attributes in the 'Data Properties'.

Clear the Color Attributes...

  • Rename your duplicate asset to the type of asset you want to make. <AssetName> will be used moving forward.

  • Rename '<AssetName>_OuterCage' and '<AssetName>_InnerCage'.

  • Hide the OuterCage and InnerCage assets for later.

Make sure you have the names the same as this is important for Roblox to connect the assets. You should have the following as an example :

  • CoolSweater

  • CoolSweater_InnerCage

  • CoolSweater_OuterCage

Creating the Asset

  • Make your asset as you like.

  • Cap all holes in your asset so the asset is watertight.

  • Unwrap UVs of your asset.

  • Texture the Asset.

It is recommended that your assets cover the '<AssetName>_InnerMesh' asset. Your clothes will not overlap the body in Roblox unless the body part is hidden due to the Clothes Type chosen.

Note that shoes are a LeftShoe and a RightShoe.

Gloves are not Clothes or an Accessory type. You may have luck using the Left or Right Grip in the Accessory category.

Rigging the Asset

  • Import the R15 rig to your scene.

  • Rig the asset.

  • Unhide the '<AssetName>_OuterCage'

  • Adjust the OuterCage asset to fit your clothes asset as close as possible.

    • Use 'Snap / Face' tools.

Updating the OuterCage

  • Unhide the '<AssetName>_Outercage' asset.

  • Position the OuterCage vertices to your clothing.

    • It is recommended to position the vertices as close as possible to your clothes.

      • Select all vertices and use 'Alt + S' to scale all the vertices outwards.

      • Use 'Snap / Face' tool to position the vertices exactly ontop of your clothes assets.

      • Use the 'X-Mirror Symmetry' tool in Edit mode to mirror the changes to the OuterCage to the opposite side to save time on symmetrical meshes.

Make sure that you move the OuterCage vertices away from the InnerCage vertices, otherwise you may get a warning on import or the clothes will not be the right scale in Roblox.

Exporting the Asset

FBX Export Settings...

  • Unhide and export the following assets as an .fbx :

    • Armature + <AssetName>

    • <AssetName>_InnerCage

    • <AssetName>_OuterCage

  • Use the following export settings :

    • Path Mode - Copy + Embed Textures Enabled

    • Scale - 0.01

    • Turn off 'Add Leaf Bones'

    • Disable 'Bake Animation'

Importing your Asset

  • In the Avatar tab, select 'Accessory Fitting Tool'.

  • Import the asset into Roblox Studio using Import 3D File at the top.

    • Uploading to Roblox is generally not recommended.

    • Everything else can be left as default.

    • You can also import the 3D file first and then open the Accessory Fitting Tool.

Import your Asset...

  • Select the Asset Category and then Type, before selecting 'Next' again :

    • Clothing - Dress, Jacket, LeftShoe, Pants, RightShoe, Shirt, Shorts, Skirt, Sweater, Tee Shirt

    • Accessory - Back, Eyebrows, Eyelashes, Face, Front, Hair, Hat, Left Foot, Left Grip, Neck, Right Foot, Right Grip, Shoulder, Waist

  • Test out your asset with the various Samples in the tool.

  • Once confirmed, select 'Generate MeshPart Accessory'

Using the Asset

  • You can teen drag and drop the asset onto a character.

  • Save the Accessory as an avatar asset.

  • Upload and/or sell the asset on the marketplace.

Last updated