Step Five: Digitize
There are several different methods of digitizing a drawing, and it really comes down to your style and how you like to work.
- You can draw out a more refined version of an idea, and either scan it into your computer or take a picture.
- From there, you can use the drawing as an outline and create the lines of your vector logo over the original sketch.
- Or, you can run a vectorization tool over the drawing itself and render it as a vector, able to be scaled up and down without losing integrity.
Or, rather than doing any of those things, you can start from scratch in your program and just use your sketch as a basic guide to the digital version.
In this case, for Reyquake, I chose to do the second one. I chose this because the sketch that I ended up using as my logo inspiration was quite simple, and I felt that the “genre” the company belonged to would benefit from straight lines and sharp edges.
I’ve used several different softwares, but for this logo I used Gravit Designer which is versatile, relatively easy to use, and gloriously free.
I opened up a new file and set the canvas to unlimited. (Gravit Designer does have several pre-set templates and sizes that you can use for creating custom graphic design for specific platforms, like Facebook.)
Since my logo is going to be quite simple and not require a great deal of adjustments or layers, I just started with the line tool.
Other options, like the shape tool and the pen tool, are also easy to use. But I wanted to create my own shape logo, and the line tool gives you guidelines, which made it easy to connect the lines.
A word of caution about the line tool in this particular software — your lines look connected, but you won’t be able to use the fill tool unless you take the extra step of connecting the lines as paths.
I'll show you how to do that when we get to that point. But it’s worth noting ahead of time to save yourself some frustration.
As I put my lines together, I turned on a blue drop shadow for each one to create a fuller effect to the lines.
After a few adjustments, my jagged crown logo was complete, blue drop shadows and all. Now, I wanted to give it a little extra dimension, so I used "select all" and grouped it, connecting each element into one shape.
Then I used "duplicate" to give myself an identical copy of the shape, and moved it slightly to the left to give it dimension.
I adjusted the colors on the drop shadows for the second crown outline, using one of the fill options, to help the dimension stand out a little bit more.
The next step was to fill in the color that I wanted, but before I could do that I had to ungroup both layers and use the path tool as shown below.
I selected all and then chose "connect path lines" to create an entire closed shape. It did look like it was closed before, but appearances are deceiving.
But now my crown is a whole shape! Which means it is fillable!
The path connected the lines and also created a diagonal line from side to side, top to bottom, which was ideal for my choice of fill, so I left it was it was.
Then selected the second layer and filled in with a slightly darker, more opaque shade of the same teal. With the echoing colors and the blue drop shadows, I've got my color palette that I had in mind before I even started using the software.
I made a slight adjustment to the lines at this point, and moved on to the text.
Gravit Designer has several fonts to choose from, so I chose a fun, well-defined font with a lot of impact behind it. (I'm also in favor of checking out new fonts that don’t come standard with programs, such as some available on Behance.)
After my final few adjustments, I used the shape tool with a gradient fill to give my company logo design a background, to give it an extra layer of definition that will help it to stand out when it is used on marketing materials and packaging