How to Develop a Handmade Illustration with Photoshop
This tutorial will give you a general workflow overview of how to create traditional illustrations on paper and then refining it further in Photoshop. We will use Indian ink, paintbrushes and a brush pen to ink our pencil sketch, and then watercolor to fill in the illustration. Then we will place the illustration into Photoshop to perform some fine-tuning and image corrections.
Preview

Tutorial Resources
- Reference image: Lonely Hearts
Step 1: Research and Gathering Materials
You might need to search for images that you will use as your illustration’s reference. Pick a reference image that you like.
Also, choose the right tools and materials for your illustration. For example, in my illustration, I use A4 size 250gsm paper with Indian ink and watercolor.

Step 2: Sketch
I use a sharp pencil to draw the sketch softly. It is important to emphasize here that if you do not draw softly, the pencil marks will remain even after you ink the sketch and it will be very hard remove.

Step 3: Inking the Sketch
Use Indian ink and a brush pen to draw lines on top of the pencil sketch.
For wide pencil strokes, use ink and a brush. Ink and water should be mixed to control density and to add brightness.
Use a brush pen for the narrower, finer pencil strokes (such as the facial area). The reason for using a brush pen is that, compared to a normal pen, its lines are more organic and, at the same time, gives you the benefit of being able to control your lines more freely.

Step 4: Remove the Pencil Lines and Draw More Details
Erase the pencil lines cleanly and continue adding and expressing more details in the illustration.

Step 5: Using Watercolor
Use watercolor to color in the illustration. In this instance, we will start with the subject’s stockings. Water should be placed in some areas of stockings to add subtle variations, texturing and details in the watercolor — this will enhance the expression of our watercolors.

Step 6: Scan the Illustration
Scan in the illustration into your computer. When illustrations are scanned, they can often lose their original colors and subtle details. They become lighter and some of the strokes become messy.
Once scanned, open up the illustration in Photoshop.

Step 7: Levels Image Adjustment
First, we need to correct the colors and other unwanted effects of scanning hand-drawn illustrations. One of the ways to do this is to use image adjustments.
Go to Image > Adjustments > Levels. I experiment with the Input Level sliders until I get the colors I want. For this particular case, I want the whiter colors to become a little brighter and the darker colors to become darker, which will also remove some of the messy marks made by the scanner.

Step 8: Layer Mask
Add a layer mask on the illustration layer (click on the Add layer mask button at the bottom of the Layers Panel) to erase unnecessary parts. There are several Photoshop techniques for erasing, but a layer mask is nice because it is non-destructive and gives you finer control.
To erase, simply use black as your Foreground color, switch to the Brush Tool (B) and paint on the layer mask. If you make a mistake while erasing, change the brush to white and paint over the mistakes (on layer masks, white shows and black hides) or use the History Panel — whichever is appropriate. Use varying brushes and brush settings as needed.

Step 9: Handwritten Typography
I like using handwritten type in my work as it suits my illustration style and it helps complement and complete the piece. If you also like this typographic style, you might need to try several times with Indian ink to get the perfect one (you can see my experiments below).

If you don’t like your own handwriting, ask a friend to do it for you or even just use a handwriting font.
Step 10: Refining the Handwritten Type
Scan in your text and place it into the illustration as its own layer. Then use Levels image adjustments and a layer mask to make corrections on the text, just like we did with the illustration.

Tutorial Summary
In this tutorial, you saw my general workflow for drawing an illustration and processing it in Photoshop. The two main Photoshop features I use are image adjustments to correct and enhance the colors of the illustration and layer masks to non-destructively remove unwanted parts of the piece.
I hope you all enjoyed my tutorial and have found it to be useful.

Download Source Files
- develop_illustration_photoshop (ZIP, 2.72 MB)

24 Comments (Add yours)
Thoriq
Oct 19 2011
Just want to say: beautiful illustration… :) very nice
Eric Neal
Oct 19 2011
This is great, love the graphic style!
g3niuz
Oct 19 2011
great stuff….
loving this kinda technique :D
Edward
Oct 19 2011
Kind of a misleading title – I thought it was done 100% in photoshop. This is a scanned art with photoshop color adjustments. :-P
Jacob Gube
Oct 21 2011
Editorial Team
I’m sorry you feel that way, and I want to tell you that there was no intention to make you think the tutorial would be something it was not.
In hindsight, we could’ve picked a slightly more informative title. But to be honest and upfront with you, we really didn’t think much of it until you brought it up.
The title was supposed to convey that this tutorial is for developing/enhancing/tweaking your hand-drawn artwork in Photoshop. This tutorial was, in addition, meant to showcase a talented illustrator’s manual->digital workflow for inspiration as well as to see if you can take away tips and techniques to add to your own workflow.
Thanks for sharing your concern, and we will make a note of it to ensure that, moving forward, we will review titles more intently to avoid confusion.
rafael john
Nov 02 2011
no, I think the title is right for the content of the post,
it said “How to Develop a Handmade Illustration with Photoshop”
meaning from manual then going digital with photoshop, why do they get confused? or did they think that the tut was how to make a “handdrawn” style illustration in photoshop.
the process was awesome, nice illustration. oh and don’t apologize the title is not misleading, its correct ^w^
Nara
Oct 31 2011
Yeah, same here =/
Designrshub - Design Magazine
Oct 20 2011
Artist who made this kind of art is really awesome. Yeah its easy if you will illustrate this using your hands but integrating it to Photoshop? Maybe a little bit harder.
Diogo Dantas
Oct 20 2011
Thanks. Very useful :)
Have a nice day
stay
Oct 21 2011
I do not know what to say. Beautiful job. Very useful tutorial.
Rick Feit
Oct 24 2011
Very nice job, illustration looks great. Lots of great tips in here as well. Keep it up!
adumpaul
Oct 25 2011
Great tutorials,nice use of illustration thanks!
Olesja
Oct 29 2011
Thank you, this was helpful.
br,O.
Richard S Davies
Oct 31 2011
Great tut, and amazing result!
Rednights
Oct 31 2011
Good tutorial, though those panties don’t look flattering! Like they edgy style, keep up the good work.
Nikira
Nov 06 2011
Really like it. Tried some stuff myself. Thank you, please, keep teaching us, appreciated. :-)
Peter
Nov 12 2011
Yeah, it’s the sketch part where I’m lost, otherwise it’s awesome! :D
sooukoth
Nov 20 2011
not 2 bad i love it 2
Cheryl
Dec 19 2011
great tutorial thanks
charlescuellar
Jan 20 2012
muy lindo trabajo sigue asi
ramon ricardo
Dec 19 2012
buenisimo este tutorial que a personas aprendices como yo nos enseƱa el camino de arte con imaginacion hasta pronto
Jacob Gube
Dec 20 2012
Editorial Team
According to Google Translate, this comment is in Spanish and translates to:
ululf01
Feb 18 2013
Looks awesome, Thanks so much for the tutorial!
sunil
Mar 15 2013
WOW! great way to illustrate a pic.