Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating type around a circle

From: Designing a Logo

Video: Creating type around a circle

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.

Creating type around a circle

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.

Show transcript

This video is part of

Image for Designing a Logo
Designing a Logo

31 video lessons · 58770 viewers

Nigel French
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Logo.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.