Design, Presentations

How to make illustrations even if you can’t draw

Make illustrations
I really hate clipart. So much that I at some point decided to start making my own illustrations for my documents, presentations and my blog.

Now I get all these nice compliments about my childish drawings. They seem to work well in my presentations because they add a personal touch. Doing presentations is a personal thing. The fact that you, yes you is there to present. People tend to appreciate the fact that you have spent the extra time adding your own special finish to the slides.

One little problem when I started was of course that I can’t draw. I made my own small cartoons at the age of 14 but has not done much drawing since then.

So when I started my experiments I immediately realized that my drawings where identical to the ones I made at the age of 14.

With some tricks in photoshop I was able to give these childish drawings a slightly more professional look, and after a while I am now able to make my own illustrations so fast that it can compete with the work I have to do if I want to find decent clipart.

The illustration in the example in this article took exactly 33 minutes from my decision to make something to finished illustration.

This is what you need:
1. Some courage to expose your unprofessional drawings
2. A black pen and some white paper
3. A digital camera or a scanner
4. Photoshop or Photoshop Elements

The idea
Start by trying to figure out the simplest possible illustration for the point you want to make. The fact that I can’t draw helps me a lot. It forces me to keep things simple. Not having the skill to make advanced illustrations is actually a good advantage when you want to make simple things.

Filt tip pen
The drawing
Use a thin pen. 0,75 or 1 mm. Have fun. The simple idea that comes to your mind first is often the best one when making illustrations like these. Don’t be afraid to break all rules about perspective, depth, proportions and whatever difficult guidelines that you could think of.

Don’t get scared by the fact that your drawing will look unprofessional before you start your magic in photoshop.

Draw with a firm line and close all open gaps.

Close all gaps
Closing the gaps is important for the work that you are going to do in photoshop.

Digitize it
Use a scanner, or a digital camera to get the illustration into your computer. If you use a digital camera you need an even lighting. Don’t use flash. Put your drawing near a window or under a soft light source. Using a digital camera will make the work in photoshop a bit more tricky, but with good lighting, a decent resolution and maybe a macro function on your camera it will do fine.

The photoshop work
First you want to separate your black lines from the white paper. Use the magic wand and select the white part of the picture. If you used a digital camera like I did in this example you might have to adjust the tolerance of the magic wand.

Selection
When you feel that you have a tolerance that selects the white part nicely you go to the “Select” menu in photoshop and choose “similar”. Photoshop will now select the parts of the white paper that was closed to your initial selection.

Now you have all the white areas selected. Go back to the “select” menu and choose Inverse. Now all your black lines are selected. Go to the edit menu and select copy. Then go back to the edit menu and select paste. (Or, Ctrl-C, Ctrl-V).

New layer
Now you should have a new layer with your drawing on a transparent background. Turn off the original layer with your photo or scan and start working on that new layer.

Here you use the magic wand to select the parts that you want to fill with color. The process is simple and quite repetitive. Select area, find your colors, select the gradient tool, choose a gradient type and apply the gradient.

Apply the gradient

If you want to add shadows or other effects you have to copy the part you want the effect on to a new layer.

Shadow

For this illustration I added a shadow on the person and some motion blur on the globe.

Shouting to the world
I have also had fun adding real photos or screenshots like the desert island in the TV and the screenshot from the Pirate Bay in the story about Bob the Millionaire. You find some more examples as well through this post.

Related story:
How to avoid making boring presentations

…and you can digg this story here.

39 Comments

speak up

Add your comment below, or trackback from your own site.

Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*Required Fields