{"id":14082,"date":"2020-01-14T12:37:52","date_gmt":"2020-01-14T12:37:52","guid":{"rendered":"https:\/\/www.zilliondesigns.com\/blog\/?p=14082"},"modified":"2026-06-08T11:19:57","modified_gmt":"2026-06-08T11:19:57","slug":"typography-tools-illustrator-wordmarks","status":"publish","type":"post","link":"https:\/\/www.zilliondesigns.com\/blog\/typography-tools-illustrator-wordmarks\/","title":{"rendered":"10 Typography Tools In Illustrator To Make Mind-Blowing Wordmarks"},"content":{"rendered":"

Wordmarks or text-based logos are a form of logo design where a feature of the logo \u2013 typography \u2013 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.<\/p>\n

A logo has to communicate your brand\u2019s identity in the first glance<\/strong>. What the brand is, what industry it belongs to, what\u2019s its unique personality. Where pictorial logos have more features to convey all this information \u2013 a logotype only has words.<\/p>\n

But we all know how potent words can be. Add in some creative styling, spacing, and lettering, and you\u2019ve 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.<\/p>\n

\nImage Source: The Verge<\/a><\/p>\n

\nImage Source: Variety<\/a><\/p>\n

\nImage Source: Daniel Beadle<\/a><\/p>\n

\nImage Source: Wikimedia<\/a><\/p>\n

With wordmark logos, you\u2019ve got an added advantage too. With your business name as your brand logo, you won\u2019t have to work as hard to build brand recognition. Nifty, right?<\/p>\n

So let\u2019s discuss some awesome typography tools that are at every designer\u2019s disposal, thanks to Adobe Illustrator. With these helpful tools you can add all the character, personality, and emotion you want in your wordmarks.<\/p>\n

Note:<\/u><\/strong> Illustrator is a magnificent software and contains a number of typography tricks in its various nooks and corners. We are \u2013 specifically \u2013 only going to talk about those that\u2019ll be most used and most useful when creating wordmark logos.<\/p>\n

1. Type On A Path Tool<\/h2>\n

As we try to give personality to a logo through its wordmark, this tool comes in handy when you don\u2019t 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\u2019ve chosen.<\/p>\n

You can create this path using any of the shapes from the Illustrator\u2019s 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.<\/p>\n

\"Violet
\nZillionDesigns<\/a><\/p>\n

Steps To Access The Tool:<\/u><\/h3>\n
    \n
  1. In the Illustrator program, open or create the object or shape\/path on which you want to place the text.<\/li>\n
  2. Click on Type on the control panel (toolbar on top). A menu will appear.<\/li>\n
  3. Click on Type on a Path option to access the tool.<\/li>\n
  4. If you click on a tiny arrow in front of the tool, you can see different options (Gravity, 3D ribbon etc.) available under Type on Path tool for added effects.<\/li>\n
  5. You can also find it on the left-side toolbar under T of Type options.<\/li>\n<\/ol>\n

    \"Type<\/p>\n

    2. The Vertical Type Tool<\/h2>\n

    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.<\/p>\n

    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.<\/p>\n

    \nImage Source: Pinterest<\/a><\/p>\n

    Steps To Access The Tool:<\/u><\/h3>\n
      \n
    1. In the Illustrator program, you\u2019ll find a T for Type options on the toolbar on the left.<\/li>\n
    2. Click on it to see the expanded menu.<\/li>\n
    3. You\u2019ll find the Vertical Type tool on the bottom of the menu, below Type of a Path option.<\/li>\n<\/ol>\n

      \"The<\/p>\n

      3. Kerning & Tracking<\/h2>\n

      We all have seen texts in designs where there\u2019s something just off about the letters. Sometimes they are squashed together. Other times they are so far apart you\u2019re practically itching to jump into your screen and fix the mistake. It can be triggering for some (us!), to be honest.<\/p>\n

      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.<\/p>\n

      \nImage source: underconsideration.com<\/a><\/p>\n

      To fix such issues, we have Illustrator\u2019s 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.<\/p>\n

      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\u2019s 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.<\/p>\n

      Steps To Access The Tool:<\/u><\/h3>\n
        \n
      1. Select the text on which you want to adjust the kerning.<\/li>\n
      2. Use the Windows shortcut Ctrl+T (Command+T for Mac) to open the Character Panel. You can also access it via panel on the right.<\/li>\n
      3. You will find Kerning option on the bottom right drop down menu. It has three options: Auto, Metric, and Optical. You will also find Tracking to the right, which can be manually adjusted.<\/li>\n<\/ol>\n

        \"Kerning<\/p>\n

        4. The Envelope Distort<\/h2>\n

        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\u2019ve created. Using Envelope Distort, you place the text on top of the object, so the text takes the form of the object it\u2019s placed on, wrapping around your selected object.<\/p>\n

        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\u2019s being added to, giving you fluid, dynamic designs.<\/p>\n

        \"Trucktek
        \n        ZillionDesigns<\/a><\/p>\n

        Steps To Access The Tool:<\/u><\/h3>\n
          \n
        1. Create or open the object you want your text to take shape of.<\/li>\n
        2. Place the text on your canvas.<\/li>\n
        3. Select both your object and the text. Make sure both of them are on the same layer.<\/li>\n
        4. Then go to the Control Panel of your Illustrator and click on Object. A drop down menu will appear.<\/li>\n
        5. Click on Envelope Distort from the list, go to the tiny arrow in front of it to view the list of options, and select Make with top Object.<\/li>\n
        6. The shortcut key for Windows is Alt+Ctrl+C (Command+Option+C for Mac).<\/li>\n<\/ol>\n

          \"The<\/p>\n

          5. Special Characters And Glyphs<\/h2>\n

          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\u2019s attention to that unique character.<\/p>\n

          You can find the glyphs of each typeface and their different variations under the Glyphs panel. As you work, you\u2019ll see that if any letter\/character within the family offers another style variation, it\u2019ll be identified with a tiny arrow on the bottom of its box.<\/p>\n

          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.<\/p>\n

          \"Kauffee
          \n          ZillionDesigns<\/a><\/p>\n

          Steps To Access The Tool:<\/u><\/h3>\n
            \n
          1. Select the letter or character you want to change or modify for enhancement effect.<\/li>\n
          2. Go to Type of the Control panel on top and click on it.<\/li>\n
          3. From the list, select Glyphs.<\/li>\n
          4. The Glyph window will open, containing character variations for the text and the selected portion.<\/li>\n
          5. Select the variation you want to add.<\/li>\n<\/ol>\n

            \"Glyphs\"<\/p>\n

            6. Warp<\/h2>\n

            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.<\/p>\n

            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\u2026anything you want (within that list).<\/p>\n

            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.<\/p>\n

            \"Crossfit
            \n            ZillionDesigns<\/a><\/p>\n

            Steps To Access The Tool:<\/u><\/h3>\n
              \n
            1. Select the text.<\/li>\n
            2. Click on the Effect tab from the Control panel on top.<\/li>\n
            3. From the list displayed, access the Warp option and click on it to find options such as, Arc, Bulge, or Shell.<\/li>\n<\/ol>\n

              \"wrap\"<\/p>\n

              7. The Appearance Panel<\/h2>\n

              The Appearance Panel on your Illustrator is actually the treasure trove that contains all the magic you\u2019re going to need to create a fabulous wordmark<\/a>. Using different tools in the Appearance Panel, you can create any number of effects and styles for your logotype<\/strong> like retro, 3d types, texturing, shadows, wraps, you name it!<\/p>\n

              The options in the Appearance Panel work amazingly well with other type tools we\u2019ve 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.<\/p>\n

              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\u2019re 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.<\/p>\n

              \"Sports
              \n              ZillionDesigns<\/a><\/p>\n

              Steps To Access The Tool:<\/u><\/h3>\n
                \n
              1. You\u2019ll find the Appearance Panel on the left-hand side of the app with all its options.<\/li>\n
              2. For keyboard shortcut key, use Shift+F6 for Windows and Mac, both.<\/li>\n<\/ol>\n

                \"appearance\"<\/p>\n

                8. The Pathfinder Tool<\/h2>\n

                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 \u2013 as per your desire.<\/p>\n

                You can combine different parts of letters, divide others, and subtract portions from some to create unique styles in your typeface<\/strong>. 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.<\/p>\n

                \nImage Source: underconsideration.com<\/a><\/p>\n

                Steps To Access The Tool:<\/u><\/h3>\n
                  \n
                1. You\u2019ll find the Pathfinder on the left side toolbar and can also access it via Windows keyboard shortcut Ctrl+Shift+F9 \u2013 for Mac, use<\/li>\n
                2. Once you do, the Pathfinder window will appear with all its additional tools.<\/li>\n<\/ol>\n

                  \"pathfinder\"<\/p>\n

                  9. The Direct Selection Tool<\/h2>\n

                  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.<\/p>\n

                  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\u2019re going for \u2013 to create more balanced designs<\/strong>.<\/p>\n

                  With the Direct Selection tool, you get to work with your typography in a much more customized way than with preselected options.<\/p>\n

                  Steps To Access The Tool:<\/u><\/h3>\n
                    \n
                  1. It is available on the right-side tool bar in the app.<\/li>\n
                  2. Select the shape whose points you want to modify and click on the tiny airplane shaped Direct Selection Tool.<\/li>\n
                  3. You can also access it by using the Windows shortcut key: simply press A. It\u2019s the same for Mac.<\/li>\n<\/ol>\n

                    \"The<\/p>\n

                    10. The Gradient Tool<\/h2>\n

                    The gradient tool is not primarily a typography tool; it\u2019s a color tool<\/a>. To make type logos stand out more and be more reflective of their brand identity<\/strong>, the gradient technique is added into the letters. The Instagram logo is the most prominent example of a gradient logo.<\/p>\n

                    You can use gradients in letters to convey brand personality and character<\/strong>.<\/p>\n

                    \nImage Source: Wikipedia<\/a><\/p>\n

                    In Illustrator, We Have Three Types Of Gradients To Work With:<\/p>\n