How to illustrate your own Instructable

How to illustrate your own Instructable
Every time I do an instructable someone asks how I draw the illustrations that I use. It's not difficult really and this instructable will help you do the same (if you want) or at the very least, it will show you what I do and how I do it.

Writing an instructable is like telling a story, so the process of drawing up the instructions follows the same path as any other DIY making project, only when you start to draw it up you realise that you have to resolve things that don't quite work. This way the finished instructable can be a bit better.

I started drawing up my instructions because I make them into downloadable project sheets for my website dadcando and the extra bandwidth to needed to serve up high quality photos was too much. As it happens, drawing picture of each step is a lot more work, but then the end result is very nice.

You'll need:

  • some drawing skill (but not much really)
  • a vector drawing package (I'll explain more later)
  • probably a digital camera or phone camera
  • a decent idea fir an instructable
 
Remove these adsRemove these ads by Signing Up
 

Step 1Design your Instructable

Design your Instructable
Designing your instructable is a different process from designing or building the thing that is the subject of the instructable. In most cases a nice DIY project evolves and therefore if you write an instructable about it the process could be a bit rambling. The best projects and therefore the best instructables are the ones where the person making it has a good idea what they want to achieve at the outset and has some sort of plan, or has done it before.

You can get round this by taking loads of photos and then using the best to describe a clear story later, perhaps leaving out some of the parts that showed trial and error. Nevertheless, if you learned valuable lessons by making the errors, then it is best to make a note of these and pass on that learning, so that the person following your instructable can avoid falling into the same trap.

For me, I want to describe a way of doing the project that will give the person doing it the best chance of repeating what I did. For this not only do I need a project design (even if it is very rough or just in my head) but I really need an instructable plan. In my case I use this plan to design my project download.

The image here shows my first quick sketch of the steps I would like to show in the finished instructable, and my dadcando downloadable project sheet. For my download I would like to get this one on to one sheet, and that means I will need no more than 9 steps. I sketch out the steps I need to show and tinker with the steps a little to make sure that I have what's needed.

As it happens this project is how to make a bottle cap beetle after my 14 year old son made one, one afternoon, and asked me if I wanted to put it up on line on dadcando. So I already had the finished project. In this case I had to draw the steps from scratch, because I didn't have photos of the individual steps as he was making the model.
« Previous StepDownload PDFView All StepsNext Step »
103 comments
1-40 of 103next »
Jan 17, 2011. 6:36 PMCrLz says:
Thanks for sharing and teaching! Your Instructable helped me a lot with my own pub's.

Cheers!
FIG ouch problem.jpg
Jan 5, 2011. 7:18 PMTitanTechRobotics says:
I illustrated this instructable using this technique.  I used inkscape.  It took a long time at first, but I started to get the hang of it, and I was able to reuse images.  Great instructable!

-AI
Jul 10, 2010. 1:58 AManres321 says:
Great !!
Jun 7, 2010. 5:29 AMmust invent says:

What program do you use?

Jun 8, 2010. 12:20 AMmust invent says:
Is it free? A good alternative to Illustrator?
Apr 5, 2010. 5:57 PMM4industries says:
 I spy a typo in the title.
Apr 6, 2010. 3:19 PMM4industries says:
 Lol

You are actually the first person to react nicely my pointing out a typo. Others call me a troll.
Apr 6, 2010. 7:04 PMM4industries says:
 Thanks man!
Sep 12, 2009. 6:43 PMAtomman says:
This is very professional! You certainly make good Graphics.
Jan 1, 2009. 10:05 AMwenpherd says:
can you use MS paint
Sep 2, 2009. 6:11 PMMcGrep says:
Sure, just as long as you use the shape and text tools more than freehand drawing, it tends to be messy.
Aug 7, 2009. 8:57 AMDaveNJ says:
Great job! Thanks for the information. Your instructables and website are top notch! I look forward to seeing more of your work.
Jun 4, 2009. 6:18 AManiman1 says:
what program
Apr 14, 2009. 7:16 PMReCreate says:
Thats,thats,Amazing,trueley amazing. It looks so pro...very nice,its like,wow! Thumbs up
Aug 28, 2008. 7:29 PMWhatnot says:
There are free vector drawing programs, like inkscape http://inkscape.org/index.php?lang=en
And of course you can use google's sketchup for design illustration too http://sketchup.google.com/
And for some paintwork there's gimp http://gimp.org (alos available for windows) or paint.net http://www.getpaint.net/
Dec 7, 2008. 7:01 PMwenpherd says:
what is GIMP?
Dec 8, 2008. 8:05 AMWhatnot says:
It's a free paintprogram made by linux users but also available for windows etc., or as the site says so concisely: "GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages." As for the meaning of 'GNU': GNU - A recursive acronym: "GNU's Not Unix!". The Free Software Foundation's project to provide a freely distributable replacement for Unix. The GNU Manifesto was published in the March 1985 issue of Dr. Dobb's Journal but the GNU project started a year and a half earlier when Richard Stallman was trying to get funding to work on his freely distributable editor, Emacs.
Jan 2, 2009. 11:54 AMwatermelonhead says:
gimp is actually a bit better than photoshop...
Jan 4, 2009. 5:04 PMThe Red Button says:
not if you know how to use photoshop to its full extent.
Mar 15, 2009. 8:54 PMbaxterdog says:
Agree. Still using photoshop 6 on my windows box. GIMP is a little funkier to use on my linux laptop. Tend to ftp back and forth between the systems. Have even used my circuit board software (pads) to make line drawings for machine shops! Whatever you use is fine, just document what you do! (still trying to get my paper work into a digital instructable)
Aug 29, 2008. 2:10 PMabizar says:
Would add Xara Xtreme to the vector drawing list, free for linux and low cost for windows. http://www.xaraxone.com/
Dec 26, 2008. 11:29 PMblugyblug says:
How do you draw the illustrations that you use?
Nov 28, 2008. 9:25 PMrocketman221 says:
wow thats good. i have been using google sketchup but working in 3d can be a pain at times
Nov 28, 2008. 9:03 PMwenpherd says:
can you use google sketchup
Nov 3, 2008. 6:41 PMAnarchistAsian says:
wow, i still think i can't do that...

YOU = AMAZING
Oct 4, 2008. 11:22 AMlost2010 says:
AWSOME
Aug 29, 2008. 5:49 AMWardXmodem says:
An excellent Instructable! Thanks! Is there something that will take a hand-drawn sketch, and vectorize it in a way that could then be "fixed"? I think I'm dreaming, as it would take some serious artificial intelligence to determine that for example a crooked "+" is really two overlapped lines, and allow them to be separately aligned, etc... Thanks!
Sep 11, 2008. 7:24 PMWardXmodem says:
Thank you for the reply - it turns out Inkscape with its tracing is enough to get me going - I'm enjoying toying with it... I seem to recall some programs that can "clean up" a sketch - but those are probably related to tablet computers, etc, i.e you draw "sort of a box" and it says "AHA, a box! and corrects it.
Aug 30, 2008. 9:52 PMscopevisions says:
i´m afraid of bugs... very (very) good ´table!
Aug 30, 2008. 12:48 PMandrew13 says:
lol. this is funny.
Aug 29, 2008. 10:34 AMBeanGolem says:
Nice work! Two things: 1) Drawings look fantastic and all, but an Instructable riddled with typos is still annoying and distracting. 2) Documenting failures and mistakes that get left out of a "clean" Instructable are often just as useful. I would suggest putting a "step" at the end that is just an archive of mistakes and explanations that led to the final design. In the spirit of DIY, these "lessons learned" have the possibility to be translated to many other projects.
Aug 22, 2008. 2:19 PMcoatesy900 says:
You can also just draw them on a peice of paper with a thickish pen and then scan them onto the computer if you have one.
1-40 of 103next »

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
312
Followers
22
Author:KaptinScarlet(dadcando)
Eldest of five, son of two doctors, 10 years in Graphic Design and marketing, then retrained as a Biomedical Materials Engineer, don't ask me why, I think it was because I had always wanted to design ...
more »