Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Illustrate a character

Today we are doing to illustrate a character using Vector like graphics in PS. I thing it’s better to use Adobe Illustrator for that but I will stick to Photoshop CS.




Let’s begin.



I will use square document for this one.



Illustrate a character

Now use shapes to create basic “parts” of the character: head, legs, body….


Here are the settings for shapes. Only the color must be black.



Illustrate a character



Illustrate a character

Then the eyes, I will pick a custom shape for that.



Illustrate a character

Now the body, you see every object stays on separate layer.



Illustrate a character



Illustrate a character

Now we will work with legs and some accessories.

The legs will be yellow only for you to see how the are going to be positioned.



Illustrate a character



Illustrate a character



Illustrate a character



Illustrate a character

Good custom shape. Looks like hair.



Illustrate a character


Don’t even know what it’s going to be but I like how it’s curved.



Illustrate a character

Don’t forget to watch your whole yellow/black balance. Zoom in, Zoom out, see how it looks in general.

And the hand using custom shapes.



Illustrate a character



Illustrate a character

When you are dealing with multiple layers it is better to create LAYER GROUPS. I can use about 100 layers it the illustration. Layer groups will save you a lot of time searching your layers.



Illustrate a character

So we will create layer groups for Legs, feet and eyes.



Illustrate a character



Illustrate a character

Set the colors to. Use layer properties.



Illustrate a character

The Eyes!
Some experiments with layer styles.



Illustrate a character



Illustrate a character



Illustrate a character



Illustrate a character



Illustrate a character


Now we have cool and very different eyes.





Illustrate a character


There is no need to do the same 2 times. Just copy the layer style from one object to another.





Illustrate a character


Oh, and do transform those eyes.


The right one if looking on the character must be smaller and a little bit distorted then the left one.





Illustrate a character


Now the second base step, let’s give some values.


For this we will use selection and the base technique.





Illustrate a character


Let’s do the head first. Select the whole layer, then using the marquee
tool leave only the part of the selection we need. And we need this
selection.



Illustrate a character


Use Select>Modify>Contract command along with Further Command.





Illustrate a character






Illustrate a character






Illustrate a character






Illustrate a character


When the selection is right create a new layer and fill it with WHITE – TO – TRANSPARENCY gradient.





Illustrate a character





Illustrate a character




Illustrate a character


Layer mask – fill the mask with Black to White gradient.


Remember all these scheme because it will be used several time.


1. Select.


2. Contract and Further.


3. Create layer.


4. White Gradient fill.


5. Layer mask (reveal all).


6. Black > White gradient overlay.



Illustrate a character




Illustrate a character


Now the body!



Illustrate a character


Same with the body.



Illustrate a character




Illustrate a character




Illustrate a character




Illustrate a character




Illustrate a character




Illustrate a character


Now it looks better with this value.


See the hair and body pattern. Change their blending mode.


Linear light:



Illustrate a character




Illustrate a character


Looks good. Love the orange dash.



Illustrate a character



I will transform the hair and maybe give him an effect.



Illustrate a character




Illustrate a character




Illustrate a character


Remember where the light is? Same with the body pattern.


And yes, it is time to fix the legs.



Illustrate a character


Moderate the selection.



Illustrate a character


Create a layer, overlay with a gradient and use layer mask just like the scheme says.


Use Inner shadow.



Illustrate a character


I do want to create something else on the foot. Study the design too.



Illustrate a character




Illustrate a character


And here we have it accessorized.



Illustrate a character


The same with other foot.



Illustrate a character




Illustrate a character




Illustrate a character


Final look:



Illustrate a character


I will also give a name to this creature) – first that came into my mind.



Illustrate a character



Done!



Illustrate a character


Comments