How to draw like Fairdale August 20, 2013

main

To break up my day at Fairdale Bikes I often spend some time doodling. Drawing something ridiculous is a great way to drum up a smile and save my soul from the torture of working in spreadsheets. Folks often ask me what process I use for colorizing/ digitizing drawings so I put together this little How To. Check it out and have some fun with it.

20130820_102513(0)

Step 1: First thing I do is look around for something that makes me laugh. Today Monty was Rollerblading® around the office in pink fruit boots and that seemed like a good place to start.

20130820_102637

Step 2: When I’m drawing something quick I find dropping a heavy outline around the sketch with a Sharpie speeds things up a lot.

20130820_103145

Step 3: I fill in the detail lines with a smaller pen. If it’s something I want to spend more time on I will use finer and finer detailed pens.

scan

Step 4: Sometimes I’ll color everything in with markers but today’s How To centers around quick computer colorization. I’ll scan the drawing in using a scanner. I have a little flat bed Canon scanner that I can fit into my computer bag while on trips, but you can even get away using a camera phone photo of a drawing too.

vectorize

Step 5: After the scan shows up I copy it into Adobe Illustrator. I click the little Live Trace button at the top to “vectorize” the art. This distorts your hand drawn line work a fair bit but I find it looks fine for most quick cartooning stuff.

coloring

Step 6: You can just select the white shapes and start assigning them colors, but I like to delete out all the white and draw in my own color blocks. To do this I just select all the white from the drawing and delete it out, and then put the black outline in its own locked layer. Now when I draw in color blocks “underneath” that locked layer its ok if they don’t match up perfectly… Gives the drawing a little more hand drawn feel when things aren’t perfect.

20130820_104007

Step 7: I use a Wacom Intuos5 drawing tablet to “draw” in the color shapes. Of course you can just use a mouse too, but this is way faster.

Screen Shot 2013-08-20 at 10.42.32 AM

Step 8: Learn your Illustrator key commands and this can be a really quick process. “N” brings up the pencil so you can draw a shape, “I” brings up the eye dropper so you can choose a color to fill that shape with. Keep one hand on the keyboard to switch tools and you can keep your drawing hand in position on the tablet to quickly draw in the shapes.

shadow

Step 9: Depending on how detailed I’m being I might have several layers of shadows or just one quick one like above. Using the Transparency pallet and the “Multiply” setting I can draw a fast shadow shape over most of the drawing in one shot. This wouldn’t be appropriate to use for something you were drawing for screen printing where you want “spot” colors but it works fine for doodles.

arossdialed

Here’s an example of putting a bit more time into the shadow process for a 2014 Sunday Bikes mock-up I did. You can keep adding detail and make things look more and more realistic.

montyrollerblading

Step 10: A quick background and drop shadow and I call this distraction from “real” work DONE and ready for Instagram!