1️⃣ Learn what Draw Order is
2️⃣ Learn how to change the Draw Order of parts in your model
🚩 Quest 1: Learn what Draw Order is
🚩 Quest 2: Change the Draw Order of the Hair, Face Parts, and Face
In your original .psd file, layers are arranged top-to-bottom — meaning that layers at the top show above everything else.
This is the layering of a .psd file:
(VTuber: @Xolalotl)
(Art: @FangW_CMS)
As you can see, the layers within the .psd display the art pieces with the upper layers displaying on top of the lower layers.
Each ArtMesh has a Draw Order value between 0 and 1000.
Even if your mesh appears higher in the Parts Window list, a lower draw order number will push it behind other parts.
In this example, the Protagonist Logo is above the Purple Circle in the list. But both have Draw Orders:
If we lower the Logo's Draw Order to 499, it now appears behind the Circle — even though it’s still listed above in the hierarchy.
This allows you to manually control what appears in front without reordering your hierarchy.
Now that the logo is changed to a lower draw order, it will now appear behind the circle, even though it's above the circle in the parts list.
To prepare the Lua model for rigging, we’ll set up Draw Orders for common overlapping parts:
900800750750700This setup ensures that hair sits on top, followed by facial features, and finally the base face layer beneath everything else.
You can also keyframe Draw Order changes to a parameter — meaning the draw order can shift depending on movement.
A common example is with ears:
When the head turns to the side, the ear might need to jump from behind the head to in front of it. Instead of manually switching art layers, you can keyframe the Draw Order so this happens automatically.
Angle X)Now, when the head turns, the ear will smoothly switch layers — all through parameter keyframes!
1️⃣ Learn what Draw Order is
2️⃣ Learn how to change the Draw Order of parts in your model
🚩 Quest 1: Learn what Draw Order is
🚩 Quest 2: Change the Draw Order of the Hair, Face Parts, and Face
In your original .psd file, layers are arranged top-to-bottom — meaning that layers at the top show above everything else.
This is the layering of a .psd file:
(VTuber: @Xolalotl)
(Art: @FangW_CMS)
As you can see, the layers within the .psd display the art pieces with the upper layers displaying on top of the lower layers.
Each ArtMesh has a Draw Order value between 0 and 1000.
Even if your mesh appears higher in the Parts Window list, a lower draw order number will push it behind other parts.
In this example, the Protagonist Logo is above the Purple Circle in the list. But both have Draw Orders:
If we lower the Logo's Draw Order to 499, it now appears behind the Circle — even though it’s still listed above in the hierarchy.
This allows you to manually control what appears in front without reordering your hierarchy.
Now that the logo is changed to a lower draw order, it will now appear behind the circle, even though it's above the circle in the parts list.
To prepare the Lua model for rigging, we’ll set up Draw Orders for common overlapping parts:
900800750750700This setup ensures that hair sits on top, followed by facial features, and finally the base face layer beneath everything else.
You can also keyframe Draw Order changes to a parameter — meaning the draw order can shift depending on movement.
A common example is with ears:
When the head turns to the side, the ear might need to jump from behind the head to in front of it. Instead of manually switching art layers, you can keyframe the Draw Order so this happens automatically.
Angle X)Now, when the head turns, the ear will smoothly switch layers — all through parameter keyframes!
