Fashion Coordination and Character Design Reference Materials Utilizing Layer Comps
Layer Comps is a new feature implemented in EX version 3.0. By registering layer display/hide states, you can easily switch between multiple layer display states, and recorded layer comps can be batch-exported as various file types.
Here are some approaches & hints for creating reference materials useful for character design and fashion coordination using the Layer Comps feature.
Please note that official tips are available from Clip Studio Paint for an introduction, basic usage, and effects of Layer Comps, so please refer to explanations in the official USER GUIDE for details.
Web search: Layer Comps [EX]
[Official / Easily manage differences with Layer Comps [EX] -Ver.3.0-]
[How to Call Up the Layer Comp Palette]
Call up and operate the Layer Comp Palette from the Window menu.
《Operation》
Window menu > Layer Comp
◆This example explanation is demonstrated using a Windows screen.
[How to Use Layer Comps]
[1]
To create a Layer Comp of the currently displayed layer state, click the icon "Add Layer Comp" in the bottom right of the Layer Comp palette.
This will record the current layer display state.
[2]
After adding, repeatedly manipulate layers to change the display and add registrations to Layer Comps. This will create layer displays as registered, allowing for shortcuts in layer operations.
[Topic-01] Streamlining Fashion Coordination Work
In character design, costume variations are essential for different occasions. When performing digital editing with Clip Studio Paint, the unique task of turning layer visibility "ON" and "OFF" to determine the desired fashion image is unavoidable. Repeating layer operations multiple times can lead to operational errors and, in any case, requires effort and time. The more hierarchical folders you create, the more often I find myself having to keep digging through front-layer folders until I find the very back layer, which becomes too far to see from the layer tree screen.
Therefore, multiple sets of layers are categorized and listed as costume layers using the Layer Comp feature.
[Term: Fashion coord = fashion coordination / combination of clothes and accessories]
◆Drawing Costumes
When creating character costumes,
(1) Outerwear
(2) Base wear
(3) Bottoms
(4) Shoes
By drawing them into these basic categories, the layering will be neatly assembled.
In my case, I add "Head accessories / Hats" and "Stockings" to this classification. Layering is completed by devising the front/back position of the layers.
[Term: Layering / wearing multiple layers]
It is convenient to organize and group drawn costume materials by layer folder names for tidiness and management.
By manipulating layers within categories, a considerable number of layerings can be created depending on the combinations. Using Layer Comps to register classifications makes calling up layerings very easy.
[Term: Category / division, classification]
Thus, the burden of layer operations has been significantly reduced by using Layer Comps. In addition to the convenience of registering layer display states, Layer Comps also have the function to export various files from the registered list.
And what I want to convey most this time lies beyond this story.
[Topic-02] Layer Comping Layer Comps
Since Layer Comps are merely layer registrations, there's only one path to the desired target layer image. Therefore, similarly for Layer Comps, to select the desired costume color, you would have to "register each Layer Comp individually." This inevitably increases the number of steps during registration.
Actually, the Layer Comp feature has a peculiar characteristic that allows you to layer and manipulate costume colors during the Layer Comp process. In other words, you can build color coordination by utilizing "the ability to further layer comp within the operation of Layer Comp files." If this is done, the number of color category classifications for color comp registration will decrease, and you will actually only need very simple classification content. Now, I will explain the procedure.
◆Steps to Convert Costume Categories into File Objects
[1] Select the layer folder containing the color variations of the drawn costume.
Make sure the layer folder is set to "Visible" (eye visibility mark).
*In this example, we will explain using the drawn costume "Hoodie".
[2] From the Layer menu, select "File Object" and then "Convert layer to file object" for the material.
[3] A detailed menu will open, so select the conversion settings and save location, then save. This time, save location will be the same folder as the working document file.
After saving, a layer file named "Hoodie" (a file object) will be added to the Layer palette.
[4] With the added file object "Hoodie" selected, open the material file by selecting "Open file object" from the File Object item in the Layer menu.
《Operation》
Layer Palette Menu > File Object > Open file object
The material file has been opened.
[5] After opening the file, add all color patterns to Layer Comps by clicking "Add Layer Comp." After saving the file, close this document.
[6] (Important) Return to the original character document, and after hiding the converted layer folder, select the newly created file object layer (in this example, select "Hoodie"). Then, from the Tool Property palette, operate the Layer Comp item and choose a registered pattern.
The Layer Comp contents (costume color list) that you just registered will appear in the Tool Property item.
Going forward, apply the same process to all other drawn costumes (folders).
This completes the file object conversion.
[7] Delete old Layer Comp lists remaining in the working document.
Add new Layer Comp lists. The added lists will be categorized costumes such as "Outerwear" and "Base wear" in the layers, and all color selection operations for layer materials replaced by file objects will be performed in the Tool Property palette.
[Point]
To create a new list, duplicating the document itself and creating a new list is also a valid approach for backup data preservation.
*In this example, we have also used a duplicated and saved document, and all comp lists have been deleted and newly registered.
The hidden layer folder after conversion to a file object can be deleted or kept. If kept, please be careful when handling the existing folder, as what is displayed is the file object in the saved location.
*In this example, to prevent confusion and accidents, all converted layer folders have been deleted, and the document has been saved under a new name.
Since Layer Comps of file objects selected in the Tool Property palette can also be registered as Layer Comps in the working document, you can create a significantly simpler Layer Comp list than initially.
[Term: File Object]
A Clip Studio file (.clip) called as an external link, or a Clip file that has been converted into an information unit. You can handle not only document editing but also data such as timeline and layer information as is. If you edit the linked destination, it will be reflected in the linked document.
《Import Method》
File menu > Import > Create file object
◆Precautions for File Objects
If a file object being edited is moved to a different hierarchy or renamed from its saved location without permission, attempting to open the link in the editing document will result in an "File not found" error.
It is recommended not to change the name and to fundamentally save it in the same hierarchical folder as the editing document. While it is possible to prepare a folder for saving in advance, the location of the link may eventually change, so choosing a save destination requires a bit of consideration.
◆File Object Menu
Incidentally, the "File Object" menu item is very convenient as it includes commands such as "Update File Object" as a solution when materials are not displayed updated after being added or modified.
And so, this was a somewhat mysterious story about layer-comping something that has already been layer-comped.
[Topic-03] Creating Character Hairstyle Variations
You can preview various character hairstyle variations with the Layer Comp function, and easily modify prototypes where you're unsure about hair color choices, etc.
You can create them by directly selecting from hair drawing layers, or by making hair designs color-selectable in the same way as the file object example mentioned earlier. Once the path is organized, register the hair arrangements with Layer Comps.
A tip for creating hair arrangement settings is to divide the character into main parts: "Face" and "Body". Then, subdivide the face part into detailed components like "Outline", "Bangs", "Side hair", and "Back hair" to achieve a beautiful character hairstyle. After creating one hair drawing part, duplicate it to create different color variations.
Repeat this process to increase the number of parts.
If you plan to make revisions, it's better to keep the "template line art layer." Depending on the hairstyle, you might decide that subdivision isn't necessary, so keeping the number of parts minimal when you're not used to it also has the virtue of saving effort later on.
The subdivision structure of the character's face part is generally like this.
I think it's easier to work by putting each hairstyle into a folder and increasing the color variations.
Since hair color variations require work on all hair parts, it's easier to decide on a color concept beforehand and then expand. Making the bangs brighter and the back hair slightly darker can give the character a sense of three-dimensionality . This is a quite enjoyable part of the work, so I like it.
◆Creating Character Drawing Variations
You can also register parts such as "eyes," "nose," and "mouth" with Layer Comps to create character variations and freely expand your creative scope.
[Topic-04] Changing Fabric/Print Designs of Existing Shirts
◆T-shirt Data Design Utilizing Layer Comps
This time, I will explain the procedure using a character wearing a white T-shirt as an example.
(1) Create a layer folder.
(2) Use the "Auto Select" tool or similar to create a selection area for the T-shirt design part of the character's drawn costume (white background).
(3) From the Layer Palette menu, with the folder created in (1) selected,
choose Layer Mask > Mask outside selection to apply a mask to the folder in (1).
(4) With the T-shirt drawing layer selected, convert it into a "File Object."
《Operation》Layer menu > File Object > Convert layer to file object
(5) The file object will be added to the Layer palette. Now, with the added file object layer selected, open the file from the Layer menu by choosing
《Operation》Layer menu > File Object > Open file object.
(6) Once the drawn T-shirt document is opened in Clip Studio Paint, set the opacity of the T-shirt layer to 50% (halftone). This will be used as a guide for creating the T-shirt design. Next, create a new layer, and your basic working file for shirt design is complete.
[Term: Halftone / reducing the density of an image or manuscript to 50%]
(7)
In the T-shirt working document from before, register and save each new design as a Layer Comp. This time, I've created three types.
Since it's a T-shirt design, the patterns, text, decorations, and various ideas are all up to your creativity.
(8) Return to the character working document, select the file object where the T-shirt was drawn, and execute "Update File Object." Check if the design you just created can now be selected in the Layer Comp of the Tool Property palette.
(9) Place the T-shirt drawing file object layer inside the mask folder created in (3). Once you confirm the mask effect in the T-shirt area, it's complete.
Imported file objects can be "rotated," "freely scaled," "tiled," etc., making it possible to transform and edit the design.
[Point]
If you want to continue creating more, select the file object again, open the file object from step (5), and once a new T-shirt design is made, repeat (7) and (8).
Each design concept is registered as a Layer Comp.
By the way, how to create and details are also introduced in the official Tips, so please take a look.
[Official / File Object Operations and Details]
"Let's utilize file objects"
[Topic-05] Embedding Color Guides in Layer Comps
If you embed color guides when registering Layer Comp lists, depending on the application, it will be useful for collaborative work, intuitive visibility of character color coordination, and easy, immediate color extraction.
My own color guide. I sometimes use it as a coloring memo when creating illustrations.
[If you want to attach a common color guide to all registered Layer Comps]
1) Create a color guide in a new document. Or prepare an existing image file.
2) Click ON the "Display state for all comps" function in the bottom left of the Layer Comp palette.
3) Load the color guide created in the working document to generate a layer, or generate a layer by copying and pasting an image. In any case, generate a new layer image.
This will cause it to be displayed in all comps without question, even for already registered Layer Comps.
After use, confirm that it's OFF.
[If you want to revert]
Operate the layer you want to revert to its original display state, then press "Overwrite Layer Comp" at the bottom of the Layer Comp palette and re-register it. This will revert it.
◆Precautions for All Comp Display
Since the real-time action of "added" takes effect, this forced display will not be valid for newly created color comps after that, so caution is required.
Even if the function is turned OFF, the layer display state of the color comp will not disappear. Be very careful with its usage.
[Topic-06] Exporting Layer Comps
Files registered with Layer Comps can be exported as image files with various extensions. This is useful for design review, creating lists, understanding shared production work, exporting model parts for Live2D, or when a physical document is more convenient.
Reference Tips search tag: Live2D
For example, I needed icon list materials for the fashion coordination and hairstyle pattern Layer Comp parts (components) explained this time, so I used batch export extensively.
[How to Export]
《Operation》File menu > Export (Other) > Export Layer Comp
After selecting the menu, the Layer Comp export settings screen will appear.
You can also choose to "Export only selected Layer Comps."
For file formats other than (.clip), detailed settings will open, and you may be prompted with unfamiliar settings. Do not hesitate to export as needed.
Some settings can be a bit special, so generally, use the default values or refer to the settings screen in the example explanation.
For technical settings you truly don't understand, it's best to ask your production manager or supervisor.
And, beware of accidentally long file names and mistaken save locations.
For details on the types of export file formats and how to operate them, please refer to the official Tips, where they are carefully introduced.
[Official / Easily manage differences with Layer Comps [EX] -Ver.3.0-]
[Topic-07] Precautions for Layer Comps
◆Loss of Editing Layers
Since Layer Comps register the current layer hierarchy state, if a registered target layer is accidentally moved to another layer hierarchy or lost, viewing from Layer Comps will result in that specific layer's memory being completely missing, and you will have to repair and re-register all affected registered states. For layers to be registered as Layer Comps, it is recommended to "keep layers neatly organized," "design layers with appropriate structure," and "avoid unnecessarily tampering with layer hierarchy positions." (As of June 2025 version)
By the way, I once accidentally messed with them late at night and fell into a trap that lasted until morning.
◆Special Behavior of Layer Comps
The Layer Comp function records the display state of layers, so it only records visible/hidden layers, and accompanying properties like "blending mode" and "opacity value" are not recorded. (As of June 2025 version)
...I used to believe that, but if it's a layer replaced by a file object, you can create a Layer Comp while maintaining the opacity effect. While its usage will inevitably be limited, the benefits of Layer Comps will change depending on the creator's layer construction.
[1] Set the transparency for the layer opened from the file object.
[2] Return to the working document and "Update File." This way, even layers with different transparencies can be registered and displayed as Layer Comps.
[Point]
◆If you want to modify opacity, work on the source file object data of the material.
◆"Blending mode" is also reflected (though limited) in the file object destination.
Afterword
Layer Comps are a very unique feature. If you've learned new ways to use them, or thought of your own new applications from the tips introduced this time, I believe color comps will be applied more and more in creative scenarios.
This concludes this session's tips.
In this example explanation, I've summarized precautions and discoveries based on my past experiences into tips.
Human potential and creativity are infinite. Thank you for reading to the end.
I hope my tips will be of some assistance in your creative works.
Have a wonderful creator life!
ClipStudioPaint EX Ver.4.0.3 20250611 Akiben
Users who liked this post
Comment