This article explains how to dress up avatars using VRoid Studio’s dress-up feature.
There are two methods available.
1. When using avatars and costumes compatible with the dress-up feature
2. When using avatars and costumes incompatible with the dress-up feature
This guide covers "1. When using avatars and costumes compatible with the dress-up feature".
「2. For "2. When using avatars and costumes incompatible with the dress-up feature", please refer to the article below.
Getting Started with the Dress-up Feature (for 3D creators)
What you'll need
Software
- VRoid Studio
▼Download VRoid Studio
https://vroid.com/en/studio
Dress-up data
Dressing up your character
Table of Contents
7. Manually restore or delete mesh
1. Launch VRoid Studio
First, launch VRoid Studio.
2. Open the dress-up feature
Click on the dress-up feature tab at the top and select "Get started with the Dress-Up feature" or "Create New".
You can use a VRoid file as your base model.
Click on the thumbnail or click "Open" and then select a .vroid file.
3. Import the base model
Click "Add Base Model" to open a file dialog. Select the XAvatar, .vroid, or VRM file you wish to import.
Once imported, the model will appear in the center of the screen.
4. Import a costume
You will need an XWear file for the costume.
Check the Help article below to learn more.
▼How do I convert to XWear?
https://vroid.pixiv.help/hc/en-us/articles/38730429718041
Click "Add Costume" to open a file dialog.
Select the .xwear file you want your base model to wear and import it.
Click the Toggle Visibility icon on the costume to show it or hide it.
In the image above, the arms and chest are transparent due to a skin mask
on the VRoid file's costume.
To adjust the skin mask, modify the VRoid file from VRoid editing.
5. Auto-fitting
After you load a costume, a dialog box will appear for you to select the auto-fitting mode.
Choose the mode you think is appropriate and click "Execution".
Auto-fitting modes
・Maintain Costume Shape
・Keeps the costume’s shape while adjusting its width to fit the base model’s height.
・Conform to Body
・Adjusts the costume's width according to the chest and back width of the base model
to fit the model’s height.
・Do Not Fit
・Uses the costume in its original size.
6. Delete mesh
During fitting, the base model might protrude through the mesh.
At this point, you have the option to automatically remove any protruding mesh.
You can manually restore any deleted mesh later.
7. Manually restore or delete mesh
You can perform steps 6, 7, and 8 in any order.
Sometimes after deleting mesh, you might find that necessary mesh has been removed or unwanted mesh remains.
In such cases, you can manually restore or delete mesh as needed.
7-1．Start mesh editing mode
First, select the base model.
Click "Start Mesh Editing" in the right column.
7-2. Delete or restore mesh
You can toggle between restoring and deleting using the icons in the top left of the preview.
Tracing over the model allows you to restore or delete mesh based on the selected mode.
You can also toggle the mesh editing mirroring feature from the mirroring icon in the top-right corner of the preview screen.
Mirroring is on by default (highlighted in blue).
When enabled, mesh will be restored and deleted symmetrically.
Here is a video demonstrating the process of deleting and restoring mesh.
Once you finish editing, click "Confirm".
Resetting mesh
Clicking "Reset" will revert the mesh to its original state
right after loading the base model.
8. Adjust blend shapes
If the imported base model or costume includes blend shapes, you can adjust them directly in VRoid Studio.
Click on an item with blend shapes from the list on the left, and the blend shapes will be displayed on the right.
Use these to prevent protrusions in base models or to alter the shape of costumes.
9. Modify the costume
You have access to various features for combining different elements.
You can manually adjust parts that don't fit well after auto-fitting and deleting mesh.
Clicking a costume displays manipulators and highlights the selected costume and its bones.
You can change this display via the settings accessible from the "︙" in the top right corner.
Here's an actual example of adjusting a costume that was too deep, resulting in exposed mesh that needed to be deleted.
The general flow of the dress-up feature involves first aligning the costume and base model roughly using auto-fitting, and then refining the fit manually.
This method ensures optimal results.
10. Check the animation
After dressing up your model, test its animation.
Click the play button in the bottom right to animate your character.
If everything looks good, the dress-up process is complete.
About spring bones
The preview in VRoid Studio shows the converted VRMSpringBone.
If the original avatar uses PhysBone, the exported XAvatar from VRoid Studio
will retain the original PhysBone.
Therefore, the movements may differ between VRoid Studio and Unity.
Always check the final effect on the application you intend to use.
Example model used
・Base model by VRoid
・SilverSpace's Artemis Sailor costume