HOW TO: Create an Elegant Hair Salon Logo

How to create an elegant hair salon logo

In this tutorial, I’m going to show you how I went about producing an elegant logo for an Australian hair salon. Origin Hair Salon advertised on DesignCrowd for a logo update, and this piece was the winning submission.

Let’s start with the client’s brief, which is simple and straight foward.

Creative Brief

“We are looking for a trendy modern design for our hair salon close to the Perth CBD called Origin Hair. Our clients are predominantly female between 25-40 years old.”

This is the whole brief — there is nothing more to go on. Sometimes it’s a great thing when designers have fewer guidelines to restrict the creative direction as it allows us to spread our wings and explore avenues we might not have otherwise been able to take.

The logo needs to appeal to women between 25 and 40, so it shouldn’t look to funky and childish (as if we were targeting teenage girls, for example) — it’ll need to use elegance and femininity to appeal to this set of women.

Concept • Origin Hair

After playing around with different ideas, the concept I chose to proceed with is the O from Origin blended with curled hair. For this particular project, coming up with a concept wasn’t the hardest part. Making it work in execution was.

Visualization in software

Let’s jump into the software, and as always, I’m using Adobe Illustrator and Photoshop to create the logo. The first thing I do is to scan in the sketch from the concept and place it into Photoshop. I then opened up the Character panel and chose a suitable font to start with. Using the Free Transform tool (Ctrl/Cmd + T), I adjusted the corners of the sketch to fit the character O.

Once you’ve done this in Photoshop, import the sketch into Illustrator and start drawing the path along the sketch’s major outlines.

Now that the overall shape has been outlined, the next step is to trace the hairs themselves.

Use the Width Tool from the toolbar to adjust the shape of the path to make the hairlines looks more dynamic. This tool is awesome — just rollover the path and drag it left or right to make it thicker or thinner.

After adjusting the width of the inner hairlines, start on the outer hairlines — these hairs should be made thicker.

When all the hairlines have been drawn and sized, move on to the coloring and shading. The first step is to choose a lighter gray for outer hair, and a darker color for inner hair.

Using the Mesh Tool from the toolbar, click on the shape and generate several anchor points. Select the middle point and use the Eyedropper to choose a lighter gray, leaving the ends with a darker shade.

This shading technique has now visually created the negative space and given the logo a little bit of depth.

Using the same technique, finish off the other parts of the hair. The logo mark is pretty much done, so we can move on to the text.

In order to work with the elegant and feminine logo mark, we’re looking for a font with a classic feel, and we’ll give it a slight wave, like the hair. Serif fonts are an appropriate choice here, and I’ve chosen Americana LT Bold. The shape of this font is already great, so I’m not going to modify it. Instead we’ll concentrate on the text effect. The first step is draw a wave line above the text.

Close the wave line path and then select both it and the text. The text should be outlined. Copy one set of text and place it on top of the original text. Go to the Pathfinder panel and crop out the wave text.

Now the text appears in two layers. Select the bottom one and apply the gradients. Because the wave moves up and down, the gradients should be adjusted individually in every character.

This is the finished logo.

Thanks for watching!


One thought on “HOW TO: Create an Elegant Hair Salon Logo

  1. Hello,

    Your design is both creative and elegant and we applaud your talent so much so that we would be honored if you would design our company logo. Please email a response to the email address provided if you have the time and are interested in perusing this project.
    Awaiting your response,


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s