Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Here are some logos that put type on a path, specifically type around a circle. And in four of their instances, we see the type goes around the top of the circle and around the bottom of the circle. So we are going to see how we can do that in Illustrator. And here are some explorations I have been making with the logo in progress. It's for the company, Deep Green, a garden design company. Some of these are more successful than others but they all use very similar techniques and this is the first three examples up here.
I put them inside a colored circle and I'm using, in the case of number 1 and number 3, these are Illustrator's Symbols that I got from the Symbols Library and we saw that in an earlier movie. I'm not going to do that here. I'll just point out where they are, Symbols, and I got them from the Nature Symbols Library. The second example of the rose is Live Traced and then modified from a photograph and I'll be recreating that in an upcoming video. But for now I'm just going to look at these simple examples here, which in topographic terms use exactly the same techniques as the upper examples.
So I'm going to begin by drawing a circle using my ellipse tool. I want to draw outwards from the center point somewhere, so I'm holding down the Alt key and I want it to be a perfect circle, so I'm holding down the Shift key and then, I'm going to use my Type On A Path tool and click on the top of that circle and when I do the Fill disappeared and then I'm going to type in my text. I can now use my Alignment options to adjust the position of the text relative to the circle. And/or I can use my Selection tool and these vertical ticks would appear on the circle.
First of all, what I'm going to do, before I get to moving the type around, I'm going to make sure that it is centered on the circle. That's going to move the type round to the bottom of the circle. Now I switch to my Selection tool, I go at this stick that represents the beginning of the story, the one to its left, the end of the story and this one at the bottom representing the alignment. Now I'm going to get this beginning tick representing the beginning of the story and have that chase the type around the circle. When I get to the end of green reaches the top of the circle it going to seem to disappear. Don't be alarmed by that, I'm going to lick over that as far as there and then I'm going to get this tick which represents the end of the story, I have got that Overset text indicator there.
Now if I pull that around, I get the word back and I want to make sure that the center tick aligns at the very top of the circle. Now here is a case in point, we were discussing in earlier that it was how to be wanting how to space between the two words or do I want to differentiate them with color and in this case I definitely did not want that space because it's making things seems slightly weighted to the right. So, if I come in there and choose that and then I can click on that now I have got the G, exactly at the top of the circle.
I'm also going to adjust the size of the type. Now, I got the circle selected with my Selection tool and I can now use the shortcuts to reduce my type, Apple+Shift+< or Ctrl+Shift+<. And now I'm going to track some space between the characters Alt+Right Arrow just to space out those letters a bit. Right so that's the type reading at the top of the circle. I now want to read at the bottom of the circle and I'm going to put the tag line of the logo on the bottom of the circle. So, the technique here is I want to copy this, Apple+C or Ctrl+C and then I want to paste that copy in front, exactly on top of the original. Apple or Ctrl+F, doesn't look any different, but I have got two copies one exactly on top of the other. With the copy that is on top, I'm going to drag that down and inside the circle like so and switch back to my Type On A Path tool.
I'm there and select that. It is Garden Design and Planting. It is Garden Design and Planting. The problem here is that, I have now got overset text again, I need to reduce the size of that text with my Type tool in my text, Apple or Ctrl+A will select all including the portion that's currently overset and then Apple+Shift or Ctrl+Shift+< reduce the size. Track it a little bit more and then I can just experiment with the relative sizes of the two pieces of type. But when I click away, I have got now my type reading on the top of the circle and the bottom of the circle.
If these were actually around a circle, I'm missing a space there, it may appear that the bottom portion is on the inside of the circle which of course is and we want to shift it down so that the top of caps sits on the outside of the circle. So, to do that, I need to go to my Character panel, Show the Options and I'm going to use an option called Baseline Shift, which is this one right here and I can then knock that down so that it's outside the circle.
So, that is essentially it. that technique with slight variance applied to get me these different results here. So in this particular instance, all I have is two circles, one on top of the other with the size of the topmost circle reduced. Let's see how we can recreate something similar to this. I'm going to zoom out, Apple+0. I'm going to use what I have already got down here as a starting point. So, I'm going to click on that, hold down by Alt or Option key and drag away from that. Zoom in on that. And now what I'm going to do is, I'm going to scale this by double clicking on my Scale tool and instead of duplicating the original, I'm going to duplicate a copy.
Just like so, and then come and choose my Type On A Path tool, click in there and I can type in my tagline. As in the previous example, I have exceeded the size of that text area, so I need to select my type and this needs to be smaller, anyways so I'm going to resize it, Apple+Shift+< or if I need it to, I could come in pulling these vertical ticks that knock the extent of the text area.
But I'll also change the color that as well I think, there we go. So there are just a couple of different approaches to creating type around a circle or indeed type on any kind of path. We have been using circle but this would work on any shape. It is not a common technique to use in logos and it tends to be used more on car companies than anything else it seems. But as we saw of from those logos that we looked at and we'll just pop back take another look at them. Obviously there are some household brands that use this technique. Okay, in the next video, I'm going to look at using the company initials as a design element to create a monogram logo.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.