How i go about translating an scanned sketch into an Illustrator Drawing.

When i first started using illustrator I went about painstakingly trying to trace pretty complex images, not concerned with Illustrators most powerful feature, which is to create complexity by building from simplicity. Just like books aimed at teaching you how to draw illustrator is great when used to block and refine. Towards this end illustrator has an awesome set of drawing tools to help build generic shapes that can be combined with another tool (the PathFinder Tool; more about this one later)

Resources:
if you’re not familiar with the pen tool check out these links: http://school.tatoland.com/illustrator/aipentool.html & http://vector.tutsplus.com/tools-tips/illustrators-pen-tool-the-comprehensive-guide/

STEP #1:

Scanned Drawing, opened in Illustrator. I set the transparency to 20% to help differentiate the vector shaped from the scanned sketch. I always set my scan on its own layer and LOCK the layer so it wont accidentally get moved. I have accidentally moved a scan before and continued drawing with old layers turned off and didn’t realize the new lines were shifted until sometime later, it was a bit of a pain to get them re-registered. All subsequent illustrator work will take place on new layers sitting above the scan layer. Its a pain but if you are going to work on a file for a while of set it down and come back to it, naming layers is super helpful to help keep track of what is where.

STEP #2:

Start to block out the basic shapes. I used the pen tool for this. I am not a fan of the pencil to when it comes to drawing these kinds of precise lines and curves . The pen tool also allows for better control of the number and positioning of anchor points. When drawing with teh pen tol i always turn the fill off and set the stroke to an arbitrary color the will not be confused with the scan I’m tracing.

If youre the kind of person who draws over-lapping letters with out thinking about what goes on behind the over-lap, now is the time to consider it. Closing your eyes only blocks your view of the world it doesnt make it go away; the same goes for the parts of letters that are behind the over-lap. This method of working in illustrator will allow me to combine all these simple looking shapes into much more sophisticated and complex shapes, that would be the wrong use of energy to simply draw out with the pen tool. Once all the shapes are blocked in you can then playing around with the bits, and where and how they sit in relation to each other; something that becomes Sisyphean if done on paper.

I have purposely left out the negative spaces of the letter, they will be added later when the shaped are combined. Also the Arrows will be created separately and then copied and added to each branch.

All the basic shapes are drawn. I set the fill back to the default white and black so i can see the solid shapes and begin any initial adjustments to where the basic shapes will sit.

Next post:

pathFinder Palette and using it to manipulate the simple shapes and turn them into  shapes that more resemble the finished letters of the sketch.

Tags: documentUpdates, heavylox, letters, process, rath, STYLE-WRITING, tutorials, typography, Upsetters, vector artwork, victor vector

This entry was posted on Friday, October 23rd, 2009 at 5:23 pm and is filed under How I do it, Illustration, STYLE-WRITING, Uncategorized, drawings, tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.