Categories / Tutorials
How To Turn a Hand Drawn Logo Into a Vector
Joseph Walter March 31, 2021 · 6 min read
Here’s What You’ll Need To Get The Job Done:
- Pencil (A basic mechanical pencil works well)
- Pen (I use a Faber-Castell PITT Artist Pen)
- Normal paper
- Tracing paper
- Adobe Illustrator software
1. DiscoverySince you’re reading this article on hand illustrated logos, it is pretty safe to assume you already have the hand-illustrated style in mind. Beyond the basic style, there are additional questions to consider as you brainstorm the possibilities. If you have a client project, I recommend discussing with the client and really trying to get to the core of their needs and intentions for the logo and their brand. This article mainly focuses on the process to go from sketch to vector format, but below is a list of questions to get you started on establishing a direction for the logo.
Questions to Consider
- Who is the audience? Example: Kids, parents, women, men, etc.
- What is the character? Example: Playful, serious, upscale, classic, etc.
- Are there any basic iconic objects or visuals that communicate the message of the logo? Example: Mountains communicating outdoor adventure, etc.
2. BrainstormingOne simple method to brainstorm a variety of concepts is to quickly sketch a slew of small thumbnail style concepts. The purpose of this is to brainstorm different concepts, not refine the final version. Avoid getting caught up on details or refining too much as this can slow the process and inhibit the flow of ideas. No idea is a bad idea at this stage. Don’t judge yourself, just sketch.
Here are some brainstorming sketch pointers
- Experiment with all caps text, bold text, italic text, cursive text, etc.
- Try slanting the text, or drawing the text on a curved baseline.
- Experiment with different basic shapes.
- Experiment with where different elements are placed and how they are aligned.
- If you have any iconic shapes, what varieties of the shape can you sketch?
- Consider subtracting and overlapping shapes.
3. Final SketchOnce you have decided on a thumbnail sketch to develop further, draw a larger version of your favorite logo that allows space for finer details and more refinement (see above image). The goal here is to draw a more refined logo that is suitable for tracing in the next step.
4. TracePull out a sheet of your tracing paper and tape it over your final sketch. As you trace your illustration with a pen on the tracing paper, keep in mind that we are going for the hand illustrated look. Imperfections are welcome. I intentionally let my hand wander a bit as I trace over the sketch to exaggerate the hand crafted look and feel. To quickly fill in the logo I also like to use a thicker black marker once my outside lines have been traced.
5. ScanIn this step we will scan the penned logo tracing into the computer. If you don’t have a scanner, make a run to the local Kinko’s or borrow a friend’s scanner for this step. A phone camera could work in a pinch, but I don’t recommend it.
- Most scanners offer a slew of options. Each scanner will vary, but you basically want to use a scan preset that allows you to scan in bitmap black and white for the easiest possible selection in the next step. For logos, I typically like to scan using the “Text” setting on my scanner. This setting may seem counter-intuitive, but it makes the conversion to vector format even easier as it scans in only black and white, no shades of gray.
- The general rule of thumb is the higher the resolution, the better. If you have a scanned logo somewhere in the neighborhood of 3,000px – 5,000px wide or so, you should be in great shape for the following step. A scan that is too low a resolution is too be avoided.
- File format: I recommend an uncompressed TIFF format. This delivers a high-quality file and avoids undesired artifacts that result from a high compression and low-quality JPG, for example.
6 Convert to VectorAt this point in the process, we will convert the sketch from a bitmap image to the industry standard vector file format (with paths). Launch Adobe Illustrator and open the image file you just scanned. When the document opens, you’ll see your scan (see above image). However, what you see at this point is only bitmap image sitting in an Illustrator document, and won’t do as a final logo format. We need to convert this image to actual vector paths within Illustrator. Click directly on the logo to select the bitmap image and then select “Object > Image Trace > Make and Expand”. This will likely trigger an Illustrator warning popup saying that the process might proceed slowly. Click the “OK” button to proceed. Once the process finishes you’ll have an actual vector logo! Side-note: all of the small red dots in the above image are the points along the vector path, and only display while editing the file in Illustrator. Lastly, I recommend deleting any unnecessary paths using the Layers palette. To do this expand the layer in the “Layers” palette, locate any unused layers, and delete them (see below image). This will keep your logo file clean and eliminate any messy and unused artifacts.
…And, We’re Done!So there you have it folks, a process to go from a pencil sketch to a professional vector logo format — all while maintaining that coveted hand illustrated look. You’re now ready to select your brand’s colors and apply any further tweaks as you see fit in Illustrator. If this is your first time to do a process like this, it will probably take a decent amount of time. Once you’ve have done it a time or two, you’ll knock the whole process out quickly. Just like with most artistic processes, the more you do it the more efficient you’ll get. Leave a comment below with how this worked for you. Do you have a different process?
Products Seen In This Post: