How to create an original character design in Adobe Photoshop

Favorites
2 Comments
Share
0 Projects

How to create an original character design in Adobe Photoshop

STEP 1

We can make our document any size, but for this tutorial, I've selected a format that's more square.

1

STEP 2

Let’s make sure in the brush properties that we select “shape dynamics” and “transfer”, which are the most important because they give us the pressure, and the fine tip to make our sketch!

2

STEP 3

We'll create action lines for our character and then create the body based on these lines.

3

STEP 4

We'll work on the details of the character still as a sketch.

4

STEP 5

We'll  cleanup the lines in a new layer.

5

STEP 6

Add a grey background which will helps us later to achieve the lighting effects. In this design the overall scene will be a little dark. 

6

STEP 7

We can correct our final lines and add some story telling to the drawing, and not just end up with a static pose.

7

STEP 8

Add the base colors for our character.

8

STEP 9

Select the sketch line and put it in Multiply mode with a moderate transparency that allows us to see the line as a guide.

9

STEP 10

We'll take the layer color of the face and start to paint over it, suggesting areas of light.

10

STEP 11

Create a new layer above this layer, and holding ALT between the two layers, make an arrow which links another layer, so we can paint without going out of the lines.

11

STEP 12

We'll make sure that every part of the body has a layer group, and a folder to organise the layers.

12

STEP 13

In this step, we can correct some things of the body proportions and rethink parts of the original design.

13

STEP 14

If you want to add details that were not in the sketch, it's best to have references to be sure what you want to do.

14

STEP 15

We've added some new details.

15

STEP 16

To do a color correction for the new details, create a linked layer in Multiply mode and select a color that is within the arm's color palette.16 

STEP 17

We can add extra details to the character without losing our color palette.

17

STEP 18

We'll do the same step in the areas you want to add details, although this is up to you.

18

STEP 19

We can also adjust the legs in their color or add more details.

19

STEP 20

In the painting process, we might get new ideas, such as redesigning parts of the character. For example, the sword.

20

STEP 21

Add the final details to the accessories of the character.

21

STEP 22

When we're happy with our work, it’s time to move on!

22

STEP 23

This way we can paint more freely, and we'll do this directly with the brushes, sketching without guides. Just think about the colors of our illustration.

23

STEP 24

When we're satisfied with the color palette, It’s time for the next step.

24

STEP 25

Let's add some extra paint effects on the body.

25

STEP 26

We'll turn off the character's layers paint some lighter stains on the dark background to make the character stand out.

26

STEP 27

We'll put everything in a folder called character design and create a photo filter.

27

STEP 28

We can see that the color temperature is consistent with the photo filter.

28

STEP 29

We can let loose our creativity when painting the details of our illustration.

29

STEP 30

Let's balance the colors out a bit and add to the ambience of the scene. We can create a new layer in Multiply.

30

STEP 31

Now we'll make a new folder with everything. Duplicate the folder and then we'll merge everything in one layer and turn off the first folder to keep a copy of our painting.

31

STEP 32

Now we'll add noise to our layer. But be careful not to add too much.

32

STEP 33

And now we've got a character with a great presence and an amazing color palette.

33

There You Have It! Our Character Design is Ready!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

Login or register to comment

Best answer
8 months ago

Awesome work, thank you very much! :)

Best answer
2 months ago

I have to say, this is the EXACT kind of tutorial help I have been looking for! I've taken classes in college, and because it's a master's program, everyone already knows how to use photoshop....so the teachers don't really take the time to explain these steps. Thank you thank you thank you! I've struggled and practically feared doing this work because I couldn't find a helpful tutorial until now.

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor grid