Design A Simple Costume For Your Character


1.1 Start a new canvas

Hello, my name is Mary, and in this tip I will teach you how to design a costume for your character. These are some simple tricks I use for my character costumes designs and I believe with these tricks you can also start designing your own costumes! ^v^

First, create a canvas of 1200 x 1600 Pixel with a resolution of 72 DPI. The reason that I am going with 72 DPI instead of 300 is because later in this tip we will be scaling the the resolution to 300 and if you use a larger canvas to do that your computer will probably slow down, at least that's the case for me. Once you are done click OK.

2.1 Add a 3D Model

I added a 3D model from the material catalog so that I won't have to design my own model. Using a model can save you a lot of time trying to create your own model.

For the pose I kept it as default because it is symmetrical and later I will be adding a symmetrical ruler to the costume.

go to Material[Pose]➡ 3D➡ Pose

2.2 Add symmetrical ruler

I added a symmetrical ruler with a 90 degree angel in the middle.

The ruler is at the exact center.

If you ever want to stop using symmetrical ruler, you may click the snap to symmetrical ruler button on the menu.

3.1 Rough draft

After I finished my first design, I resize my canvas so I can ass a few more designs
In order to resize your canvas. Go to [Edit]- Change canvas size.

3.2 Pick a design

I drew 3 different designs and then I decided to pick the second one.

I erased all other designs and deleted the model layer.

Afterward I lowered the opacity of the drafting layer and created a new layer on top.

4.1 Lineart

Using the symmetrical ruler again, I traced my drafting layer

Create a new layer underneath the lineart, then select the blank space and then click the invert button.

5.1 Grayscale coloring

Since dark purple is a color that you can seel clearly, I used that color to fill the selected area

I then use the bucket tool on the top to change the color to white so that the paint bucket will recognize your lineart.

Create another layer and the paint the skin first. I did a quick shading of her skin.

In the costume color layer, I used different grey shadings to design her costume.

Create a new layer on top of the costume color layer, and then clip to the layer underneath that. Then change the blending mode to multiply so you can have a layer for shadow. This will add a little more detail to your costume.

6.1 Color designs

Go to edit ➡ Tonal corrections ➡ Gradient map, and there you can use the gradient map to create different color variations.

You can download gradient sets from the Clip studio assets, This is where I got mine from.

I tried to create as many different color themes as possible so I can decide which one I would like to use.

If you want to see how I arranged my layers, you can download my current file in .clip format from my google drive.

After looking at all the designs, I choose the third one, I recolored my lineart color and I deleted all other color designs.

6.2 Make your design more interesting with patterns

I selected part of her costume and the I added a pattern for clothing.

For materials, you can go to [Window]➡ Material [Color pattern] ➡ Pattern

Another way to find materials is to use the Clip Studio Assets. I've downloaded almost all my brushes and materials there.

Go to [Layer Properties]➡ Extract line
Then go to blending model for layer and select [multiply].
This will create a really nice overlay effect without changing the color of the costume.

Then do the same to all parts of the costume.

I picked 3 different patterns from my current costume, one for the gloves, one for the dress, and the other for her armor.

When you are satisfied you your design, Merge you design layers with your costume color Layer.

7.1 Resize your canvas

After that, go to [Edit] ➡ Change image resolution and I scaled the canvas to 3.00 with 300 DPI. Scaling your canvas larger will make your artwork pop out.

7.2 Smart Smoothing

After your resolution has scale up, go to [Edit] ➡[Smart Smoothing] ➡ [Strong]

With this method, you can smooth out all your pixels for a nice finishing touch.
you will only have this tool if you updated your clip studio to version 1.9.1

Now all of your pixels are smoothed out.
This is the reason I wanted you to use 72 Dpi from the beginning.

I lightly traced around the outer edge for a smoother edge. This will give your costume a complete look.

8.1 Finale result

Now that you're finished, you have your unique costume. Have fun!
You don't necessarily need to follow the exact steps, you can use whatever suits you and I hope in this tip you learned something that you can use for your own costume design!

Thank you so much for reading! I hope you have a nice day!

You can follow me on these platforms:

Instagram: @Himiuki_0


Related articles


New Official Articles