Type Tools | Adobe Illustrator cc Beginners Guide | Toolbar Series

[Music] hey guys it's Kerry Hawkins with another vector made tutorial today is gonna be the third video in my tool bar series for Adobe Illustrator we're gonna go over the text type tools over here I'm going to click on these and I'm gonna drag this out to create a sub menu so you can see everything we're gonna talk about if you didn't see my previous two episodes we went over selection tools and the pinned tools so go ahead and check those out when you get a chance and then come back to this one maybe because we're probably going to reference a few of these things today maybe not the pin tools but definitely we'll do some selection tool stuff so you need to know how those work in order to get through today's tutorial so let's go ahead and jump in and get started the first tool is the type tool hotkey T and you can either click and it will start some lorem ipsum which is just some Latin filler text or you can click and drag and it will fill in whatever space you just created now as as you release the click it's going to have the all the text highlighted just showing you that hey it will fill in with this lorem ipsum if you don't start typing so if i click away it's got the lorem ipsum now right but if i let's do this again and delete these come back in and click and if i start typing that goes away right so same thing if i click and drag and if i just type in one letter number or something boom it no longer fills in that entire space so just know that you're gonna get that filler text if you don't start typing in your own text the second tool in this type a sub menu is the area type tool and i will go ahead and create real quickly with the pen tool a shape I'm using a solo graphic here just something I grabbed offline let's just grab here and here and make a little point maybe over here do something like this and if you're not familiar how to use the pen tool my last video discussed you know how you make shapes so go ahead and go back to that one and take a look you want to get familiar with how you do this because I don't want to just explain everything that I'm doing here my last video did all that really well so now that I've got this shape as you can see I'll kind of toggle it the back and forth here on the stroke and fill just so you can see the shape we are going to grab this tool right here area type tool click on the edge if you click on the center you'll get this error message so make sure that you're clicking on the edge and it should auto populate with some text now I'm gonna just select away so that I can see what I've made that's what it does just gonna give you some warm if some filler text and maybe we just say Solo Star Wars story something like that and then we'll have some little warm if some underneath something along those lines let's bump the size of this up just a little bit just so you can see what it does as you're making changes it does something like that right but all of this text is gonna fit within this space it's not gonna go beyond this barrier right here and if it's too big like the solo can't fit above here without splitting so it's gonna just push it automatically down right so that's how this works if I made this smaller Solo would bump up here into these higher spots as it gets smaller it can fit higher and higher up see so and it's not perfect as you can see it kind of jumps down and then jumps back up sometimes you just have to mess with things that's part of living in Illustrator but what's really cool about this shape now is that I can go and change it so you can use some of your tools that we discussed here last time like the direct selection tool or some of the pen tools to change this shape to get the text to wrap differently so let's say I want to come in here and with direct selection tool grab this Anchor Point and move it up it's going to change how this shape curves here and then the tech fills it in a little bit differently right so let's maybe move this one if I move that up then solo can fit higher a Star Wars story can fit higher and my text below it is bumped up as well let's just bring this and see what that looks like if it's more condensed you see you get the idea now that looks terrible because you know solo is over the Millennium Falcon here and I really wouldn't want that but just so you can see these are the options that you have you can change the shape of this thing you can add a curve to this just like we talked about last time and that was kind of interesting Cecil it comes over here now so there's all sorts of manipulation you can do to these shapes once you've created them and you've got your text in there very handy tool the third tool is the type on a path tool so let's just use the pen tool real quick to create a simple arc and just do that and then we'll grab that tool type on path you know click somewhere over here wherever you want your path of text to start and it will create your lorem ipsum text so I'm just gonna type in some sort of a title text tools something like that now if I click off using the selection tool you'll get these little handles this is going to be where the text starts this is going to be where the text ends now currently I have mine Center justified if I'm left justified which is most likely your default it's going to come over here to this line right here if it's right justified it's gonna come over to this line right here now that matters for like when you're changing the size it will expand out from based on wherever the line it's justified right so if it's justified right it's gonna as I get smaller it's gonna get closer to the right side if it's centered it's just gonna stay in the middle but as you can see the center line is here and the center of my shape is really here so it's a little bit off that's because this is not perfectly flush with the bottom whereas this side is so what you can do is hover over that and get this little indicator underneath your cursor that you you can click and drag and then move where that text start line is so we come all the way down here and now it is actually perfectly centered and let's just make that a little bit bigger so you can kind of see what it does boom boom boom right and I'll spread it out maybe just a little bit something like that cool now what's neat what's you have your text typed on a path like this you can come over to your type on a path tool double click and it will bring up some options now go ahead and hit preview so you can see the changes you're gonna make the effects is gonna be like how does the text respond to the shape you just created and rainbows usually what I'm gonna use but I'll show you what the rest do skew it's going to keep everything up and down vertically but then as it curves it's gonna skew that text so here's the difference rainbow they're kind of fanned out like a rainbow skew they're gonna be straight up and down but sort of skewed as they come around the edges here 3d ribbon I never use this one I just find it's not very pleasing to the eye but there may be somebody's got an example of time that they've used this and it worked out really well I find it's just kind of annoying looking same with stair-step I don't like that that's just not changing the text in any way other than its vertical location so it's there all flat as if you were to type these individually I just don't like that look again there might be a need for that in certain applications but just most of the time I can't think of one and then the last one's gonna be gravity where it's like there's a center point here that pulling the text to it so I that could have some applications as well but most the time I want to be in rainbow every now and then I'll do something is in skew but rainbow is usually the one that I want aligned a path this is going to be baseline so the baseline is this line that you see everything sucks into that baseline if you do a cinder it's going to go beyond that baseline if you go descenders go to the other side and if you do center line it's going to go right on the middle of that line I'm either a cinder or base line on most of these and I'll show you in just a sec spacing I don't ever mess with because you can always change your kerning and tracking within your character menu and we'll go over that a little later and flip changes the text to be on the other side of the the path that you created so why that's important I'll show you here in just a sec let's hit okay I'm going to use my selection tool to click and drag I'm holding shift and alt at the same time to create a copy and I'm gonna take my selection tool out here to this bounding box edge where it turns into this curve with two arrows on it now if I click and drag here it's going to give me a rotation option for this object it's a path with text now I want to hold shift so that it will rotate perfectly around and I want I want a 180 degree copy all right so I release my click I've got a copy here now I'm gonna do the same thing where I double click on my type on a path tool bring this up go ahead and click preview hit flip and now the text reads the right way but it's on the baseline and it's above whereas this one's above but it looks like it's on a different path right so it I don't like the way this is situated what you're going to want to do is hit a cinder and then hit OK now what you'll notice is if I have both of these selected this is right on the baseline and this one is off of the baseline a little bit so what I would do is just come into your character menu and down here is the set baseline shift and you're gonna bump that up a little bit until it gets to that line so about there that looks really good so this is really helpful if you're gonna do just like circles or something if you got a logo and the little here maybe you got you know let's just put in a quick shape something like that and your logo was found in hearing you need text on above and below it well you might do something like that that's that's how you use this tool most effectively the next three icons are the same as the first three they're just for vertical type instead of normal horizontal so if we click here it'll create some lorem ipsum and if I click and drag it will do the same thing within the bounds of the box I just created if I click on my vertical area type tool and I already created this shape with the pen tool it will fill in that text with vertical text within that shape that I just created and then the same thing for the vertical type on a path tool if I click on the path it will make some text that goes along this way so all the same stuff just vertical text instead okay for this last tool we're going to talk about this touch type tool which is hotkey shift T and really to do this I want you to go ahead and pull up your character menu so if you go under window and then to type and then character or hit ctrl T it should pop up depending on where you have it I like to have mine over here on the side so you might have yours floating around somewhere located elsewhere but just I'll pull it out for now so we can take a look at it you'll also see the touch type tool over here first I'm going to kind of talk about all these things in here and then we're going to talk about the touch type tool so this is gonna have everything that relates to your font in laid out here so like this is the font family you're using this is gonna be the font style and I've got I've already typed this out so that I've got two different styles of the same font family in here so it's going to show up blank like that if there if it's mixed this is going to be your font size this is going to be the spacing between each line call the leading this is gonna be your kerning which is the space between your characters and it's you're tracking so this is gonna be for everything the space in between then you have vertical scale horizontal scale this is going to be a shift from the baseline the higher up it is your baseline is this blue line here that goes kind of at the bottom of the text for each time I press up it goes up every time I first down it goes down and it makes more sense if there's variety here but I'll show you in a minute and then this is the character rotation plus you have all these all caps small caps superscript subscript underline and strikethrough so kind of your typical font text choices here so this one obviously just changes the size of your font so we can just do 72 this one would change the space between the next line so maybe we do 60 to make it look cool there are a couple settings in here sometimes I go with Auto on some fonts sometimes I do optical and then other times I go in and actually change things manually just to give you some tips on these optical is good for usually it's gonna be good for like standard fonts your regular sans serif and serif fonts optical looks pretty good it just kind of pulls everything in it makes it look visually more pleasing by just a quick generic fix on your type the time it doesn't work let me see if I can find a good font but it doesn't really a script 12 pitch I think does a pretty good job also let me change that to a lowercase okay so with this font on optical see I've got it set to optical there are gaps in between these letters where they're supposed to connect and so if I go Auto yeah we'll see some of those gaps fixed so I recommend when you're using a script font of some sort that you probably want to do Auto and then you're probably also going to want to come in and manually change some things as you can see there's a space here and this kind of doesn't look great and there's a space here so it's not perfect but as a starting point Auto is usually going to be better for your scripts and optical is usually better for your other regular just normal fonts that don't have any funky characters or cursive qualities or anything like that this other one over here is going to be the tracking so this will be if you want to spread out all the letters and I'll show you it's got a range of negative 100 to positive 200 you can go beyond this but you just have to type it in manually so like let me see see maybe 50 and then maybe we'd select this and do 200 and then I mean I'd probably have to bring the size of this down or something like this to make it look right maybe even do a thousand so you can come in here and type in you know whatever you want and make it look something like this you know that might be something cool to do right just to vary up your fonts you can do font weight and then the the tracking as well can be different just to give you some variety for like a pretty cool title or something like that so for here and then I don't normally mess with these too often the vertical horizontal scales just show you what they do obviously this is gonna squish your text or blow it up same thing here vertically horizontally blow it up blow everything up the problem with that is it just doesn't look proportionate you know you're going to have skinnier sections here and then this is gonna be fatter and I just don't like that look usually if you're wanting to do that just pick your font and do a different style in the fahren see if you want it skinnier use a condensed version of that font right because it's meant to be seen at a condensed size if you if you blow things up like this it's not meant to be seen this way and it looks kind of funky the only time I do use that as if I'm vectorizing something that has some bastardized fonts so you may need to know how to do it just because somebody else has made a poor decision the all right baseline shift if I let's just click on bar and we'll move it up okay just start clicking up and you'll see that it shifts from the baseline you know sometimes people do something fun for a logo maybe they'll have a letter kind of bump up and then down or something like there's a bouncing ball and it jumps over one of the letters or something like that that might be a way to do it there's some other uses for it too but you know the gist of it is just the higher the number the higher its gonna go the lower the lower it's gonna go that kind of thing and you can do all sorts of stuff with it so anyway that's kind of what that's for and then rotation is gonna be like this if I want to rotate the letters and again you can do any letter it doesn't have to be like we could just say we just want this Oh rotated let's just do it click in here and then rotate it to there now obviously that looks terrible you'd have to come in and change the values here the distance between these two but that's the general idea behind this tool is rotating text right I don't use it very often it's not a very helpful tool in my opinion all caps would be like if you had a font that was lowercase like this and you clicked here they will go all caps for you if you wanted to do small caps let me show you what that would look like if I have some upper and lower case and you do small caps it's gonna make your lowercase uppercase but they're not gonna be quite the same height see and then superscript would be like if we had let's just throw in a dollar sign here real quick you wanted to do superscript it could be up here and if you had I don't know maybe you wanted to make like a footnote or something let's just do one and there you can do like a footnote like that or something for the subscript then normally I end up having to change the size of these a little bit too so like that might be too big you might have to do 48 and then you may have to mess with this a little bit to get it in the right spot visually where you want it but that's the gist of it is this kind of already puts it in an area where it's more easily worked with than if it was this size of a font underline it does exactly what it says it does it underlines the the font and then strike through does the same thing strikes through I don't use to strike through very often underline on occasion although I tend to like you know make my own underlines with like a line segment tool or something like that so anyway just something to consider now how this touch type tool works let's get into that this is going to give you the option to move around letters individually and very easily so you just kind of come in here and grab the letter that you want to move and it will shift the text accordingly and you you can go up down left right with it but it's like a quick way to just adjust the spacing between some letters you know so it's pretty cool as far as that goes and it shifts everything else that you're dealing with too so I as I move this in everything's going to kind of come in together proportionately shrink in together you know so it's not just moving one piece it's moving all of them in relation to each other so that's what that's used for the problem I have with this is like you can shift up and down too easily it's really nice if you're wanting to create a like custom effect here like a lot of moving parts or something but I usually don't use this for like the spacing between letters because you can shift up and down too easily so what I like to do and this is this is my little hotkey trick is use your type tool and all I did was double click right if you're not in your type tool you can hit T that's a hotkey or you can double click on text and that will get you the type tool as well so if you want to like adjust the spacing in here on your own you can click in these spaces here and adjust it accordingly like this or you can just kind of click here and hold alt and go left and right with your left and right keys on the keyboard and then you can app and then when you let go of all you can then shift freely using left and right arrow keys to move in between letters and then hold alt again move left alright hold alt again move right all you can do just like that and you can do things manually so that you're you're getting exactly the spacing that you want I find that that's the best way to do it for most type because the settings in here aren't always going to be perfect in your and depending on where you got your font it may not have the perfect spacing in it built in so especially on these cheaper like scripty type fonts so anyway that is the full tutorial on all of the type tools so if you have any questions leave those down below I will answer them please like and subscribe and I look forward to showing you guys the next video in the tool bar series alright see you later

Channel: Cary Hawkins

Views: 31,911

Keywords: adobe illustrator, illustrator, illustrator type, area type tool, touch type tool, kerning, tracking, toolbar series, tutorial, illustrator tutorial, adobe illustrator tutorial, illustrator toolbar, type tools adobe illlustrator, Type Tools Adobe Illustrator Beginners Guide Toolbar Series, illustrator cc, type tool, type tool in illustrator, subscript, adobe illustrator for beginners, type tools, adobe, adobe illustrator cc beginners guide, graphic design, illustrator tools, toolbar

Id: khg_RqXejis

Length: 22min 49sec (1369 seconds)

Published: Wed May 30 2018