Adobe® Illustrator® Creative Cloud®: Essentials for Creating Projects

Lesson 40 of 56

Type Effects in Adobe® Illustrator®

 

Adobe® Illustrator® Creative Cloud®: Essentials for Creating Projects

Lesson 40 of 56

Type Effects in Adobe® Illustrator®

 

Lesson Info

Type Effects in Adobe® Illustrator®

Alright, let's do this, we're gonna switch gears here a little bit, and we're gonna go away from effects and color and things like that, and I wanna start to get some type on here and talk to you a little bit about different things we can do with type. 'Cause these are the things we're gonna wanna do. A lot of times we can go out, and if we just put some text out here, like out in the center for instance, I did this in the final file. I just set some text out in the center, which is fine. What I wanna do is, I wanna show you how to do text on a path, or text on a curve, or text on a shape, 'cause this is something we're gonna do a fair amount, I think. Let's do this, we're gonna actually draw ourselves a little path, just to get you used to how this works. Why don't you come over here to the Curvature tool, and select the Curvature tool, come on to your shape out here, and all I wanna do, is we're gonna draw a little u shape underneath this stuff. Just follow me here, just click once, ...

move it away, come kinda in the middle here, click again, move away, and just come somewhere over here and click, just like that. We'll create ourselves a shape. If you mess up, you can always hit Delete a bunch of times, get rid of it and try again. Now, what I want here for this thing, I don't want a stroke on this, I don't want a fill, so we're gonna remove those if we can, and if you guys won't mind doing that. I showed you some keyboard commands for doing that earlier, X, the X key, Switches, Stroke and fill. You can always just come up here too, and say let's remove the fill, in this draw. Alright, let's go to the Type tool. Come to the Type tool, now can you guys see the path out there? Okay, I can't see it either, so how do you think we can see it right now? This is a test, what's that? Outline? Nice, outline mode. You're gonna find that sometimes you're gonna have objects and shapes and things that are kinda hidden or not there, if you wanna see them without showing them or putting a color, go to Outline mode. Come to View, and choose Outline. There you go, there it is. Now what we can do, is we can go out, and actually what's cool about this, is you can see all the shapes we created, and select them. Come to the path itself. If we wanna put text on a path, it's pretty easy, you just come up to the path and you're gonna basically click on it and start typing, that's the idea here. Come up to the end of the path and you're gonna see it's gonna say something like path or something like that, go ahead and click on it, when you cross it. It should put the cursor on it, and let's just type in, we're gonna type in garden center. It's gonna be pretty small, that's fine. Go ahead and select that text if you wouldn't mind. You can drag across if you want to, or you can click a bunch of times. I'm gonna tell you right now, this is probably gonna be a reason to get out of Outline mode. Can you see the selection that's made? No, okay. Come under View Outline, or GPU Preview, rather. Come back to this. There we go. Let's make it a little bigger, so we can see this thing. So come up top, you can see we've got our font sizes right up here in the Control panel, make it kinda big. That's way too small. Perfect, okay. Now, here's the trick to this, here's the kinda cool part. You're looking at that and you're going well my text is not centered, how do I get it to move? First thing I would think, is go to the Rotate tool and start to take that path and move it around, right? We don't have to do that necessarily. Go to the Selection tool, select the Selection tool, and what we need to do here, is we're gonna take a look at this. If you guys come up to the path here, you're gonna see that you can actually see the path right there. Now the thing about this tool, is if we come to it, what we can do if we want to, is we can actually move this along, if we wanna do that. For some reason I'm not getting this to show up. Do you guys see vertical bars at the beginning of the text? Like to the left of the g, when you type garden center? If I come up to the path right there, and I come to the left of the g there, you're gonna see a little arrow suddenly show up next to your pointer, and it's pointing in the direction of the text. If you see that, normally we're gonna see little lines here, I'm not sure why I'm not seeing that, I probably have something going on. If I click and drag right now, there's the line, you can see right there, I can adjust where it sits on the path. It's a little funky right now 'cause I can't see those lines, it may be the color of the path or color of something. That's one thing that we can do, we can actually push it further down to try and get it to align to the actual section of the content that we have. A little weird, I'm not sure why that's not doing that, but is that working for you guys? At least if you get it there, kinda try and move it, okay. Alright now, this is fine we can do something like this if we want to. Another way we can actually do this, is we can actually put it on a shape. Instead of drawing a path, I want it to go along the top edge of this circle right here. We can just take and make a circle, and have it go along the top. Well let's do that. Click on this circle right here, and we're gonna kinda fake it. If you can reuse artwork, reuse artwork. Don't try and redraw everything. What I want to do, is I want to copy and paste and have another one of these shapes out there. So, let's do that. Go ahead and copy that big shape. You can go to Edit, Copy, or I'm using my shortcut, and choose Edit Paste in Back. We're gonna put it behind the shape. Paste in Back, and what I wanna do, is I wanna make that circle bigger, just overall we're gonna make the whole thing bigger. In the new Illustrator here, in the newer version, we have the little radius ellipse here, we can change that little circle. Go ahead and drag that and make it bigger. Don't make it too big, you guys, getting it just beyond the edge of the little ripple, right there, the little flower edge. There we go. Press the letter D right now, and that's gonna get rid of all the stuff, all the weird stuff and everything. It's gonna make it a white fill black stroke, so we can work at it and see it. Now for us to put text in this thing, we're gonna use the Type tool and we're gonna go click on this. We gotta do something special. Come to the Type tool over here, and come to the path. Now this is kinda weird, but if you come in here, let me zoom in, if you come in here, you're gonna see a circle around the eye beam, once you get inside the circle a little bit. If you click, you're gonna actually put the text inside the circle, so it'll run in there. I want the text to run around the outside of the circle, so what you need to do, is you need to hold down the Option key on Mac, or Alt key on Windows. If you cross the path, just come across it here, now you guys, I like to do this, but I know my text is gonna start down over here, so I'm gonna click there. Option key held down, Alt key on Windows, click, and you get a cursor. Let's type in garden center again, 'cause we're gonna try a little something different here. Alright, now what I love about this, is that, you can see it sitting right on the path. The bottom edge of the text is kinda on the top of the path. I've had it where I have text on top and on bottom, we can actually take that text and flip it to the inside of the circle and do different things like that if we want to. To get that done, you can do it out here, by dragging, but I'm gonna show you another way that's easier. Come up to Type and you're gonna see Type on a Path, Type on a Path, Options, go ahead and choose that. Now this is gonna allow us to go out here, and we can change a bunch of things. Once we get in here, select Preview first so you can see this. Go ahead and select Flip, and take a look at it. It's gonna flip it to the inside of the circle, we can then move it around inside the circle, if we wanna do that, do different things to it. This is a way for us, to kinda have a little different look and feel. Come to Rainbow here, and if you wanna just try different things, there's some crazy things you can do here. Some of these are kinda ridiculous, but you can do whatever you want. I'll keep it at Rainbow. Align the path is probably, to me, the most important, because right now, the path itself is underneath the text, text is sitting on top, if you want the text to go under the path, like inside the circle, you're gonna take your Align to Path, and align it to Ascender. You can do it that way. There's reasons why you might do this, you know what I mean? You might have a stroke on the outside, some kind of color or something you need to get inside of, I'm gonna keep it on Descender, or rather sorry, Baseline, we add that. Spacing is really wacky, be really careful with that. It just means the spacing between all of the letters. You can make them further apart or bring them closer together. I'm not a fan, but you can do it. (laughs) I do like -15 or plus, they have pluses in here. Actually, putting a plus value is gonna bring them closer together, a minus is gonna pull them apart, so whatever. Alright, keep it at Auto, and go ahead and click OK. We can always go back to that menu, if we want to to make changes, which is really great. Now, what I want to do now, is I want to take this and I wanna actually drag it around, just like we did on that path there. If you come to the Selection tool now, and you come up to the path here, you're actually gonna see that if you come just to the left, now I'm not sure why my little vertical bar, somebody out there may know, but my lines, there should be lines showing up right here, mine are not showing to the left of the text right there. Why don't you come just to the left of that first letter right there, and you should see, if you move your cursor around a little bit, you'll eventually see an arrow pointing to the right. If you click and drag, you can then go in and start to adjust, there's the lines there. That's what it should look like, you should see these lines in these little box right here, but you can go ahead and adjust how the text sits. Now, be careful with this, because if I drag too far to the left, it's gonna freak out. The what's happening here, is technically this circle has a beginning and an end, and if you take, yeah the beginning here on the circle and the end is right around here, if you take the beginning and you drag it this way, it's actually gonna say wait a minute what are you doing. It's gonna kinda hide some of the text and freak out. What you have to do, is you have to take the end, move that down first, and then take the beginning and move it down. It's kinda weird. So watch, I'll just say okay if I see an arrow pointing to the left up here, and there should be lines out here, I'm not seeing them, of course, arrow pointing to the left, work with me here, please. You can do it, there it is. Alright, let's pretend that there was an arrow pointing to the left, I would take it and drag it down, so I get myself space to drag this one. Otherwise you're gonna do this and it's gonna freak out. There's the arrow pointing down, right there, that one. There it is, so I can drag this one down, get myself some space to work, then I can take this line here, maybe, there we go, there it was. Anyway, you get the idea? We're good.

Class Description


The world’s top designers use Adobe® Illustrator® for its powerful, vector-based drawing environment – and now you can gain fluency in it, as well! Join Brian Wood for a dynamic course on everything you need to know about Adobe® Illustrator®.

By walking you through a series of projects on Adobe® Illustrator®, Brian will give you a comprehensive toolkit that will answer any need, including:

  • Getting started in Adobe® Illustrator® and familiarizing yourself with its workspace
  • Creating color using a variety of methods
  • Creating and transforming artwork, working with text, and importing images
  • Tricks and techniques for drawing: selecting and editing, and working with layers
  • Creating custom patterns, brushes, and symbols
  • Exploring built-in visual effects libraries
You’ll also tackle more advanced Adobe® Illustrator® topics, like the perspective grid, Creative Cloud libraries, effects, live paint groups and selection, blends, and the shape builder tool.

Lessons

  1. Class Introduction
  2. What is Adobe® Illustrator®?
  3. Explore the Interface
  4. Create and Save New Documents
  5. Zoom and Navigate
  6. Working with Artboards
  7. Introduction to Layers
  8. Rulers and Guides
  9. Shapes and Drawing
  10. Aligning and Combining Shapes
  11. Pen Tool
  12. Manipulating Stroke and Fill
  13. Creating and Editing with Color
  14. Painting with Gradients
  15. Getting Started with Patterns
  16. Adding Text To Your Document
  17. Formatting Text
  18. Strokes and Variable Strokes in Adobe® Illustrator®
  19. Rotating Objects in Adobe® Illustrator®
  20. Effects and the Appearance Panel in Adobe® Illustrator®
  21. Adding Photo Images in Adobe® Illustrator®
  22. Working with Linked Content in Adobe® Illustrator®
  23. Packaging your Project for Handoff in Adobe® Illustrator®
  24. Best Formats to Save Your Files
  25. Select Like a Pro: Layers, Groups, & Other Unique Tools
  26. Edit Paths Like a Pro in Adobe® Illustrator®
  27. Editing Paths: Pen Tool in Adobe® Illustrator®
  28. Creating & Applying Brushes to Artwork in Adobe® Illustrator®
  29. Editing Paths: Knife & Scissor Tool in Adobe® Illustrator®
  30. Editing Paths: Join Tool in Adobe® Illustrator®
  31. Editing Paths: Isolation Mode in Adobe® Illustrator®
  32. Pen Tool Shortcuts in Adobe® Illustrator®
  33. Other Drawing Tools & Methods in Adobe® Illustrator®
  34. Transforming Techniques in Adobe® Illustrator®
  35. Shortcut to Reflecting Artwork in Adobe® Illustrator®
  36. Get to Know Your Appearance Panel in Adobe® Illustrator®
  37. Exploring Effects in Adobe® Illustrator®
  38. Work Smarter with Graphic Styles in Adobe® Illustrator®
  39. Color Inspiration in Adobe® Illustrator®
  40. Type Effects in Adobe® Illustrator®
  41. Masking Your Artwork in Adobe® Illustrator®
  42. Using Creative® Cloud® Libraries in Adobe® Illustrator®
  43. Capture Artwork with Creative® Cloud® Apps & Adobe® Illustrator®
  44. Tracing Raster Images in Adobe® Illustrator®
  45. Blending Artwork in Adobe® Illustrator®
  46. Using Symbols in Adobe® Illustrator®
  47. Using a Perspective Grid in Adobe® Illustrator®
  48. Crash Recovery in Adobe® Illustrator®
  49. GPU Performance in Adobe® Illustrator®
  50. Curvature Tool in Adobe® Illustrator®
  51. App Integration in Adobe® Illustrator®
  52. Creative® Cloud® Libraries in Adobe® Illustrator® App
  53. Shaper Tool in Adobe® Illustrator®
  54. Smart Guides in Adobe® Illustrator®
  55. Text Enhancements in Adobe® Illustrator®
  56. SVG Export in Adobe® Illustrator®

Reviews

KATIE Y
 

I am a pretty computer literate person but an Ai beginner i.e. I am completely new to the Creative Cloud/Adobe Illustrator. (This is also the first time I've used CreativeLive.) I think this course it is fantastic. The pace is good as is the content which progressed logically and covers all the basics you'd hope it would. The course is 2 full days' worth of material but it is broken down into segments so you can revisit or skip through as you need to. The presenter is really personable and easy to watch (even for me, a Londoner!). I would also say I think it is pretty good value for money -- I am currently enrolled on a part time course, basically doing the same sort of stuff, and I have to say this is better and a bit cheaper! I definitely recommend it to you!

jackflash
 

A brilliantly designed course. it's almost magic. It's everything you hope for in a follow-along software class. Brian Wood has engineered it so that you start on a project that just needs basics, and then you move on to more & more complicated projects, and almost without realizing it you've learned Illustrator. This doesn't just happen -- Wood has clearly put a LOT of effort into creating this course. Here's one trivial example: he doesn't overload you with a lot of keyboard shortcuts right at the beginning -- you start with the actions themselves, using the (admittedly tedious but easy) pulldown menus, and then after you're comfortable with what you're doing, he'll throw in the shortcut. It may seem obvious, but so many instructors feel they have to give you an extensive foundation of definitions, shortcuts, interfaces, etc., before you ever do anything. Good stuff to know, but you'll never remember it. Wood has you up and working almost immediately. And he's a joy to listen to, at a perfect pace. Highly recommended.

Philippe LIENARD
 

Top course. Very well explained, clear, good examples, pleasant teacher. I like it and recommend it. One suggestion, it would be nice to have a detailed table of content of the course in the material. For instance, it took me quite a while to find back the part of the course where how to make a gear was explained.