I created this quick post in a few hours to show you how easy it is to create and colour a character in Photoshop.
I started of by sketching my character whom I’ve named ‘Father Time’. I have given Father Time a few watches and clocks for effect and a walking stick to add a sense of age and frailty.
Once you have your character sketch in Photoshop give it a tidy up with the rubber tool.
Adding vectors with the Pen Tool (P) is ultra simple and easy to do. Take your time defining the edges of your character. Make sure you group all edges inside one folder (I named mine lines), to keep things neat and organised inside your PSD. While you create your vector outlines you may find it helpful to give your layers an opacity of 50% or so to enable you to follow your outlined sketch behind. Once finished just put them all back to 100%.
Your characters edges will not all be the same thickness. Staggering the thickness of your outlines gives your character a less mechanical style and a more hand drawn look.
Once you are happy with your outlines you are ready to start giving your character its base colour. Remember to create all your base colour layers in a named group within your PSD below your edges/lines group.
I use the Pen Tool again to create my coloured layers below the lines folder.
Once you have all of your base colours in place it’s time to start adding the definition and shading to your character. Decide now where your light source is coming from. Above, behind, left, right, maybe below? Once you have decided, start creating your shadows and highlights in a separate group above your base colours group but below the lines group.
You may want to add textures to your character – if so, follow these quick steps.
- Open your texture in Photoshop and go to ‘Edit’ – ‘Define Pattern’ – Here you can name your pattern.
- Select which layer you want the pattern to appear on and open its Layer style. Select your newly created pattern in ‘Pattern Overley’ – Choose the scale of the pattern here also.
- If you wish the pattern to be slightly darker, lighter or even to have a slightly different colour, I apply ‘Colour Overlay’ in ‘Layer Style’ – select your colour then take its opacity down to unveil the pattern underneath.
Once you have your shadows in place take a little time to decide if your character needs more defining or colouring. I found at this stage that little Father Time needed more shadows on his face and his coat as they were far to plain a colour.
I hope this Tutorial has given you some inspiration to create your own characters in Photoshop. If you find yourself enjoying yourself far too much try your character in several different poses and situations.














Great tutorial!
But why Photoshop? Is it personal preference over Illustrator?
Yeah more personal preference really as when I was starting out it’s all I had to work with. I do most of my general work in Illustrator to be honest.
I will also create a tutorial drawing in Flash soon as its vector illustration capabilities are now becoming pretty awesome. Thanks for your comment cmckelvey :)
No worries! I love reading your stuff on here!
When i do get the chance to illustrate (a rare treat at work!) I would normally use illustrator, and then move into Photoshop if affects need to be applied.
But i’ll be interested to see your Flash tutorial as that’s where I started illustrating (many years ago) – i didn’t know about anything else! (naive!)
It’s weird seeing a character design being completed in Photoshop but it most definitely is capable of doing it well! You’ll help out a lot of people re: those that don’t have Illustrator!
This is a great place to start, but the colors used are a little washed out. To instantly cause yourself to select better colors, lay down a flat neutral over the entire document before selecting your colors. You’ll be amazed at how much richer your finished pieces will become (and it also cuts down on eye strain!)