Start learning with our library of video tutorials taught by experts. Get started

Designing a Logo

Creating type around a circle


From:

Designing a Logo

with Nigel French

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.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Designing a Logo
2h 57m Intermediate Sep 17, 2008

Viewers: in countries Watching now:

A great logo is often basic, composed only of essential parts, but simple is not always easy. Designer Nigel French distills over a decade of professional design and teaching experience in Designing a Logo. He discusses the principles and techniques of what makes a logo work, and explains type-only designs, type treatments, and logo symbols in depth. He also explores how to work with clients on defining job parameters and selecting a final design, as well as how to prepare the logo for print and web publication. Nigel demonstrates each of these techniques in the course of designing a new logo for a real client, so viewers can either follow along or apply the techniques to their own work. Exercise files accompany the course.

Topics include:
  • Choosing the right typeface
  • Exploring transparency, warped type, and other treatments
  • Working with line, shape, and imagery in a logo symbol
  • Considering current trends in logo design
  • Fine-tuning a design after client selection
  • Drawing up usage guidelines
Subjects:
Design Logo Design Print Design Projects Design Skills
Software:
Illustrator InDesign
Author:
Nigel French

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.

Find answers to the most frequently asked questions about Designing a Logo.


Expand all | Collapse all
Please wait...
Q: Where can I learn more about graphic design?
A: Discover more on this topic by visiting graphic design on lynda.com.
Share a link to this course
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.
Upgrade now


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.

Upgrade now

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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