English Subtitles for Adobe Illustrator Basics: Part 04



Subtitles / Closed Captions - English

what's up guys<font color="#E5E5E5"> Eric</font><font color="#CCCCCC"> Pascal is here from</font>

teach me to design<font color="#E5E5E5"> calm and today is</font> lesson<font color="#E5E5E5"> 4 in our</font><font color="#CCCCCC"> Adobe</font><font color="#E5E5E5"> Illustrator basics</font> video series and I'm going to<font color="#E5E5E5"> be</font> covering<font color="#CCCCCC"> for you some different things</font> <font color="#E5E5E5">that you can do with text in Illustrator</font> now in one<font color="#E5E5E5"> of my older</font><font color="#CCCCCC"> videos called</font>

communicating with typography<font color="#E5E5E5"> I've</font> showed you<font color="#E5E5E5"> a few ways</font><font color="#CCCCCC"> that you can</font> manually typeset<font color="#CCCCCC"> your</font><font color="#E5E5E5"> text doing things</font> like<font color="#E5E5E5"> the kerning</font><font color="#CCCCCC"> and line spacing</font><font color="#E5E5E5"> so</font> I'll be<font color="#E5E5E5"> going over that again as a</font> refresher<font color="#E5E5E5"> or also for some of the new</font>

<font color="#E5E5E5">viewers</font><font color="#CCCCCC"> and subscribers that we've</font> gotten<font color="#E5E5E5"> since that video was</font><font color="#CCCCCC"> created but</font> I'll also be covering some new stuff<font color="#E5E5E5"> for</font> you guys<font color="#E5E5E5"> such as how to convert your</font> live text to outline so that<font color="#E5E5E5"> you can</font> manipulate some of<font color="#CCCCCC"> the points</font><font color="#E5E5E5"> to create</font>

some<font color="#E5E5E5"> interesting text and in addition</font><font color="#CCCCCC"> to</font> <font color="#CCCCCC">that we'll also be</font><font color="#E5E5E5"> going over ways that</font> you can warp your text to<font color="#E5E5E5"> get things</font> like arcs or<font color="#E5E5E5"> waves and various effects</font> that way<font color="#E5E5E5"> along</font><font color="#CCCCCC"> with covering the offset</font> feature which will allow you to<font color="#E5E5E5"> either</font>

increase or decrease<font color="#E5E5E5"> the weight of your</font> <font color="#CCCCCC">text</font><font color="#E5E5E5"> and adding strokes and things like</font> <font color="#CCCCCC">that</font><font color="#E5E5E5"> so let's jump right into it</font> <font color="#CCCCCC">alright guys</font><font color="#E5E5E5"> so today in lesson</font><font color="#CCCCCC"> four of</font> our Adobe Illustrator basics video series I'm going<font color="#E5E5E5"> to be walking you guys</font>

through some<font color="#E5E5E5"> cool stuff that you can do</font> with text<font color="#E5E5E5"> in Illustrator</font><font color="#CCCCCC"> so all I'm</font> going to do here is<font color="#CCCCCC"> open</font><font color="#E5E5E5"> up illustrator</font> and go ahead<font color="#E5E5E5"> and create</font><font color="#CCCCCC"> a new document</font> <font color="#CCCCCC">and from there I'm just</font><font color="#E5E5E5"> going</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> leave</font> it<font color="#E5E5E5"> untitled for now and you can set the</font>

width<font color="#E5E5E5"> however you want the width and</font> height is fine just<font color="#E5E5E5"> make sure that you</font> have you know RGB<font color="#E5E5E5"> screen doesn't really</font> matter for<font color="#CCCCCC"> right now</font><font color="#E5E5E5"> and hit OK so as</font> you see we've<font color="#E5E5E5"> got two artboards going</font> here just stacked on top<font color="#CCCCCC"> of</font><font color="#E5E5E5"> each other</font>

<font color="#CCCCCC">and</font><font color="#E5E5E5"> to start</font><font color="#CCCCCC"> I'm</font><font color="#E5E5E5"> just going to go ahead</font> and grab<font color="#CCCCCC"> my text</font><font color="#E5E5E5"> tool and I'm just going</font> <font color="#CCCCCC">to click</font><font color="#E5E5E5"> anywhere and just</font><font color="#CCCCCC"> type out</font> <font color="#E5E5E5">anything that you want to say typography</font> <font color="#E5E5E5">is fine so from here I want</font><font color="#CCCCCC"> to make this</font> <font color="#E5E5E5">text larger now a quick way to do that</font>

is to just<font color="#CCCCCC"> hold</font><font color="#E5E5E5"> the shift key and drag</font> from any of these<font color="#E5E5E5"> four corners</font><font color="#CCCCCC"> or again</font> just<font color="#CCCCCC"> like with our</font><font color="#E5E5E5"> shapes if you wanted</font> enlarge or reduce the<font color="#E5E5E5"> size from</font><font color="#CCCCCC"> the</font> center hold down alt option<font color="#E5E5E5"> and shift</font><font color="#CCCCCC"> at</font> <font color="#E5E5E5">the same time</font>

another way that<font color="#E5E5E5"> you can change the</font> <font color="#E5E5E5">scale or</font><font color="#CCCCCC"> size of</font><font color="#E5E5E5"> your text is to press</font> <font color="#CCCCCC">command shift</font><font color="#E5E5E5"> and use the left or</font><font color="#CCCCCC"> right</font> <font color="#E5E5E5">bracket keys the left key will make it</font> smaller<font color="#CCCCCC"> and the right</font><font color="#E5E5E5"> bracket key will</font> make it larger<font color="#E5E5E5"> and</font><font color="#CCCCCC"> you can see</font><font color="#E5E5E5"> that</font>

changing up here<font color="#E5E5E5"> where we where it says</font> character<font color="#E5E5E5"> it'll show you the name</font><font color="#CCCCCC"> of</font> <font color="#E5E5E5">your font the style of the font</font><font color="#CCCCCC"> as well</font> as the font size so you<font color="#CCCCCC"> can you could</font> click one point<font color="#E5E5E5"> of</font><font color="#CCCCCC"> time here</font><font color="#E5E5E5"> you can</font> type in manually a size and<font color="#CCCCCC"> its point</font>

based so<font color="#E5E5E5"> you can also use the drop</font><font color="#CCCCCC"> down</font> menu to<font color="#E5E5E5"> get some of these commonly used</font> <font color="#E5E5E5">sizes here so there's a bunch of ways</font> that you can<font color="#E5E5E5"> just quickly and easily</font> alter<font color="#E5E5E5"> the size of your text</font><font color="#CCCCCC"> now if you</font> want to correct<font color="#E5E5E5"> any of the spacing let's</font>

say there was<font color="#E5E5E5"> some uneven spacing here</font><font color="#CCCCCC"> a</font> quick<font color="#E5E5E5"> way</font><font color="#CCCCCC"> that you could do that is to</font> press<font color="#E5E5E5"> T to select your text tool and</font> click<font color="#E5E5E5"> the cursor in between any of the</font> <font color="#E5E5E5">letters that you may see some uneven</font> spacing let's say we wanted to<font color="#CCCCCC"> add a</font>

little<font color="#E5E5E5"> more space between the T and the</font> <font color="#CCCCCC">y to better match some of the spacing</font> throughout<font color="#E5E5E5"> well all you would do</font><font color="#CCCCCC"> is move</font> your<font color="#E5E5E5"> cursor there and then hold</font><font color="#CCCCCC"> down alt</font> <font color="#CCCCCC">option and use</font><font color="#E5E5E5"> the right arrow to add</font> more<font color="#E5E5E5"> space</font><font color="#CCCCCC"> or the left arrow to reduce</font>

the space a little<font color="#CCCCCC"> bit alright and then</font> at any point you know once you're done <font color="#E5E5E5">or happy with the spacing on your your</font> text you<font color="#E5E5E5"> can press command</font><font color="#CCCCCC"> shift</font><font color="#E5E5E5"> a to</font> deselect<font color="#CCCCCC"> and there you go so from</font><font color="#E5E5E5"> here</font> <font color="#E5E5E5">let's</font><font color="#CCCCCC"> say we</font><font color="#E5E5E5"> wanted to change the font</font>

<font color="#E5E5E5">you would just do</font><font color="#CCCCCC"> that up here in the</font> character panel which<font color="#CCCCCC"> you can also get</font> <font color="#E5E5E5">to</font><font color="#CCCCCC"> on the side</font><font color="#E5E5E5"> it's also in your</font><font color="#CCCCCC"> tool</font> bar<font color="#CCCCCC"> here and if I click that you can</font> also change the<font color="#CCCCCC"> font</font><font color="#E5E5E5"> you'll get some</font> <font color="#E5E5E5">previews and things like that</font><font color="#CCCCCC"> over here</font>

<font color="#CCCCCC">you just want to make sure</font><font color="#E5E5E5"> that you</font> actually select<font color="#E5E5E5"> your type first before</font> <font color="#E5E5E5">trying</font><font color="#CCCCCC"> to change the font alright so</font> here's like a cool font that<font color="#CCCCCC"> I purchased</font> called a<font color="#CCCCCC"> navy queen and you know I just</font> want to change it it's a<font color="#E5E5E5"> little too wide</font>

but it's got a couple<font color="#E5E5E5"> of different</font> styles<font color="#CCCCCC"> and for those of you guys who</font> don't<font color="#CCCCCC"> know you know these are the fonts</font> right but a lot<font color="#CCCCCC"> of these</font><font color="#E5E5E5"> fonts have</font> different styles<font color="#E5E5E5"> meaning you know</font> regular italic bold black<font color="#E5E5E5"> things like</font>

that alright<font color="#E5E5E5"> so those are the</font> <font color="#E5E5E5">styles of fonts</font> and what's cool is you<font color="#CCCCCC"> know</font><font color="#E5E5E5"> illustrator</font> <font color="#CCCCCC">you know lets you preview these</font> typefaces as you go<font color="#CCCCCC"> so it's kind of nice</font> to<font color="#CCCCCC"> have</font><font color="#E5E5E5"> a visual reference for different</font>

types different<font color="#CCCCCC"> types of fonts all right</font> here's a good<font color="#CCCCCC"> example of an inline font</font> just meaning it's got this line on the inner part but one of the<font color="#CCCCCC"> other</font><font color="#E5E5E5"> styles</font> is just a<font color="#E5E5E5"> solid</font><font color="#CCCCCC"> version of that</font> <font color="#CCCCCC">alright</font><font color="#E5E5E5"> so let's say we wanted to keep</font>

this in line font and maybe we want<font color="#E5E5E5"> to</font> <font color="#E5E5E5">see what a few other typefaces look like</font> I'm<font color="#E5E5E5"> just going</font><font color="#CCCCCC"> to hold down alt</font><font color="#E5E5E5"> option</font> and<font color="#CCCCCC"> shift and drag this down</font><font color="#E5E5E5"> to make</font><font color="#CCCCCC"> a</font> copy<font color="#E5E5E5"> and now I can just</font><font color="#CCCCCC"> go ahead</font><font color="#E5E5E5"> and</font> look at<font color="#E5E5E5"> some</font><font color="#CCCCCC"> other typefaces</font><font color="#E5E5E5"> while just</font>

retaining this one on the<font color="#E5E5E5"> top so it's</font> kind of a easy way to you know so you <font color="#E5E5E5">have one that you kind of like and you</font> want<font color="#CCCCCC"> to compare a few others you just</font> <font color="#CCCCCC">make a copy</font><font color="#E5E5E5"> of it and then continue</font> previewing other fonts so I've got<font color="#E5E5E5"> it</font>

you<font color="#CCCCCC"> know a pretty</font><font color="#E5E5E5"> good library of fonts</font> going so far<font color="#CCCCCC"> but let me show you</font><font color="#E5E5E5"> guys a</font> <font color="#E5E5E5">few other things</font><font color="#CCCCCC"> here so</font><font color="#E5E5E5"> as you can see</font> you know the spacing is pretty tight here some of<font color="#CCCCCC"> these letters</font><font color="#E5E5E5"> are</font> <font color="#E5E5E5">overlapping which is not always</font>

<font color="#CCCCCC">desirable</font><font color="#E5E5E5"> and we also don't always want</font> <font color="#CCCCCC">it</font><font color="#E5E5E5"> to be all uppercase so I could you</font> know retype this or actually<font color="#CCCCCC"> let me</font> change<font color="#CCCCCC"> this font</font><font color="#E5E5E5"> something that's a</font> little<font color="#E5E5E5"> bit easier</font><font color="#CCCCCC"> to identify between</font> <font color="#E5E5E5">uppercase and lowercase</font><font color="#CCCCCC"> alright let's</font>

try<font color="#E5E5E5"> this all</font><font color="#CCCCCC"> right let me</font><font color="#E5E5E5"> change it up</font> one<font color="#CCCCCC"> more time just use</font><font color="#E5E5E5"> something basic</font> like<font color="#E5E5E5"> myriad or now</font><font color="#CCCCCC"> that font is terrible</font> no offense<font color="#CCCCCC"> to anybody out there that</font> <font color="#E5E5E5">really likes myriad but what it is all</font> <font color="#E5E5E5">right</font><font color="#CCCCCC"> so I have</font><font color="#E5E5E5"> the caps lock on so</font>

that's<font color="#E5E5E5"> probably why</font><font color="#CCCCCC"> alright</font><font color="#E5E5E5"> so here we</font> <font color="#CCCCCC">go now I have a good upper and lower</font> case font<font color="#E5E5E5"> the spacing is way too much so</font> I'm going<font color="#CCCCCC"> to click my cursor</font><font color="#E5E5E5"> in here</font> <font color="#CCCCCC">press</font><font color="#E5E5E5"> command a to select all of it and</font> then<font color="#E5E5E5"> again hold down alt option</font><font color="#CCCCCC"> and use</font>

the<font color="#CCCCCC"> left arrow</font><font color="#E5E5E5"> to decrease the letter</font> spacing<font color="#E5E5E5"> okay and you may need to come in</font> here<font color="#CCCCCC"> and</font><font color="#E5E5E5"> manually adjust some of these</font> that's one of the<font color="#E5E5E5"> mistakes that I see</font><font color="#CCCCCC"> a</font> <font color="#E5E5E5">lot of people making and in layout</font> things like that people<font color="#E5E5E5"> aren't paying</font>

attention<font color="#CCCCCC"> to the spacing between their</font> letters right so it's<font color="#CCCCCC"> kind of a typography</font> mishap there<font color="#CCCCCC"> all</font><font color="#E5E5E5"> right but let's say you</font> know I like this and<font color="#E5E5E5"> now I want to make</font> <font color="#E5E5E5">it all uppercase well if I'm happy with</font>

the spacing and<font color="#E5E5E5"> I don't want to retype</font> everything<font color="#CCCCCC"> I can simply come over here</font> to my character<font color="#E5E5E5"> panel and you have this</font> button<font color="#E5E5E5"> here to make it all caps</font> <font color="#CCCCCC">alright so you may need to adjust the</font> spacing a little bit on<font color="#CCCCCC"> some of them</font><font color="#E5E5E5"> but</font>

it's a quick way<font color="#CCCCCC"> to go back</font><font color="#E5E5E5"> and forth</font> between upper and<font color="#CCCCCC"> lower and all</font> <font color="#E5E5E5">uppercase</font><font color="#CCCCCC"> alright but you</font><font color="#E5E5E5"> have a few of</font> <font color="#CCCCCC">these other you can do</font><font color="#E5E5E5"> small caps right</font> <font color="#E5E5E5">which is kind</font><font color="#CCCCCC"> of handy</font><font color="#E5E5E5"> you can also do a</font> superscript<font color="#E5E5E5"> let's say you had something</font>

here like if you were if you<font color="#CCCCCC"> were having</font> <font color="#CCCCCC">a date for example</font><font color="#E5E5E5"> and you said the 13th</font> right you might want to make<font color="#E5E5E5"> the th a</font> superscript by selecting<font color="#E5E5E5"> those two</font> characters and<font color="#CCCCCC"> just pressing that</font><font color="#E5E5E5"> now</font> what's nice<font color="#E5E5E5"> about this is</font><font color="#CCCCCC"> you</font><font color="#E5E5E5"> can also</font>

<font color="#E5E5E5">control the spacing between these two</font> <font color="#CCCCCC">letters</font><font color="#E5E5E5"> as well as the height so how</font> high up or how low it is<font color="#E5E5E5"> and you can do</font> <font color="#E5E5E5">that by setting the baseline</font><font color="#CCCCCC"> shift</font><font color="#E5E5E5"> right</font> here in<font color="#E5E5E5"> your character</font><font color="#CCCCCC"> panel so</font><font color="#E5E5E5"> as you</font> <font color="#E5E5E5">can see with a negative setting</font><font color="#CCCCCC"> it'll</font>

<font color="#E5E5E5">move it lower or</font><font color="#CCCCCC"> the higher setting</font><font color="#E5E5E5"> you</font> can move it up<font color="#E5E5E5"> okay</font><font color="#CCCCCC"> and you've got a few</font> other<font color="#CCCCCC"> things here too</font><font color="#E5E5E5"> to play around</font> with got your horizontal<font color="#E5E5E5"> scale vertical</font> scale<font color="#E5E5E5"> you can rotate these characters</font> right<font color="#CCCCCC"> and at any time you</font><font color="#E5E5E5"> can just reset</font>

<font color="#E5E5E5">it back to zero you've also got these</font> <font color="#E5E5E5">options for spacing out your characters</font> if you want to just use a default setting<font color="#E5E5E5"> all right</font><font color="#CCCCCC"> and you also have the</font> option to<font color="#E5E5E5"> play around with the letting</font> so let me show you what<font color="#CCCCCC"> that looks like</font>

<font color="#E5E5E5">okay</font><font color="#CCCCCC"> so say I had two lines</font><font color="#E5E5E5"> of</font><font color="#CCCCCC"> text</font><font color="#E5E5E5"> here</font> oops <font color="#E5E5E5">sorry guys I want to make that in the</font> same<font color="#E5E5E5"> text box I'm just going to hit</font> <font color="#CCCCCC">return</font><font color="#E5E5E5"> there we go</font> <font color="#E5E5E5">the press command a to select all</font><font color="#CCCCCC"> of</font><font color="#E5E5E5"> my</font>

type and now I can affect the<font color="#CCCCCC"> the line</font> spacing<font color="#E5E5E5"> notes so the actual space in</font> <font color="#E5E5E5">between both of these lines you can do</font> <font color="#E5E5E5">auto or you can select something from</font> <font color="#CCCCCC">the drop-down</font><font color="#E5E5E5"> menu but you</font><font color="#CCCCCC"> know you</font><font color="#E5E5E5"> want</font> to try<font color="#CCCCCC"> not to have too</font><font color="#E5E5E5"> much</font>

space or too little<font color="#CCCCCC"> space in between the</font> lines<font color="#E5E5E5"> now just like we did with</font><font color="#CCCCCC"> the</font> character spacing<font color="#E5E5E5"> or the kerning we can</font> use a keyboard<font color="#CCCCCC"> shortcut for that as well</font> so while holding down the<font color="#E5E5E5"> old option key</font> instead of<font color="#E5E5E5"> doing left and right to</font>

adjust<font color="#E5E5E5"> the spacing we're going to use up</font> and down and that's going<font color="#E5E5E5"> to allow</font><font color="#CCCCCC"> us to</font> <font color="#CCCCCC">adjust</font><font color="#E5E5E5"> the spacing between the lines of</font> <font color="#CCCCCC">text</font><font color="#E5E5E5"> all right so that's another handy</font> shortcut<font color="#E5E5E5"> right there and let's talk</font> about formatting<font color="#E5E5E5"> so you can come up</font><font color="#CCCCCC"> here</font>

<font color="#E5E5E5">to your paragraph</font><font color="#CCCCCC"> settings which is also</font> <font color="#E5E5E5">another tab here</font><font color="#CCCCCC"> that you have as part</font> <font color="#E5E5E5">of your character panel and you</font><font color="#CCCCCC"> can</font> Center<font color="#CCCCCC"> your text</font> you know align it right align<font color="#E5E5E5"> it left</font> <font color="#E5E5E5">you can justify which you won't really</font>

notice unless<font color="#E5E5E5"> you have like</font><font color="#CCCCCC"> a</font><font color="#E5E5E5"> paragraph</font> <font color="#E5E5E5">of text or at least a couple of lines</font> <font color="#E5E5E5">but</font><font color="#CCCCCC"> for now we can</font><font color="#E5E5E5"> just Center it</font><font color="#CCCCCC"> all</font> <font color="#E5E5E5">right so those are some basic</font><font color="#CCCCCC"> shortcuts</font> <font color="#E5E5E5">and tools that you</font><font color="#CCCCCC"> have</font><font color="#E5E5E5"> available to you</font> using<font color="#E5E5E5"> type and illustrator okay so let's</font>

say we have a font that<font color="#CCCCCC"> we</font><font color="#E5E5E5"> like and</font><font color="#CCCCCC"> we</font> wanted<font color="#E5E5E5"> to modify it so right now you</font> know you can see I just<font color="#E5E5E5"> have the</font> bounding<font color="#CCCCCC"> box around</font><font color="#E5E5E5"> the entire text box</font> <font color="#E5E5E5">but what if I wanted to modify some of</font> <font color="#E5E5E5">the individual letters well in</font><font color="#CCCCCC"> order to</font>

do that you have to<font color="#CCCCCC"> change this too or</font> convert it to<font color="#E5E5E5"> what is called outlines so</font> to do that<font color="#E5E5E5"> I'm going to select</font><font color="#CCCCCC"> my type</font> <font color="#E5E5E5">make a copy of</font><font color="#CCCCCC"> it</font><font color="#E5E5E5"> so we don't lose it</font> <font color="#CCCCCC">and I'm</font><font color="#E5E5E5"> going</font><font color="#CCCCCC"> to come up here to</font><font color="#E5E5E5"> type</font> create outlines<font color="#E5E5E5"> and you'll see the</font>

<font color="#E5E5E5">shortcut for that you could also press</font> command shift<font color="#CCCCCC"> o</font><font color="#E5E5E5"> now once I do that</font> you'll see I've<font color="#E5E5E5"> got all these</font><font color="#CCCCCC"> points</font> <font color="#E5E5E5">around</font><font color="#CCCCCC"> my letters and so what I can do</font> now<font color="#E5E5E5"> is use my my direct selection</font><font color="#CCCCCC"> tool</font> <font color="#CCCCCC">hey on the keyboard</font><font color="#E5E5E5"> and I can click on</font>

<font color="#E5E5E5">these</font><font color="#CCCCCC"> points or hold</font><font color="#E5E5E5"> down shift and</font> <font color="#CCCCCC">select multiple points and now I can</font> just<font color="#CCCCCC"> you know</font><font color="#E5E5E5"> hold down shift and use</font> the arrows to<font color="#CCCCCC"> move around</font><font color="#E5E5E5"> any parts of</font> <font color="#E5E5E5">these individual letters that I want so</font> that's pretty nice<font color="#E5E5E5"> pretty handy you know</font>

especially if you just<font color="#CCCCCC"> want</font><font color="#E5E5E5"> to get an</font> idea<font color="#CCCCCC"> of how something is</font><font color="#E5E5E5"> going to look</font> you might do<font color="#E5E5E5"> this for you know logo</font> design or anything like that creating a word mark<font color="#E5E5E5"> and so forth</font> but you can also you<font color="#CCCCCC"> know remove the</font>

counters<font color="#E5E5E5"> from letters which are just the</font> space in the inside<font color="#E5E5E5"> and you can also</font> combine it<font color="#CCCCCC"> with</font><font color="#E5E5E5"> our Pathfinder</font><font color="#CCCCCC"> tool</font> which I showed<font color="#E5E5E5"> you guys in one of the</font> <font color="#CCCCCC">previous</font><font color="#E5E5E5"> videos</font><font color="#CCCCCC"> so let's say for example</font> <font color="#CCCCCC">I just wanted to add a black shape here</font>

<font color="#E5E5E5">and combine</font><font color="#CCCCCC"> it with</font><font color="#E5E5E5"> my text well the</font> first thing<font color="#E5E5E5"> I'm</font><font color="#CCCCCC"> going</font><font color="#E5E5E5"> to have to do is</font> ungroup all of these<font color="#E5E5E5"> letters so object</font> on group or command<font color="#CCCCCC"> shift G and now I</font> should just<font color="#E5E5E5"> be</font><font color="#CCCCCC"> able</font><font color="#E5E5E5"> to select</font><font color="#CCCCCC"> the</font><font color="#E5E5E5"> R by</font> <font color="#E5E5E5">itself I'm going</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> hold</font><font color="#CCCCCC"> down shift and</font>

<font color="#E5E5E5">select the shape that I</font><font color="#CCCCCC"> want to add it</font> <font color="#CCCCCC">to but before I combine these I want to</font> make<font color="#CCCCCC"> sure that it's</font><font color="#E5E5E5"> aligned so when i</font> zoom<font color="#CCCCCC"> in here you guys can tell that</font> these<font color="#CCCCCC"> are not</font><font color="#E5E5E5"> lined up so I can hold</font> <font color="#CCCCCC">down shift and select both</font><font color="#E5E5E5"> of these and</font>

<font color="#CCCCCC">then come up</font><font color="#E5E5E5"> here to my align options</font> <font color="#CCCCCC">and choose vertical-align:top</font><font color="#E5E5E5"> now</font> they'll be perfectly aligned<font color="#E5E5E5"> and I can</font> either<font color="#E5E5E5"> use the shape builder</font><font color="#CCCCCC"> tool</font><font color="#E5E5E5"> like</font> we have in<font color="#CCCCCC"> previous lessons or I will</font> come over<font color="#E5E5E5"> here</font><font color="#CCCCCC"> to Pathfinder tool which</font>

I<font color="#E5E5E5"> don't see at the moment so I'm going</font> to get it by coming<font color="#E5E5E5"> to window Pathfinder</font> <font color="#E5E5E5">right and now I can just</font><font color="#CCCCCC"> click on</font><font color="#E5E5E5"> this</font> <font color="#E5E5E5">first</font><font color="#CCCCCC"> option here to unite those two</font> shapes<font color="#CCCCCC"> together which you know I</font> wouldn't<font color="#E5E5E5"> be able to do this unless</font><font color="#CCCCCC"> I had</font>

<font color="#E5E5E5">outlines or my type so as you can</font><font color="#CCCCCC"> see</font> you know<font color="#E5E5E5"> it's</font><font color="#CCCCCC"> it's allows you a lot of</font> flexibility for<font color="#CCCCCC"> just coming in here and</font> playing<font color="#E5E5E5"> around with these and moving</font> <font color="#E5E5E5">things around you can really kind of</font> <font color="#CCCCCC">customize any font</font><font color="#E5E5E5"> however you like</font><font color="#CCCCCC"> to</font>

give<font color="#E5E5E5"> it more personality or character so</font> it's a pretty cool<font color="#CCCCCC"> thing that I would</font> <font color="#E5E5E5">encourage</font><font color="#CCCCCC"> you guys to play around</font><font color="#E5E5E5"> with</font> so that's that<font color="#E5E5E5"> right so I'm just</font><font color="#CCCCCC"> going</font> to<font color="#E5E5E5"> delete</font><font color="#CCCCCC"> that</font><font color="#E5E5E5"> for now make another</font><font color="#CCCCCC"> copy</font> convert it to outlines and show you guys

<font color="#CCCCCC">a</font><font color="#E5E5E5"> few other things</font><font color="#CCCCCC"> that you can do with</font> your type now I don't<font color="#E5E5E5"> think you need</font><font color="#CCCCCC"> to</font> convert it<font color="#CCCCCC"> to outlines</font><font color="#E5E5E5"> to do this but</font> I'm<font color="#CCCCCC"> just doing</font><font color="#E5E5E5"> it for</font><font color="#CCCCCC"> now</font><font color="#E5E5E5"> I'm going to</font> <font color="#CCCCCC">select my text</font><font color="#E5E5E5"> come up to object the</font> object<font color="#CCCCCC"> menu sorry and we're</font><font color="#E5E5E5"> going to</font>

come<font color="#E5E5E5"> down here to where</font><font color="#CCCCCC"> it</font><font color="#E5E5E5"> says envelope</font> <font color="#E5E5E5">distort now sometimes</font><font color="#CCCCCC"> I'll see</font><font color="#E5E5E5"> logos</font> that<font color="#CCCCCC"> are you know curved</font><font color="#E5E5E5"> and a quick and</font> <font color="#E5E5E5">easy way to do</font><font color="#CCCCCC"> that is by</font><font color="#E5E5E5"> choosing make</font> with war <font color="#CCCCCC">all right now once you do that</font><font color="#E5E5E5"> check off</font>

the preview box<font color="#E5E5E5"> and you'll see you have</font> <font color="#E5E5E5">your</font><font color="#CCCCCC"> arc and</font><font color="#E5E5E5"> you can determine how much</font> <font color="#CCCCCC">of a</font><font color="#E5E5E5"> been do you want it to have</font> including you know<font color="#CCCCCC"> positive or negative</font> settings<font color="#CCCCCC"> depending on which way</font><font color="#E5E5E5"> you want</font> <font color="#E5E5E5">to go you can distort it which I</font>

wouldn't<font color="#E5E5E5"> really recommend but you do</font> have<font color="#E5E5E5"> that as an option to you and you</font> can choose whether<font color="#E5E5E5"> you want</font><font color="#CCCCCC"> it to</font><font color="#E5E5E5"> go</font> <font color="#E5E5E5">vertically or horizontally</font><font color="#CCCCCC"> right</font><font color="#E5E5E5"> so</font> <font color="#CCCCCC">that's kind of nice and if</font><font color="#E5E5E5"> you click on</font> this<font color="#CCCCCC"> drop down menu</font><font color="#E5E5E5"> you'll see</font><font color="#CCCCCC"> you've</font>

got a whole bunch<font color="#CCCCCC"> of other options</font><font color="#E5E5E5"> here</font> as well<font color="#E5E5E5"> one that I like</font><font color="#CCCCCC"> to use a lot is</font> the arc<font color="#CCCCCC"> lower-right or arc upper</font> depending on on the the look<font color="#CCCCCC"> that you're</font> going for right and<font color="#E5E5E5"> again you can choose</font> <font color="#CCCCCC">horizontal or vertical most of the time</font>

I usually<font color="#CCCCCC"> just do horizontal because</font><font color="#E5E5E5"> I</font> <font color="#CCCCCC">think it kind of looks weird to just you</font> know<font color="#E5E5E5"> push the text in from one side</font><font color="#CCCCCC"> I'm</font> not<font color="#E5E5E5"> sure how many you know</font><font color="#CCCCCC"> how many</font> examples<font color="#E5E5E5"> or projects</font><font color="#CCCCCC"> you</font><font color="#E5E5E5"> might do where</font> you need that<font color="#E5E5E5"> but but these can</font>

<font color="#E5E5E5">certainly come in handy just for quickly</font> editing and<font color="#CCCCCC"> you know warping your</font><font color="#E5E5E5"> text</font> <font color="#E5E5E5">now let's say I have something</font><font color="#CCCCCC"> like</font><font color="#E5E5E5"> this</font> right<font color="#CCCCCC"> I do a flag with a bend of around</font> <font color="#CCCCCC">30</font><font color="#E5E5E5"> 34 and I hit</font><font color="#CCCCCC"> okay now from</font><font color="#E5E5E5"> here if I</font> wanted<font color="#CCCCCC"> to you know select this</font><font color="#E5E5E5"> and</font>

manipulate any<font color="#E5E5E5"> of these points well I</font> can't really do that<font color="#CCCCCC"> anymore</font><font color="#E5E5E5"> right even</font> though I had already<font color="#E5E5E5"> converted this</font><font color="#CCCCCC"> to</font> outline so how can<font color="#E5E5E5"> I get</font><font color="#CCCCCC"> that back</font><font color="#E5E5E5"> well</font> I can select<font color="#E5E5E5"> this type come up to</font><font color="#CCCCCC"> object</font> <font color="#E5E5E5">and this time</font><font color="#CCCCCC"> choose expand and it's</font>

asking<font color="#CCCCCC"> you if you want to expand</font><font color="#E5E5E5"> the</font> object<font color="#E5E5E5"> and the fill</font><font color="#CCCCCC"> and I'm going</font><font color="#E5E5E5"> to say</font> <font color="#E5E5E5">okay</font><font color="#CCCCCC"> now I have</font><font color="#E5E5E5"> all</font><font color="#CCCCCC"> my</font><font color="#E5E5E5"> points back and</font> the text is<font color="#E5E5E5"> nice and grouped which is</font> perfect you can ungroup it if you want <font color="#E5E5E5">or</font><font color="#CCCCCC"> you can leave it all together</font><font color="#E5E5E5"> just</font>

<font color="#CCCCCC">like</font><font color="#E5E5E5"> that so there's some other cool</font> things that<font color="#E5E5E5"> you</font><font color="#CCCCCC"> can do with</font><font color="#E5E5E5"> your type as</font> well<font color="#CCCCCC"> alright</font><font color="#E5E5E5"> so</font><font color="#CCCCCC"> let's say that I have</font> this you know wavy type that I like and maybe<font color="#E5E5E5"> I just want to add an extra</font> <font color="#E5E5E5">outline to it well I could press D</font><font color="#CCCCCC"> on</font>

the keyboard<font color="#CCCCCC"> and you know use a fill and</font> a stroke color but what if I wanted<font color="#CCCCCC"> to</font> add like an extra outline well the way that you would do<font color="#CCCCCC"> that is with the</font> offset<font color="#CCCCCC"> option</font><font color="#E5E5E5"> so select</font><font color="#CCCCCC"> your text</font><font color="#E5E5E5"> come</font> up to<font color="#E5E5E5"> object</font>

and choose path<font color="#CCCCCC"> offset path and now it's</font> going to<font color="#E5E5E5"> ask you you know how much do</font> you want to<font color="#CCCCCC"> offset</font><font color="#E5E5E5"> this by so if you</font> want<font color="#E5E5E5"> to kind of retract your type and</font> put a you know a copy of it inside you <font color="#E5E5E5">would put in a</font><font color="#CCCCCC"> negative amount</font><font color="#E5E5E5"> like</font>

let's say negative<font color="#CCCCCC"> three pixels</font><font color="#E5E5E5"> and if I</font> check off preview you can<font color="#CCCCCC"> see what</font> happens there's basically<font color="#E5E5E5"> a copy of the</font> type on the inside but if I make that<font color="#CCCCCC"> a</font> positive setting it's basically going to <font color="#E5E5E5">add say</font><font color="#CCCCCC"> four pixels</font><font color="#E5E5E5"> on the outside right</font>

it<font color="#E5E5E5"> okay</font><font color="#CCCCCC"> and now it's basically just made</font> our type<font color="#E5E5E5"> thicker if I move the cursor</font> <font color="#E5E5E5">over</font><font color="#CCCCCC"> you can see I actually have two</font> instances<font color="#CCCCCC"> of</font><font color="#E5E5E5"> this type so</font><font color="#CCCCCC"> I would</font><font color="#E5E5E5"> have</font> to ungroup<font color="#CCCCCC"> it by</font><font color="#E5E5E5"> pressing command shift</font> G or coming up<font color="#E5E5E5"> to object ungroup and now</font>

<font color="#CCCCCC">I can select</font><font color="#E5E5E5"> oops let's ungroup it one</font> more time<font color="#E5E5E5"> all right so now I can select</font> <font color="#E5E5E5">the inside of these letters so I'm just</font> holding<font color="#CCCCCC"> down shift clicking</font><font color="#E5E5E5"> on the</font> inside of<font color="#CCCCCC"> each of these letters so that</font> <font color="#CCCCCC">I can select</font><font color="#E5E5E5"> them all together and I'm</font>

going<font color="#CCCCCC"> to group these</font><font color="#E5E5E5"> by pressing command</font> G and then I will lock it by pressing <font color="#E5E5E5">command</font><font color="#CCCCCC"> - all right so</font><font color="#E5E5E5"> now I can click</font> <font color="#E5E5E5">and drag</font><font color="#CCCCCC"> around this back copy and you</font> <font color="#E5E5E5">can see in here</font><font color="#CCCCCC"> that some of these are</font> <font color="#E5E5E5">overlapping so let's go ahead and get</font>

<font color="#E5E5E5">back to</font><font color="#CCCCCC"> our Pathfinder and I'm just</font> going<font color="#CCCCCC"> to unite that into one shape</font><font color="#E5E5E5"> all</font> right<font color="#E5E5E5"> group it and now I can unlock my</font> other shape that I<font color="#E5E5E5"> just locked by coming</font> <font color="#E5E5E5">up to the</font><font color="#CCCCCC"> object menu</font><font color="#E5E5E5"> and choosing</font> unlock all or pressing<font color="#CCCCCC"> command option</font>

<font color="#E5E5E5">two so now I have this copy in</font><font color="#CCCCCC"> front and</font> I have my outline<font color="#CCCCCC"> in back so I</font><font color="#E5E5E5"> can</font> change<font color="#E5E5E5"> the color of either of these</font> let's<font color="#E5E5E5"> say I</font><font color="#CCCCCC"> just wanted to make</font><font color="#E5E5E5"> this</font> inner copy<font color="#CCCCCC"> white with no stroke and I</font> have my back copy which I can change to

<font color="#CCCCCC">any color I want so right now I'm adding</font> <font color="#E5E5E5">a fill</font><font color="#CCCCCC"> and a stroke to it but I just</font> want this<font color="#E5E5E5"> to be</font><font color="#CCCCCC"> the fill color so I'm</font> going<font color="#CCCCCC"> to press shift + X and then set</font> the stroke<font color="#CCCCCC"> to none so basically I've</font> just added<font color="#E5E5E5"> you</font><font color="#CCCCCC"> know another instance or</font>

added a and<font color="#E5E5E5"> extra outline to our type</font> <font color="#E5E5E5">all right and again you can do a</font> <font color="#E5E5E5">negative or a positive setting</font><font color="#CCCCCC"> depending</font> on how large<font color="#E5E5E5"> you</font><font color="#CCCCCC"> want it to be and if</font> you want to go<font color="#CCCCCC"> even wider with this</font><font color="#E5E5E5"> what</font> you can do is select<font color="#E5E5E5"> your fill color</font>

<font color="#E5E5E5">click and drag it to</font><font color="#CCCCCC"> the stroke so</font><font color="#E5E5E5"> that</font> you will now have the exact same<font color="#E5E5E5"> color</font> for your stroke and<font color="#E5E5E5"> your fill now what</font> you can do<font color="#E5E5E5"> from here select your stroke</font> dialog box<font color="#E5E5E5"> and up the weight say like</font><font color="#CCCCCC"> 10</font> <font color="#CCCCCC">all right so now you can see that it's</font>

become<font color="#E5E5E5"> even thicker</font><font color="#CCCCCC"> even though you have</font> a couple<font color="#CCCCCC"> of weird spikes happening on</font> the top of<font color="#CCCCCC"> your text</font><font color="#E5E5E5"> so what I would do</font> <font color="#E5E5E5">from here</font><font color="#CCCCCC"> is come up</font><font color="#E5E5E5"> to the object</font><font color="#CCCCCC"> menu</font> and<font color="#E5E5E5"> once again click expand hit OK and</font> now this is basically all<font color="#CCCCCC"> one shape that</font>

we're going<font color="#E5E5E5"> to combine by uniting it</font> <font color="#CCCCCC">with the</font><font color="#E5E5E5"> Pathfinder</font><font color="#CCCCCC"> ok and what you can</font> do now<font color="#E5E5E5"> is press a on the keyboard to get</font> <font color="#E5E5E5">your direct selection tool and just</font> remove<font color="#CCCCCC"> some of</font><font color="#E5E5E5"> these extra points</font> <font color="#CCCCCC">all right so anywhere that it's</font><font color="#E5E5E5"> spiky or</font>

<font color="#E5E5E5">something that's not look weird just</font> click on<font color="#CCCCCC"> that one point</font><font color="#E5E5E5"> and remove it</font> now what happened<font color="#CCCCCC"> here is when I removed</font> that<font color="#E5E5E5"> point these two points now there's</font> there's a gap in<font color="#CCCCCC"> between</font><font color="#E5E5E5"> they're no</font> <font color="#CCCCCC">longer joining so what I can do is</font><font color="#E5E5E5"> click</font>

on this and just drag it over<font color="#CCCCCC"> here and</font> bring them together<font color="#CCCCCC"> but</font><font color="#E5E5E5"> what would</font> actually<font color="#E5E5E5"> be better is to close the shape</font> by selecting my pen tool<font color="#E5E5E5"> clicking on the</font> first point<font color="#CCCCCC"> and then coming over</font><font color="#E5E5E5"> here</font> and<font color="#CCCCCC"> clicking on</font><font color="#E5E5E5"> the second point all</font>

<font color="#CCCCCC">right</font><font color="#E5E5E5"> so there you go those are some you</font> know typography basics<font color="#E5E5E5"> some shortcuts</font> <font color="#E5E5E5">some different things</font><font color="#CCCCCC"> that you can do to</font> warp or manipulate the type you know just kind of having<font color="#E5E5E5"> some fun with</font><font color="#CCCCCC"> it by</font> <font color="#E5E5E5">using the Pathfinder offset path or the</font>

envelope<font color="#E5E5E5"> warp</font><font color="#CCCCCC"> alright so let me</font><font color="#E5E5E5"> show you</font> <font color="#E5E5E5">guys one other cool thing that you can</font> <font color="#CCCCCC">do with the text here let's say you</font> <font color="#E5E5E5">wanted</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> make it</font><font color="#CCCCCC"> look like the text was</font> coming forward<font color="#E5E5E5"> or giving it kind of a 3d</font> <font color="#CCCCCC">look</font><font color="#E5E5E5"> well I would come over here to my</font>

free<font color="#E5E5E5"> transform tool</font><font color="#CCCCCC"> Yi on the keyboard</font> <font color="#CCCCCC">and what</font><font color="#E5E5E5"> you can do is hold down command</font> option<font color="#E5E5E5"> and</font><font color="#CCCCCC"> shift</font> and if you<font color="#E5E5E5"> click and drag outwards or</font> basically any direction<font color="#CCCCCC"> it'll give you a</font> preview<font color="#CCCCCC"> of what you're</font><font color="#E5E5E5"> going</font><font color="#CCCCCC"> to do with</font>

<font color="#CCCCCC">your</font><font color="#E5E5E5"> type now again unless you make this</font> outlines first you're<font color="#CCCCCC"> not going to be</font> able to<font color="#E5E5E5"> see some of these effects you</font> will<font color="#E5E5E5"> be able</font><font color="#CCCCCC"> to scale it up and</font><font color="#E5E5E5"> down but</font> in<font color="#E5E5E5"> order to see some of the other</font> effects<font color="#E5E5E5"> you'll need to convert it</font><font color="#CCCCCC"> to</font>

outlines like we did previously<font color="#CCCCCC"> so I'm</font> going<font color="#E5E5E5"> to make a copy</font><font color="#CCCCCC"> bring it</font><font color="#E5E5E5"> down</font><font color="#CCCCCC"> here</font> <font color="#E5E5E5">on</font><font color="#CCCCCC"> my</font><font color="#E5E5E5"> second artboard</font> <font color="#E5E5E5">okay</font><font color="#CCCCCC"> and let's go ahead and make it</font> outlines<font color="#E5E5E5"> command shift</font><font color="#CCCCCC"> o and now if</font><font color="#E5E5E5"> I</font> get<font color="#CCCCCC"> my free transform tool hold down</font>

<font color="#CCCCCC">command option and shift and then just</font> drag up from this<font color="#CCCCCC"> corner you'll</font><font color="#E5E5E5"> see that</font> you<font color="#E5E5E5"> can quickly get some perspective on</font> your type<font color="#E5E5E5"> right</font><font color="#CCCCCC"> and if I did this</font><font color="#E5E5E5"> from</font> let's say the<font color="#E5E5E5"> bottom</font><font color="#CCCCCC"> can make it look</font> <font color="#CCCCCC">like the</font><font color="#E5E5E5"> bottom is coming out or you can</font>

make<font color="#E5E5E5"> it look like you know the top is</font> <font color="#E5E5E5">coming forward</font> right but you<font color="#E5E5E5"> guys kind of get the idea</font> <font color="#E5E5E5">here it's a cool way to quickly get some</font> <font color="#CCCCCC">perspective on your text right and it's</font> easy<font color="#E5E5E5"> to overdo but you can see how you</font>

could kind of get<font color="#E5E5E5"> like an exaggerated</font> shadow or<font color="#E5E5E5"> something like</font><font color="#CCCCCC"> that to get</font> <font color="#E5E5E5">that</font><font color="#CCCCCC"> kind of effect let's say I wanted</font> <font color="#CCCCCC">to do that I'll</font><font color="#E5E5E5"> make a copy come up to</font> object transform and reflect and this time we want to reflect<font color="#E5E5E5"> it horizontally</font>

<font color="#E5E5E5">all right so hit</font><font color="#CCCCCC"> OK</font><font color="#E5E5E5"> I'm just going to</font> <font color="#E5E5E5">move this up here a little bit and then</font> again press<font color="#CCCCCC"> e to get</font><font color="#E5E5E5"> my free</font><font color="#CCCCCC"> transform</font> tool hold<font color="#E5E5E5"> down command option</font><font color="#CCCCCC"> and shift</font> <font color="#CCCCCC">and I will just hover my cursor</font><font color="#E5E5E5"> over the</font> bottom<font color="#CCCCCC"> bottom handle and drag out to the</font>

left<font color="#CCCCCC"> alright</font><font color="#E5E5E5"> so something</font><font color="#CCCCCC"> like</font><font color="#E5E5E5"> that</font><font color="#CCCCCC"> you</font> can<font color="#E5E5E5"> kind of see what I mean how you get</font> a little<font color="#CCCCCC"> bit</font><font color="#E5E5E5"> of a shadow effect and we</font> may want<font color="#CCCCCC"> to you know</font><font color="#E5E5E5"> reduce the opacity</font> of<font color="#E5E5E5"> it just</font><font color="#CCCCCC"> so it's not competing so much</font> with our our main<font color="#E5E5E5"> text here all right so</font>

that's one more cool<font color="#E5E5E5"> thing</font><font color="#CCCCCC"> that you</font><font color="#E5E5E5"> can</font> <font color="#CCCCCC">do with type and these are</font><font color="#E5E5E5"> just basic</font> <font color="#CCCCCC">Sai mean you can do a lot more</font><font color="#E5E5E5"> than what</font> I'm showing<font color="#CCCCCC"> you guys right now but I</font> <font color="#E5E5E5">just wanted to</font><font color="#CCCCCC"> give you kind</font><font color="#E5E5E5"> of a quick</font> <font color="#CCCCCC">overview of some of</font><font color="#E5E5E5"> the basic stuff that</font>

<font color="#E5E5E5">you can do with type you know and some</font> <font color="#E5E5E5">of the features that you</font><font color="#CCCCCC"> have available</font> <font color="#CCCCCC">to you so I hope you guys enjoyed the</font> video<font color="#E5E5E5"> if so please</font><font color="#CCCCCC"> give us a thumbs up</font> <font color="#E5E5E5">comment and subscribe to the YouTube</font> channel<font color="#CCCCCC"> help us spread</font><font color="#E5E5E5"> the word</font><font color="#CCCCCC"> about</font>

<font color="#E5E5E5">teach me to design and go ahead and sign</font> <font color="#CCCCCC">up for the email list</font><font color="#E5E5E5"> as well guys and</font> be the first<font color="#E5E5E5"> to know</font><font color="#CCCCCC"> anytime</font><font color="#E5E5E5"> some new</font> content drops<font color="#E5E5E5"> as always thank you guys</font> <font color="#CCCCCC">very much for watching thank you</font><font color="#E5E5E5"> for</font> <font color="#CCCCCC">your support</font><font color="#E5E5E5"> and</font><font color="#CCCCCC"> we'll see you next time</font>



Video Description

In part 4 of Adobe Illustrator Basics we will be focusing on working with text. I will show you how to have more control over the kerning, letter spacing, and line spacing of your type so that you can fine tune your copy in Illustrator. From there we will be looking at creating some more interesting effects such as manipulating points to create interesting shapes, warping your text, using the offset feature, combining shapes and text using the pathfinder, and also how to add perspective to add depth and visual interest to flat text.

Check out the Communicating with Typography video mentioned in this lesson for more tips:
https://www.youtube.com/watch?v=0oiOTmJmiW0

Sign up for our email list and grab your FREE Photoshop-Ebook:
http://www.teachmetodesign.com/essentialphotoshoptutorialsguide

Connect with us online:
Blog: http://www.teachmetodesign.com
Facebook: http://www.facebook.com/teachmetodesign
YouTube: http://www.youtube.com/c/teachmetodesign