Designing a logo from scratch part 2: drawing and illustrating
In Designing a Logo from scratch part 1: Creative Brainstorming I went over techniques to brainstorm ideas for designing a logo. I discussed formulating a business name by using a thought web to help get your creative juices flowing. Well, I’m going to use the two keywords “Phoenix” and “Communication”, which happens to work well because there are many companies based around communications. First off, I have to give credit to Chris Decatur for his excellent tutorial on professional logo design, as many of the design steps are the same and it’s also a great read.
Step 1: Draw it on paper
In graphic arts, we must not neglect the power of the hand. If you don’t feel comfortable with using the hand, it’s at least worth a shot to get familiar with. It’s a quick, easy way to sketch ideas down and formulate the ideas into something worth tracing. Don’t spend too much time on one until you feel like tackling it in Illustrator.
For me, I drew a few images of phoenix’s. If it’s difficult for you to integrate multiple keywords into the logo, simply start with one keyword and modify it to have both. My illustrations don’t have anything to do with communications yet.
Step 2: Scan it
After you have drawn a few, you can combine ideas from the other ones to get the result you want. I ended up liking number 4 and the one on the right, so I scanned it and brought it into Illustrator.
Step 3: Use Illustrator
Why? Since Photoshop creates pixel-based graphics, Illustrator is ideal for creating logos because it’s a vector-based program, which creates images in points which allow it to be scaled to any size, which is crucial for branding purposes.
Step 4: Set up layers
-Open a new 8.5×11 document (or whatever size of paper you used) and click file -> Place.
-Locate to your image and hit the place button.
-Over in the layers panel (F7), double click the layer and give it a name. It’s good habit.
-Lock the layer by clicking the blank space beside the eye icon in the layers panel.
-Now click the new layer icon and you’re ready to roll.
Step 5: Set up the pen tool
Click the pen tool, and at the bottom of the tools panel, set the fill color to none (the tiny box with the red line under it) and the stroke color to black. This way you’ll exclusively be able to see the lines you draw and the illustration under it.
Step 6: Trace the outlines with the pen tool
The pen tool is annoying to many, but it just takes patience. Have patience and you can come up with something beautiful. Start drawing points around your figure. Don’t worry about accuracy just yet, you can use the convert anchor point tool later to adjust curves and the direct selection tool to position them. If you spread out your points as much as possible, it will be easy for you to make smooth curves when you tune them with the convert anchor point tool. If you’re a beginner with the pen tool, you should take a look at Veerle’s Pen Tool Exercises tutorial.
Step 7: Fine Tune the points with the convert anchor point tool
-Click the convert anchor point tool, followed by clicking on the point you wish to change the curve angle from. Two curve handles will show up, and click and drag them to make your angle the way yout want it. This may take a little time to do for all of the points, but the key is not to give up!
Step 8: Add Color
Now that your logo has the outline done, let’s start filling in the inside. Use the fill box to select what color to fill it in with. For solid colors, simply make sure the fill box is in front of the stroke box and click the color from the color selector. You can do the same with the stroke box to add a stroke. I have also created a background layer since I won’t be using the sketch anymore. If you’re adding a gradient:
1. Select fill box
2. Select color
3. Drag the current color swatch to inside the gradient box to add a color, and simply click the gradient box to activate it
4. Use the gradient tool to control the spread and direction of the gradient
Step 8: Add Detail
Although logos are best kept simple so they’re more memorable, adding a detail significantly adds to the presentation. For my project, I did the following:
1. Drew an outline
2. Changed the stroke & fill colors
3. Duplicated and dragged over the illustration outline
Step 9: Done
And we’re all done with the graphic. Next part we will go over basic typography and slogans for your brand design. Thanks for reading, here’s my final product: