Adobe® Illustrator® CC for Beginners

Lesson 14 of 23

Getting Started with Patterns in Adobe® Illustrator®

 

Adobe® Illustrator® CC for Beginners

Lesson 14 of 23

Getting Started with Patterns in Adobe® Illustrator®

 

Lesson Info

Getting Started with Patterns in Adobe® Illustrator®

Patterns are huge in Illustrator, there's a lot you can do with them. And the reason why I say they're huge is because patterns can be used to create patterns for cloth, for clothing, you know? They're actually used by the textile industry, the manufacturing industry, the design, fashion design industry, that type of thing, to be able to show what a shirt's gonna look like, for instance, to have a pattern going across it. Patterns can be used for all kinds of things. We can lay them on top of each other. In here, they're actually pretty easy to make. They really are. To make a pattern, we just create something, a shape, an object, a thing we wanna repeat, right? Because that's a pattern. And then we go in and say take this object, or this thing, and make a pattern out of it. And it's gonna just do it for us. And it gives us a ton of options to work with. So, what I wanna do is we're gonna create a little postcard down here that's got some texture to it, and it's got a little text down ...

there. So what I'd like you to do is, I wanna go down to this blue shape down here. We're gonna go down to that art board. You can use your Hand tool if you select it, if you wanna do that, and just click and drag to go down. And make sure you can see one of the gears off to the right there, one of those gears. Okay, we're gonna create a pattern. So what I'd like you to do, is, we're gonna select that orange gear. You know what, let's actually select the black gear. If you need to, you can hide the Swatches panel, if it's in the way. And click and close that. Come into the Selection tool and click on the gear. Remember you gotta click in the fill to select it. And what we're gonna do, is, we're gonna tell Illustrator, "Make a pattern out of that." Now to get this done, one of the easy ways to do it, is come up under Object. And you're gonna see there, you guys, the stuff down here towards the bottom of the Object menu this is the good stuff. What I want you to do is you're gonna see that we actually have Pattern, Make. So go ahead and choose Object, Pattern, Make. What's gonna happen is a pattern can become a Swatch, as a matter of fact, it is a swatch. So it's saved in that Swatches panel, over on the right over there. Now we're actually gonna go into what's called Pattern Editing Mode, which basically means we can take that shape, and do things to it, and see what it looks like, okay? Just click Okay to this, it's saying, "Hey, "we just made a swatch out of it." It's over there in the Swatches panel now. Click Okay. And you should see the original shape, in the center, and then you should see all the grayed-out ones, just kinda giving an indication of what the pattern looks like. You're gonna see right up here the Pattern Options Panel. This thing's, it's a bit of a bear, okay? We're not gonna get through every single object or thing in here, but there's a couple things I wanna show you that I think are worth it. Tile Type, this menu right here, is awesome. If you wanna take, if you just wanna make a typical pattern like this where it's just left to right, top to bottom, that's awesome. You're close to done. But if you wanna do something like add a little interest to it, like maybe stagger the rows, try something like Hex by Column or one of these. Try one of these, and you're gonna see it's gonna do something a little different. It's gonna make sorta like a honeycomb pattern, or something like that. (coughs) Sorry. Now once we pick a starting point like this, like a Tile Type, you're gonna see, we can go in then, and we can actually change the distance between the repeat, so, each repeating part. Now, there's a bunch of ways to do this, but you're actually gonna see that we have, this is the way I tend to do it. You're gonna see Size Tile to Art. Go ahead and select that. It's not gonna look any different, okay? But, what it's actually doing is, do you guys see that blue honeycomb, or whatever shape you guys have out there? That's actually the tile itself, okay? That's not the part that's repeating, but that's the tile. If you look now you're gonna see what's called H Spacing and V Spacing. We can go in and change this now. There's no arrows to change it. You got to type it in, okay? So, here's a little tip for you. If you're ever confronted with fields like this, and you want to select what's in them, don't swipe across it. You're gonna miss half of it. Just click on the label of the field, and it will select what's in the field, for you. That's a good habit to get into, just simple, okay? You click on the label. You can select that. Why don't you try, like, .2. I don't know, I'm just throwing something out there, okay? If you then click in the next one, V Spacing, you can start to see what it's doing. Horizontal spacing is right now, for me, it's going to give me .2 inches between the repeat, between each one. We can go nuts. We can go to town here and do whatever we want, okay? So I can go in now to V Spacing, click on that, and type in like, one inch, or something like that, and just start working. The whole idea is we want to get to a point where we have exactly what we want, okay? Okay, now it looks kind of dumb, so I'll fix it a little bit. There we go. Now, you can overlap these two, if you want to. There's a lot of ways we can work this. I can actually go in and do a negative. You guys can actually go in and type a negative value there, so it actually starts to pull them closer. That actually really cool for patterns, or for certain patterns you're doing. It doesn't have to sit next to each other. I actually made a pattern out of this, and I made it so that the gears meshed perfectly. Took me about an hour, but I did it. I don't know why. The other thing you can do, is there are overlaps. You can say, "Let's bring the top gears under "and the bottom gears over." There's a lot of subtle things you can do here. I'm gonna charge you guys to kind of explore this, if you want to try it out, but there's tons of stuff you can do. The only other thing I do want to mention here, with this, is we're not set in stone with the artwork in the actual pattern. We can go out there right now, to that gear, and do whatever we want. You could make it bigger. You could change the color. You could add another gear. You could copy-paste it. You could do anything right now. It's not, I said before that you need to, kind of, select artwork to start. That's just an easy way to start, but you're not limited, okay? So, like I said, I could go to the gear, and copy-paste, and put another one out here, and say, "Okay, there's now my pattern," and put a whole bunch, you know? There's just a bunch of things we can do in here. Let me get rid of that. Alright, so patterns, just kind of a quick overview, something that I think is worthy of looking at. Let's do this. We're gonna save it right now. So why don't you come up top, here, and we're gonna click on, right up here, if you guys are planning on making a bunch of patterns, you can save copies. Just keep saving copies, and it'll keep creating a swatch, based on what you see out there. So, if you're not sure what kind you want, you can keep doing that. I think I'm done, okay? So you can come up here, and click on Done, and be done. Now, if you look in the Swatches panel, you will see that pattern in there, okay? You'll see that pattern right there, and we can use that, and apply that, to just about anything we want. Why don't you come to the blue rectangle right there. I just put it in there, so we have a shape, so you can see it. Click on the blue rectangle. Select it, and I want to fill up that shape with that swatch. So, first things first, what? Select the fill, make sure, and then click on the swatch pattern, and you've got yourself your pattern. I know it's ugly, I know, okay? We're trying. We're just doing something simple here, get the idea, right? But, I've seen so many creative, amazing things done with this. Right now, what we could do, it's really harsh and kind of right there, you could, if you look right up here, there's something called Opacity we can change, and make it a little more transparent, if you want. There's a lot of ways to get this done, but right up here, in the control panel, you should see Opacity. You can make it a little more see-through or transparent. Maybe it's just something that's gonna be sitting on another color, and you want it to just kind of blend in a little bit. There's a lot of ways to do that, but we can change the opacity of it, okay? Yeah, why don't you go up there and change opacity. Make it so it's very light, very subtle. Did anybody work with blending modes in Photoshop at all? Okay, I'm not going there, but see that word, opacity, right there? If you open up, or click on the word opacity, tons of stuff.

Class Description


This course is part of: Adobe® Illustrator® Creative Cloud®: Essentials for Creating Projects 

Gain the fundamentals necessary to tackle the world’s best vector based illustration software Adobe® Illustrator®. Brian Wood will take you step-by-step and explain everything a beginner needs to know to get up and running with Illustrator, including:

  • Interface & tools
  • Using the pen tool
  • Applying color
  • Formating Text 

In Adobe® Illustrator® CC for Beginners Brian will use a series of projects to teach you everything you need to create your first graphic or illustration. 


Software Used: Adobe Illustrator CC 2015.3.1

Reviews

a Creativelive Student
 

Pretty good so far but he's using a very different version of Illustrator and my currently updated version does not have the tool bars top and bottom for dealing with artboards.

MikeD
 

This is a great beginner course. Of course, it is older and still uses Illustrator CC (2015.3), but it's real easy to figure out the differences. However, anyone who has Creative Cloud can still install the older version (located in the "Other Versions" tab and take the class using that version and then delete it when done. The knowledge transfers easily. Brian is an incredibly knowledgeable instructor, teaches in detail and doesn't patronize his audience.

Jive Canon
 

Very informative course. Creative Live is a great substitute for spending 4 plus years in school.