How to Create a Hand Drawn Label Design

How to Create a Hand Drawn Label Design

Pencil and paper_ Every designer loves the idea of creating something by hand. And in recent years, it seems, the process of hand drawn design has seen a resurge in popularity and appreciation. This might leave some designers, who developed their digital skills over the past decade, in the dark. For example, you may be able to create a beautiful design in Photoshop or Illustrator, but given a pen and paper, you are completely lost. This doesn't have to be the case when you are comfortable mixing the two mediums in your design process. Let's take a look at how I created this bottle label using both the pen and the computer as tools to create the end result.

Preview

Here's a look at what we'll be building. how to create a hand lettered hand drawn label design

Finding inspiration on the computer

With most all of my designs I start with a "mood board". This is basically a collection of design pieces, usually from a certain era or genre, that I find appealing and plan to take inspiration from. Careful now, I said "inspiration" not "copy from". To avoid inadvertently copying, I typically build the mood board, study it, then put it away, and walk away for a while. That way, when I come back, I'm building from my memory of styles I've seen, and not directly taking from something that already exists. Here's my mood board for this label design, which I'm basing on a fictional beverage titled "Lucky Dog". how to create a hand lettered hand drawn label design

Thumbnail sketching on paper

I start my design by roughing out some ideas on paper. These thumbnails allow me to run through ideas quickly to see what might work and what doesn't work. Drawing thumbnails is a crucial step in any design process. It saves a ton of time to go into the next step with a general idea of you're creating. Here are some thumbnails that I quickly drew for this label design. how to create a hand lettered hand drawn label design Next up, I chose a thumbnail and drew it at a larger size paying more attention to details, and how this label might come together. This is still on paper, and drawn at about half the final size of the label. It's basically a more refined thumbnail to give me an idea of what the final illustration might look like. how to create a hand lettered hand drawn label design

Quick layout using fonts on the computer

I like the direction the design is heading in. Next, I'll open up Adobe Illustrator on the computer and do a rough layout using fonts in place of my hand drawn type from the refined thumbnail. I created the document at 2x the size of the printed label. This will give me room to print it out and add details by hand. Here's a look at my rough layout in Illustrator. Next up, I'll print this layout and begin drawing the label over this rough. how to create a hand lettered hand drawn label design

Building the composition with tracing paper

Now that I've printed the rough from Illustrator it's time to go back to paper. I use tracing paper over the printed rough to begin my layout using pencils and Micron pens. Now wait a minute… Some of you might look at this step and say "He's tracing!!" or "Why trace the fonts? Why not just stay in Illustrator?" I'm using these fonts as rough guidelines. I like to use fonts in, some designs like this one, to get a feel for stroke width, alignment and spacing. I also like to embellish the fonts versus just tracing them to add my own style. Plus, I want the end result to have that imperfect hand drawn look and feel. I begin by tracing the fonts with Micron pens and adding extra design elements with pencil. I'll come back later and trace my pencils with pen as well. how to create a hand lettered hand drawn label design how to create a hand lettered hand drawn label design For the dog, I found several reference photos with a simple google search. I rough him in with pencils and then come back and add shading and details with pen. how to create a hand lettered hand drawn label design how to create a hand lettered hand drawn label design

Scanning and refining the illustration on the computer

Once the illustration is completely inked and I've added all of the extra details that I feel are needed, I then scan the label at 600 dpi and bring it into Photoshop for further refinement. At this point you could take it back to illustrator and refine to your heart's content, but for this purpose, I'm pretty happy with where it's at. I touched up a few letters and shadows, but that's about it. Here's a view of the original scan versus the final label. how to create a hand lettered hand drawn label design To finalize the label, I created a new document at print size (5x8 inches). I copied and pasted the artwork to a layer within this new file. I added a background from the Recycled Papers Collection here at Medialoot. And then set the artwork layer's Blend Mode to "Multiply" to hide all white areas. Next, I added a Gradient Map adjustment layer with a Blend Mode set to "Overlay". how to create a hand lettered hand drawn label design For the finishing touch, I colored in some shapes and added a boarder. I also added a bit of grunge with a brush from the Subtle Grunge Brush Collection. To apply the brush I grouped all of my artwork layers together and applied the brush to a layer mask on the whole group. how to create a hand lettered hand drawn label design Here's another look at the final label. how to create a hand lettered hand drawn label design

Conclusion

I hope this tutorial has given you some insight and inspiration when it comes to incorporating both pen and paper and the computer into your workflow. Both are incredible and indispensable tools to a designer. Being comfortable with both, makes your designs more versatile and makes you a better designer!

Sign up for more

Free premium quality resources and design files

Web and graphic design tutorials and quick tips

Industry related articles and trend discussions

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource

FAQ

See all
X

You've successfully logged in!