Surface Pattern Designs. Create repeating patterns. | Aerie North | Skillshare

Surface Pattern Designs. Create repeating patterns.

Aerie North, Designer + Maker ♦ Art Gallery Education

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (23m)
    • 1. Intro

      3:04
    • 2. Lesson 1: Set up workspace + art board

      0:51
    • 3. Lesson 2: Create the design

      7:17
    • 4. Lesson 3: Complete the design

      3:14
    • 5. Lesson 4: Create the repeating pattern

      3:36
    • 6. BONUS Lesson: Create flower

      4:37
    • 7. Final Thoughts

      0:45

About This Class

Repeating surface pattern designs can be tricky to learn, that’s why I created this class, to show you how-to make a repeating pattern using dots and lines.

The simple geometric pattern and math used in this class makes sense when you are creating this pattern.  This class is the launch pad to my future repeating pattern design classes on Skillshare.

Once you learn how-to create repeating surface pattern designs, you will be addicted and build an impressive portfolio for your design career.

Your repeating patterns will be used on stationery, fabrics, wallpaper, textiles, and more.

Please join me in class. I look forward to seeing your artwork in the Project Gallery.

Free + legal copy of Adobe Illustrator CS2 Tutorial link in the Class Project section.

Class Content

Lesson 1:  Set up your workspace + art board

Lesson 2:  Begin design on Adobe Illustrator

Lesson 3:  Complete design

Lesson 4:  Create repeating surface pattern design

BONUS Design

Final Thoughts

f3bc9b5e

3874ad8e

0810bceb

 

0ad98b3d

 

413f3eee

 

3c514e71

Transcripts

1. Intro: Hello and welcome to surface pattern designs on Adobe Illustrator, the easiest surface pattern design class on skill share and includes Free Adobe Illustrator with Ari North. I'm an artist, art teacher and creator of coloring books, meditation journals and surface pattern designs. This year we launched the Ari North Project. The Ari North Project is a philanthropic incubator supporting creative communities through education and project based initiatives. Current projects are art therapy resources, providing free coloring pages to mental health clinics. Hashtag bring back the bees created the book Wildflowers of North America, available on Amazon and an art gallery. Boutiques design classes on skill share, encouraging artists to grow their creative business and free illustration pages to everyone on our mailing list. You can join that list at our inorth dot com. In this class, you'll learn to set up your Adobe Illustrator workspace and art board. Then you'll begin a design on Adobe Illustrator. Lesson three will complete the design, and then we'll start creating the repeating surface pattern from that side. There's a little bonus lesson in this creating a really pretty flower and then some final thoughts. The primary tools that will be using an illustrator, and the menus are pen tool ellipse that's a circle rectangle. Transform and move, Arrange and send it back, and we'll use all this to create a swatch for our repeating pattern. If you don't already have Adobe Illustrator, you can download a free trial of the current illustrator on adobe dot com. I also created a four minute YouTube tutorial on downloading free and legal Adobe Illustrator CS two version. The link to that tutorial is in the class project section below, and your class project is to create a repeating surface pattern using the techniques learned in this class and share your artwork in the project Gallery bonus points. If you also create and post the flour using the repeating pattern, repeating surface patterns can be tricky to learn. That's why I created this class to show you how to make a repeating pattern using dots and lines. The simple geometric pattern and the math used in this class makes sense when you're creating the pattern. This class is the launch pad to my future repeating pattern design classes on still share. Once you learn how to create repeating surface pattern designs, you will be addicted and build an impressive portfolio for your design career. You're repeating Patterns will be used on stationery, fabrics, wallpaper, textiles and more. Please join me in class. I look forward to seeing your artwork in the project gallery. 2. Lesson 1: Set up workspace + art board: Hello and welcome to lesson one. In this lesson, we're going to put in art board on our workspace. We're going to start by going to file new. I'm gonna just name it Pattern one and the art board set up. We're gonna leave it on custom, the units that will be using his pixels. And I'm gonna leave it at 1000 pixels by 1000 pixels and click OK to get our art board. Brutus in the next lesson will be using the Ellipse tool. So I'm gonna leave it on that we'll be using the pen. Tool will also be using the transform and move tool. I'll see you in the next lesson when we start creating our pattern. 3. Lesson 2: Create the design: hello and welcome to lessen too. And this lesson. We're going to design our pattern and get it ready for the repeating section. In the next lesson, I'm going to just create a smaller board. We want want now there just because when we do repeating patterns, it's important that whatever we do to the Taw is exactly what's on the bottom and whatever we do to one side to the left side, it's the same on the right side. And to make sure that we are doing that, it's important to know exactly what the dimensions of the art board is. In our case, it's 1000 pixels times 1000 pixels, and this way that will help us to move anything that we put on the lines to the from one side to the other. So let's start with our pattern. The first thing we're going to Dio is make our first circle now because this is 1000. I'm going to estimate that a 50 pixel by 50 pixels circle will be enough. I'm going to stay with this that that looks pretty nice. It's always good toe. Have your design. If you're going to be using geometrics toe have everything as divided into the size of your art board. So 50 does go into 1000. So if I did it 33 I could do that. But in this case, because we're using such precise designs that it's so much easier toe have something that can be divided into 1000. So right now I'm going to let's see, where do I want it? Let's start it near the top. Okay, Now I'm going to, right click, transform and click on Move. I want to move the this dot Going to actually should color it in. I want to move this dog over and then continually move them over, just like in the example that you saw the beginning and I want them to go down and they have to be exactly the same measurements to move anything across. We need to I'm going to make this ah, 100 pixels. I don't want it to go vertically, so I'm going to put zero and copy. So I've moved over the dot Ah, 100 pixels because 100 also goes into 1000 that will easily even us out here. So will whatever happens here will happen here because 100 goes into 1000. So I'm gonna just change the Phil. I wanted to be black. We'll just work work with black and white images Here. There we go. Okay, Now I want to come in nice and close using my little hand tool. Find. There we go. I want to come in nice and close. And now I use the pen tool. I'm going to click on the pen tool and I want to go right to the top anchor, click and come down to the next anchor and click. Now, let's see what that looks like. Okay, That's not terrible. It's goingto make sense very soon. So I'm gonna move out now. I want this to repeat all the way along and then eventually repeat all the way down. So I'm going toe. Just select it. I'm going to, Right. Click, transform, move. And I want that dot to move down 100 pixels. So I want this dot to move down here so we could start to repeat it down and then as well as the line. So I'm going toe select and to go down. I don't want to go horizontal so that needs to be zero. And to move down. This needs to be minus 100 pixels and copy. So now this is exactly one hunt. 100 pixels from their 100 pixels from there. So now I want to come in nice and close again to create another line. My pen tool. I'm gonna find that anchor click and then come down to this next anchor. I want to find it exactly and click. Okay. Good. Now I'm going to move over here to select it. Right. Click. Going to move it down. Transform, move. And it it's already going to go down because it just defaults on the last thing I did so I don't want ah horizontal movement. I want a negative vertical movements. I wanted to go down. I want to go up. I wouldn't need the negative, so I want to go down. I need the negative. I want to copy that. Very good, because we already have our lines here. We can just copy and move those down. So I'm going to just select my line. Right? Click, transform, move. I don't want it to go horizontal at this time, but I want to go lower on the vertical. So I need my negative 100 pixels and copy, and it's gonna go exactly where I needed to go. Now I'm going to click on the remaining line, right click to transform moves. I want a copy to move that line over, but I want to do that horizontally. So I do need my 100 pixels horizontally, and I don't want it to move vertically at all. So it just has to be zero, and I'm copying it. If I just hit, okay, the whole line would move over, but I want to copy that line. Good. Okay, let's take a peek. Now, this is good enough right now for this lesson, because that was a lot of information. And now we're going to start in our next lesson to move across and then move everything down on each in the next lesson 4. Lesson 3: Complete the design: hello and welcome to lessen three in this lesson, we're going to take our design and move it all the way along, and then we're gonna move it all the way to the bottom, making sure that what we have on the top line is exactly what we have on the bottom line. And what we have on the left is exactly on the right. Doing this makes it a repeatable pattern. So let's start. So I'm gonna got my select select it all, and I'm going to right click, transform, move. I want it to move horizontally. Ah, 100 pixels. And I don't need it to move vertically. I'm going to hit copy now to cry could do that whole system again, or just do control or command letter D, And then it just continues it. It's like, do that all the way. There we go. So exactly what we have on the right is the same thing that we have on the left. Now, at this point, I want to group all this together. So I'm gonna go toe object and group, and I'm doing that so I could easily just grab anything from here and move it where I want it to without having the mistake, potentially creating a mistake that, uh, would mess the whole design up. So I just moved it up so that I am covering the top line and I'm covering the sideline. This is different than if you were to do a freehand drawing and make sure that every little bit is on one side to the other because we're using geometrics lines and squares and circles. This works by just selecting everything and moving it around. Because I know what I do here will be the same as I do here, because I've used the measurements and the math of 50 and 100 going to 1000 nice and easy. Okay, so I've got everything situated exactly where I needed. It's all groups, so I can't accidentally make a mistake by grabbing a line or adopt and moving it. And I'm going to select the whole thing and I will want to move this whole line down, right click, transform, move. I don't want to move horizontally anymore, so it doesn't just zeros, fine, but I do want to move vertically. I wanted if I wanted to move vertically up I could just do 100 but I wanted to move down, down being the negative. So negative 100 pixels and copy and control D will just repeat what I I just did. There we go. So now you have this pattern that covers the entire work Space art board. And in the next lesson, I'll show you how to create a repeatable pattern that you can put on stationery, wallpaper, fabric. Just about anything meeting next lesson. 5. Lesson 4: Create the repeating pattern: hello and welcome to lessen. For in this lesson, we're going to create a swatch from the pattern that we made so we can use it as a repeatable surface pattern. Let's go upto window and select color, and we want swatches. We want to create a new swatch in this section. To do that, we're going to rectangle. Even though it's a rectangle, we're going to create a square. We would like 1000 pixels by 1000 pixels. We want it exactly the same size as our art board clicking. OK, we want to remove the Phil and remove the stroke. Come back to our new square, arrange and send it to the back, grabbing the selection tool again. We want to move this new square exactly over our art board, and to make sure that we did that correctly, I'm going to zoom in. You could see its off their here. It's nice at the top. It's nice, but it's off on the site and if you are off even by a pixel, is going to create this really weird looking space like a gap. So I'm just gonna move that over and let's see it looks exactly see here I took it off. You could see the art board. And with back on, once we have the new square exactly over the art board and it's been sent to the back, we can go to select all. And then with our selection tool, we're going to grab everything and move it into swatches. So now we've created this new swatch. So let's test our repeatable pattern. It doesn't matter the size of this because we're just testing it to see if our pattern repeated correctly. And there it iss So we have this geometric pattern. So it was nice and easy to to There we go. We can even make it bigger there. Let's try a different shape. Tricycle. It'll fill our swatch will fill the circle. Tri star Swatch fills the stuff, can even use the pen tool to create, go peddle and then put very go, Okay, pedals, raindrops to your drops, anything you like because you've made this into a swatch, you can put it into any fill that that you want because it goes straight into the film. Well, there you go, 6. BONUS Lesson: Create flower: Hello and welcome to the bonus lesson where you will learn how to create these daisy looking flowers by using the switch that we created. First thing I'm going to do is let's get rid of all these guys and come in nice and close. Select our pedal that we made and just put it down here and let's come nice and close so we can work with Okay, What I'm gonna do that with this pedal right now is it has no stroke, so I'm going to give it a stroke. And I wanted to be black, and I want to be quite thick here. So now it's got a nice outline. Let's go over to the the lips tool and create a circle for the center. So that's it's the circle. The center of the circle is going to have the fill that I was just, uh that we just used. So I'm gonna turn that I don't get I'm going to select our pedal, transform right click to transform, reflect it 90 degrees reflection. So I'm just going to place our new pedal. I'm just gonna adjust the workspace that we could see a little bit here we go. I don't want to place this pedal around the same area of the opposite part of the circle. Good. I want to now select this pedal. I'm holding down shift key. Select the second pedal. I want to group those object group, so I don't accidentally messed them around little bit. And while they're still selected, right, click, transform, rotate. I want to rotate them 30 degrees and copy it. Now. Want to put down control de to repeat the last thing I did? Good. So let's see what we've got. So that looks pretty nice right now, But what I want to do is select every other. So this is selected and this is selected together. And now I can put down my shift key to select the next bet, which is every other. So I've got this selected. I've got this pedal these pedal selected these pedal selected and now I want to select these pedals. I want to go up to fill and fill them black. There we go. Now let's take a look what we've got. So that looks OK right now. However, I want to use Grady in selecting the black pedals on Lee, but not the center radiant. And it changes the pedals, the dark pedals. Here we go. However, we could see you've got these little overlap bits here. So what we want to do is select. Argh! Radiant block pedals. Again. Let's bring them to the front. So arrange. Bring to the front. So now we don't have that little overlap. But look what's happened to the center. So now let's copy or to select the center right click Arrange. Bring that different and let's see what we've got. There you are created this really fun flower. 7. Final Thoughts: surface pattern designs are everywhere when you're out in about, pay attention to patterns used on walls, floors, fabrics, textiles, cell phone covers, notebooks, cards and stationery. Use Google to view pattern designs throughout history. Visit websites like Society six and Spoon flour to see your patterns on textiles, stationery and more. And thank you for taking this class. I look forward to seeing your artwork in the project gallery. Please stay in touch and stay tuned for more surface pattern design classes.