Wordmarks or text-based logos are a form of logo design where a feature of the logo – typography – is amplified and given center stage. Unlike logos that use pictures, symbols, or icons as their centerpieces, wordmarks only have a typeface to carry all the weight.
A logo has to communicate your brand’s identity in the first glance. What the brand is, what industry it belongs to, what’s its unique personality. Where pictorial logos have more features to convey all this information – a logotype only has words.
But we all know how potent words can be. Add in some creative styling, spacing, and lettering, and you’ve got yourself a wordmark logo that can be as influential as you want it to be. Some of the most popular logos in the world are wordmark logos, in fact.
Image Source: The Verge
Image Source: Variety
Image Source: Daniel Beadle on Dribbble
Image Source: Wikimedia
With wordmark logos, you’ve got an added advantage too. With your business name as your brand logo, you won’t have to work as hard to build brand recognition. Nifty, right?
So let’s discuss some awesome typography tools that are at every designer’s disposal, thanks to Adobe Illustrator. With these helpful tools you can add all the character, personality, and emotion you want in your wordmarks.
Note: Illustrator is a magnificent software and contains a number of typography tricks in its various nooks and corners. We are – specifically – only going to talk about those that’ll be most used and most useful when creating wordmark logos.
As we try to give personality to a logo through its wordmark, this tool comes in handy when you don’t want the letters to be placed flatly on a surface. The Type on a Path tool does exactly what it says: it lets you type words (company name in the case of a logo) along a path you’ve chosen.
You can create this path using any of the shapes from the Illustrator’s gallery or draw a custom path according to the need of the design. This tool helps you create wordmarks that are contained in or outside a shape, curved over a semi-circle, or most popularly, sitting on a shield. Badge logos, shield logos, emblem logos, and insignia logos mostly use this type of text placement style.
Wordmark logo created with Type of Path tool
The Vertical Type Tool allows you to add words and letters in a text along the Y-axis. Instead of the letters following each other, they are stacked on top of each other, creating the vertical format.
Vertical Type tool is a great instrument to add contrast in the design through the size and placement of the text. You can also use it to align text a certain way to either add contrast, a bit of character or even to induce hierarchy and organization in the design.
Image Source: Pinterest
We all have seen texts in designs where there’s something just off about the letters. Sometimes they are squashed together. Other times they are so far apart you’re practically itching to jump into your screen and fix the mistake. It can be triggering for some (us!), to be honest.
Kerning is the design-speak for this spacing between the letters. It is paramount to get kerning right otherwise the design looks extremely amateur, lazy, and frankly, just bad. In worst cases, it makes the text absolutely illegible. But if done right, the logotype can stand out from rest of the logos in that particular market.
Image source: underconsideration.com
To fix such issues, we have Illustrator’s Kerning and Tracking tool under the Character Panel. It allows us to create an appropriate amount of distance between letters, rendering the text looking balanced and impacting. Not to say, readable.
There are two more Kerning tools in the Character Panel (Auto and Metrics) but Optical Kerning allows us to add only the amount of distance that’s needed and nothing more. The algorithm is designed to calculate the distance between each character and adjust the difference accordingly, leaving you with a design that looks put-together and perfect.
Envelope Distort is a really cool and fun typography tool. It basically allows you to add text to different shapes and objects in your illustrator or on any custom shape you’ve created. Using Envelope Distort, you place the text on top of the object, so the text takes the form of the object it’s placed on, wrapping around your selected object.
With Envelope Distort feature, you can shape your text any way you want: a fish, a bear, moon, bow-tie, wind, cars. The text adjusts itself to take on the silhouette of the object it’s being added to, giving you fluid, dynamic designs.
Wordmark logo with envelope distort effect
Glyphs are unique way letters and characters are presented within a typeface. To make a wordmark really stand out, you can change the style of just one letter (or more) in the whole text, directing the onlooker’s attention to that unique character.
You can find the glyphs of each typeface and their different variations under the Glyphs panel. As you work, you’ll see that if any letter/character within the family offers another style variation, it’ll be identified with a tiny arrow on the bottom of its box.
Additionally, you can also change the style of single letters by simply highlighting the one you want to change. The app will immediately display any variations available in that letter.
Coffee shop logo with special characters
Warp is a pretty handy tool. A bit similar to Distort Envelope, it allows you to distort and change your text form into another. With ED you are mostly creating a custom shape, but the Warp effect makes things easier.
It comes with a selection of premade shapes and forms that you can quickly choose to warp your text into. You can give your text the shape of an arc, a bulge, a flag, a fish, or a wave…anything you want (within that list).
Again, like the Envelope Distort effect, the text remains editable. Meaning you can change the text as you are working with your shape without having to go back and lay it on the object again.
Wordmark logo with the text warp effect
The Appearance Panel on your Illustrator is actually the treasure trove that contains all the magic you’re going to need to create a fabulous wordmark. Using different tools in the Appearance Panel, you can create any number of effects and styles for your logotype like retro, 3d types, texturing, shadows, wraps, you name it!
The options in the Appearance Panel work amazingly well with other type tools we’ve discussed on this list, such as Warp effect, Envelope Distort effect, Type on a Path effect, and such. Mixing and matching these tools, you can create pretty outstanding wordmark logos.
Just keep one tip in mind as you work with your Appearance Panel. The things/options that appear on top of the panel will override the changes you’re making to object using the options below it. So all the changes you want to keep in your object, make sure you drag them on top of the window as you continue your work.
Logotype that can be made using appearance panel
Why the PathFinder Tool is such a great idea for wordmark logos is it lets you work on the individual portions of each letter, allowing you to distort their shapes, cut out parts, and modify them. This tool is a design opportunity to add specific flavors to certain parts of the text – as per your desire.
You can combine different parts of letters, divide others, and subtract portions from some to create unique styles in your typeface. The Pathfinder tool is highly accurate and much neater than the eraser tool to remove portions of letters. With the Pathfinder, you get more precise cuts and subtractions, and much more wholesome additions, with very little effort.
Image Source: underconsideration.com
The Direct Selection tool also works great for typography. It enables you to modify curves, angles, and edges of individual letters by letting you work directly with the structure of the typeface.
By manipulating the anchor points in the type object, you can change the look and feel of individual letters. You can make the curve of a letter look rounder, or make it more angular, or extend the edges. You can also scale the type object as per the different effects you’re going for – to create more balanced designs.
With the Direct Selection tool, you get to work with your typography in a much more customized way than with preselected options.
The gradient tool is not primarily a typography tool; it’s a color tool. To make type logos stand out more and be more reflective of their brand identity, the gradient technique is added into the letters. The Instagram logo is the most prominent example of a gradient logo.
You can use gradients in letters to convey brand personality and character.
Image Source: Wikipedia
In Illustrator, We Have Three Types Of Gradients To Work With:
As a rule, try to keep colors limited in gradients when using in wordmarks as they can be hard to reproduce on a variety of surfaces and may look too cluttered and disorganized if you’ve used a whole bunch of contrasting colors. Tip to remember: use a color palette generator to create a scheme and work with those selected colors using the gradient tool.
Go with ‘less is more’ when working with gradient colors.
Select the gradient type you like.
So there you have it. Ten of the most fantastic tools in your Illustrator to create absolutely awesome wordmarks. You may be using some of these already and hopefully, with this list, you can do even more with them now. So what are you waiting for? Let’s start drawing!
Don’t have time to learn? Start a logo design contest.
The design of your website plays a significant part in determining the outcome of your…
You probably have heard about the saying, "Don't judge a book by its cover." While…
You have probably heard the buzz by now: data is the next big thing! We…
Gen Z, Gen Z, and Gen Z! This looks to be one of the most…
While spirituality and branding may seem very different or even opposing sides, they can come…
If you are in the fintech business you already know that becoming known can take…
View Comments
Great content! Super high-quality! Keep it up! :)