Adding text in the shape of a circle (Adobe Illustrator)

what is up this is Jimmy from the white rocket basics laboratory coming with another video today I received a Facebook message from a lady wanting to know how to create text in a circle basically in the format of a circle so she sent me something similar to this which I can kinda see what she was trying to do but we can fix that so we're going to move this to the side and basically she wants this in a perfect circle so how she would approach that is select ellipse tool up here and come over here and hold shift to keep things proportionate because we don't want ovals this is kind of an oval so hold shift and drag and hold and let it go so to make it simpler we will turn click this little arrow right here to swap the fill in the stroke so we just want to stroke it makes it simpler you don't necessarily have to do that bit so now you have your circle and you want to come up here to your text tool but you want to click and hold and then come down to type on a path very important so once you have that set up go ahead and come over here onto the path and just click on it and it will auto auto fill with the example text so we got here I love talking to cats all you got to do is start typing and then after you're done with that given there is multiple ways to do this it's just my specific way go ahead and click on the selection tool and you'll have these right here or separators you don't need to worry about those right now this little lunch time of these lines right here this little line right here basically I want you to if you don't have it turned on go up here to view down to what's called smart guides you can hit control you to turn that on which I use them all the time they come in handy so after you turn those on get your selection tool and come over here to that little line and this little arrow will pop up when you're on it and click on that and hold and drag it all the way around don't go in or out just stay nice and steady on the path and line it up until you see this little purple line pop up so you're lined up with this little the little square right there the anchor point Wow I'm totally schmao so once it's lined up there it's now centered towards the top so you can once again hit the letter T on your keyboard to go to the type tool and mine is already centered but in case yours isn't you can highlight all of this and come up here to Center it if it's a line left it's not going to do what you need it to do so go ahead and center it and now it will be centered from this point to this point so that is your first text now the other way I would do this is to one you can just copy and paste this or select it hold alt on the keyboard and then drag up here to duplicate it and then go ahead and get your text tool again select it all and we are going to change it to what animals do you see Oh now we are going to take be center line again right here at the top and instead of being aligned with this middle top anchor point we're going to line it down here to the bottom anchor point so click on it again and drag it all the way down until your purple line pops up to your Center for Center okay and now you see this center point right here we're going to use that to line it up with this one so go ahead and get it these nice little purple text pops up for Center Point and drag it right over here until you're about in the middle and eventually you'll find it will snap to it just like that so now you're on Center and center and let it go so now that's a problem because it's upside down what do we do about well when you get it selected go up here to type on a path type type on a path type on a path options so we want to turn preview on because we like to see what we're doing and we want to flip it because we want it - we don't want it upside down so we want it right side up so hit flip now the problem is it is lining on the inside of the circle while this one is lining up on the outside of the circle so it's not necessarily making a circle a perfect circle at least they're not even so what you want to change this to is a centered ascender a center so now we got a good thing going but this one is right on the line well this one has a little bit of gap so I mean it's not perfect and we like perfect so go ahead and hit OK on that one and we're going to go up here to the top one select it go back to type on a path options and we're going to change this one turn on preview to descender and voila they both have about the even same even gap that you notice before and we now have perfect text compared to this one in a circle so after that the mean you can get kind of going beyond what we need to do now but if you wanted how big is this this circle is four hundred and thirty-four by four hundred and thirty-four so let's say I want to make a circle just that size go ahead and select the ellipse tool and just click one time I believe that was right 434 would just go ahead okay because I'm going to change it anyways so now we have a circle whoops roughly the size of this one and once again we're going to grab the center point and we're going to Center it up perfect with this one now you can make it fancy if you want you can re add the stroke so what I did was just no fill here text out and the stroke you can bump this up a little bit make that look kind of cool or another thing you can do getting a little complicated this hold shift to keep it proportionate because it's a circle and drag up to you're just about in the middle of this text just where you're going through all the letters right down the middle and then come down here and do the same thing make sure you're holding shift and come down here and go right in the middle again and then what we can do I mean this is just pretty ended up I'm going to make this stroke a little thicker so now we can't read the text so that's a problem go ahead and come over here you might not have this default show it's right underneath the paintbrush but if you don't it's probably erase or two on your screen but if you come down here and hold and go to the scissors tool the fancy little tool I'm not going to do things exact here but now when you come over here after you have selected that you'll come over here and we're just going to let's say I want just this part and just this part showing and I want to delete all this so what you can do is come right I want it to stop right there and we want to click right there now that basically we snip it so as you can see this point is no longer continuing around this point stops here and this point stops here so this is its own separate line so we can just click there and hit delete on your keyboard and twice just delete both those points so now you have fancy tags with a fancy little border and we can come down here and do the same so we want to trim here and we want to trim here and this time the one we want to cut is already selected these are deselected so we just hit delete and delete again to delete all the points and now you have a pretty little border to connect your text together so hopefully that helps somebody out hopefully this looks a little better than this yeah if you have any questions shoot me a comment Thanks

Channel: Jimmy Postier Jr

Views: 734,159

Keywords: amazon merch, merch by amazon, text to circle, type on a path, adobe illustrator type on a path, adobe illustrator, illustrator help, adobe illustrator tips

Id: ZCTPASFKaXk

Length: 10min 6sec (606 seconds)

Published: Wed Mar 15 2017