Create an original logotype through custom font treatments

Mustag Firin

A logotype, also known as a wordmark, is a text-only graphic created to uniquely brand a company’s name. Logotypes come in thousands of variations, shapes, sizes, and styles, all with a common goal to quickly communicate a company’s message, and grab the attention of its desired audience. This is why the logotypes you design MUST be simple, original and stand out on their own.

You don’t need to be a typographer to create a unique logotype, however. Instead, you can start with the framework of an existing font and customize it to be uniquely yours! Open your Adobe Illustrators and let’s get to customizing.

00

Here’s inspiration from generations past — the likes of Coca-Cola, Kellogg’s, Cadbury, Disney, Nestle, Heinz, etc. These brands became household names, trusted for their quality and price, and their logotypes are still recognized by all.

First, let’s give the font a nice background — create a subtle gradient from #F6F6F6 to #F3F3F5.

01

I’ve browsed over my font collection, compared different styles, and decided to use the Phoenix Script font.

02

Now, we want to manipuate the text, so we need to convert the font to outlines. You can either Expand the text (Object > Expand), or Outline it (Right-click > Create Outlines).

03

The text has become a shape that is editable.

04

Continue by deleting unnecessary parts using the Eraser tool ( Shift+E ).

05
06

Smooth out your eraser marks by deleting a few anchor points with the Delete Anchor Pen tool (P).

07

Next, we want to reshape and edit specific paths by selecting that path’s anchor points using the Direct Selection tool (A). If you’d like to select multiple points, then press Shift while you click.

08

Now, we are going to reshape each letter.

09
10
11
12

Let’s bring everything together. Use the Direct Selection tool (A) to delete the tail from the letter G. Then, use the Pen tool (P) to create a new shape that starts from the open points of the G, and underlines all the letters. Where you place the specific anchors to make the shape is all about instinct, and what looks good to you. You can use the Direct Selection tool to smooth it out and make it solid.

Next, I’ve added an additional shape to the wordmark, to make it more of my own.

13

Continue to experiment with (and clean up) the paths and anchor points.

14

Let’s add highlights to the text by creating smaller shapes on each letter.

16

Here’s the result:

17

And finally, I’ve flipped the wordmark “Guilty” horizontally, in hopes that it would read “Innocent”. Do you see it?

18

That’s it — have fun creating your own logotype!

Have any questions about customizing fonts?

Related articles

22 beautiful real estate logos that close the deal

22 beautiful real estate logos that close the deal

Have you ever seen a house like the one below before? Of course you have—not in reality but in logo design. The world of real estate logos is littered with sloping roofs and square windows, suspended in abstract space or agglomerated onto one another in physically baffling clusters. They’re ubiquitous, they’re boring and they make…

9 hot logo design trends for 2017

9 hot logo design trends for 2017

What logo and branding trends are going to define 2017? Today, we’re gazing into the future at nine popular logo trends. From simplification to unique typography to animation, these are what we’re predicting will be hot in the new year. 1. Broken letters — Stencils? Spray paint? Not quite. In 2017 we can expect designers to be taking broken…

Current Design Contests

Designers, check out these contests so you can start building your career.
0%