Repeat Surface Pattern Design 101 Series. Alice's Tea Party. Inspired by Alice in Wonderland | Aerie North | Skillshare

Repeat Surface Pattern Design 101 Series. Alice's Tea Party. Inspired by Alice in Wonderland

Aerie North, Designer + Maker ♦ Art Gallery Education

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (35m)
    • 1. Alice Intro

      3:15
    • 2. Lesson 1: Inspiration

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

      2:26
    • 4. Lesson 3: Drawing the tea

      5:31
    • 5. Lesson 4: Pattern 1

      7:33
    • 6. Lesson 5: Pattern 2

      6:29
    • 7. Lesson 6: Pattern 3

      7:27
    • 8. Final Thoughts

      0:25

About This Class

This class is called Alice's Tea Party in the design series: Repeat Surface Pattern Design 101.

Each class in this series features:

  • Developing ideas
  • Looking for inspiration
  • Setting up AI workspace + art board
  • Creating illustrations
  • Working with color
  • Designing repeating patterns you can use on textiles, stationery, wallpaper, wrapping paper, cell phone covers, pillows, fabrics, rugs, or just about any other surface.

Take a look at Spoonflower.com where you can see your designs on fabric, wallpaper, or wrapping paper.

Companies like Society6 allow you to place you designs on:

Both Spoonflower + Society6 allow you to set up an online shop where you can sell your designer textiles + housewares.

Please join my email list on AerieNorth.com for free weekly illustrations + creative news. 
Aerie

d0d219d6

Transcripts

1. Alice Intro: repeat surface pattern design 101 from thought. To finish this class, Siri's teaches repeat surface pattern designs from the initial thought and idea toe a finished product. Students will learn to develop ideas. Look for inspiration. Set up Adobe Illustrator Workspace and Art Board. Create illustrations, work with color and design repeating patterns. Each class in the series is designed to develop students. Designer skills. Surface pattern designs are everywhere way. See them on fabrics, wallpaper and stationary. And it's a skill that anyone can learn. You don't have to be an artist or designer. These classes are created to make you an artist and designer. All you need are instructions and Adobe Illustrator. This series of classes provides your education, and I have included two free accesses to Adobe Illustrator in the Class Project section below. There has never been a better time to be a designer or graphic artist. Creativity can not. The outsourced, and there is room for everyone in this industry. See one do one teach. One is a physician's quote that applies to self paced education like skill share. You watch the lesson you do the class project and you teach yourself new skills that are creatively rewarding and potentially provide you with the new income stream. The process of watching a thought, an idea form and grow into a finished design can be learned and developed to start your own design career or enhance your current business in a beneficial and creative way. Please join me in class Today's class in this design Syriza's titled Alice Tika, inspired by Lewis Carroll's Alice's Adventures in Wonderland, illustrations by Sir John Tenure, We will draw a teacup on adobe illustrator Add Victorian Eric Colors, inspired by Queen Victoria, who reigned in 18 65 when Carol published his first Alice book Way, will create a second pattern that complements the first and embellished the teacup to make 1/3 pattern. Creating at least three corresponding repeat patterns makes a collection. A collection can be used to design and make quilts, clothing and home decor. I look forward to seeing your Alice's Adventures in Wonderland Tea Party inspired repeat pattern designs in the Project Gallery You and Lesson one 2. Lesson 1: Inspiration: today's class in this design, Siri's is titled Alice's Tea Party. The Tea Cup. It was inspired by Lewis Carroll's Alice's Adventures in Wonderland illustrations by Sir John Tennille. This young lady on the left is Alice. She was the inspiration for Lewis Carroll to pen his first book, Alice's Adventures in Wonderland. Lewis Carroll is the pen name for Charles Dodgson, who was a mathematician in England in the 18 hundreds. On one golden afternoon, Dodgson went canoeing with his friend and his friends. Daughter's little Alice was getting bored in the canoe, so Dodgson just made up the story about Alice and her adventures. She loved it so much that she asked him to write it down on the rest. This history, he took the pen name Lewis Carroll and continued to write a series of Alice books. Most of us were first introduced to Alice in Walt Disney's 1951 film Alice in Wonderland. Disney's Alison Wonderland movies, one of my favorites. So I looked into the book a little bit more and found that Sir John Tennille illustrated these beautiful pictures. This illustration in particular is very inspiring for me, and that's where I came up with just using a teacup to create a series of three repeating patterns that I'd like to teach to you today. In the next lesson will set up our adobe illustrator workspace with an art board. I'll see you there. 3. Lesson 2: Set up workspace + art board: Welcome back to class. In this lesson, we're going to set up our adobe illustrator workspace with an art board to begin will go to file new name it. Whatever you like, the size that will be using will custom size. The units will be in pixels. We just need a square. So we will do 1000 pixels by 1000 pixels and press OK and this is the art board. Now let's go toe window and select the Swatch colors that will be using Alice's Adventures in Wonderland was written in 18 65 and Queen Victoria reigned then. So let's use Victorian colors. Yeah, they are. Let's make our fill none for no Phil. And for now, we'll just keep the stroke. Black will be changing that color soon, and stroke will be round. Cat, let's bring the stroke to the front, and then our colors will appear here. Stroke down here is the same represented up here. Fill up here is the same there which ever boxes in the front is what you're working on. So here we have stroke and here we have Phil. Now let's go to view and make sure that you're smart guides air on The tools that will be using for this project are the selection tool, the direct select tool, the pen tool, the pencil tool, the rectangle tool, usually to make squares, the free transform tool and the hand tool to move things around. Now that our art board is set up will be ready for our next lesson. When we draw the teacup, I'll meet you there. 4. Lesson 3: Drawing the tea: Hello and welcome back to class. And this lesson we're going to hand draw our teacup in, Illustrator. We're going to use a combination of the pencil tool and the pen tool. We want a nice artisan drawn look without any perfection in it. So we're just gonna click on the pencil tool and draw an oval, Not a perfect oval. If you wanted a perfect oval, you can select your ellipse tool from there. I don't complete them until the very end because what all do is go to my direct, select tool. There's the path and then I'm gonna take my end anchor and marry it to the other end anchor to close it. Now with my pen tool, I'm gonna just tap on that and then come up to the path of my oval opening of the cop and just click and that will add an anchor point Now will come down to say about 1/3. See the blue there. That's because our guide lights are on are smart guides. And now what I'm gonna do is as I click with my mouse my left click I'm going toe, Hold it down, Click, Keep holding and then drag to make the roundness of the bottom part of the cup. Here we go. I'm gonna do the same to the other side. Click on my pen tool just somewhere on the path. Click. Release some clicking with my mouse release. And about 2/3 now through the smart guy will tell me where I'm being aligned with. If I go up there, I'm not aligned. If I'm there on the line, if I don't want to be aligned, then move it off there. But I'll just keep it a line for now. Now, as I click here when a click and hold and then drag and release. So now I've got a combination of these nice, smooth, almost the symmetrical type of lines with a hand drawn line. And now I'm just gonna bring the lines together by clicking on my pen tool. Click the anchor there and then come on over and click the anchor here to close it. Now I want to make my saucer. So to make this saucer, I want a hand. Draw the beginning of its with my pencil tool click and then start about 1/4. If I'm looking at this says there's the half of the cup, so this would be the first quarter. So about 1/4 I'm just going to draw and bit of an oval shape just within my mouse and connect. Okay? I just want to make sure that I am connected, so I'll go to my direct select tool, Find the path go along till I find the anchor. I'm gonna click and hold and lift the anchor off just for an exaggeration here and then put it back on. And then when I see the blue line of my cup, that means the Smart guide is letting me know that it is attached and I'll release same with the other side. I'm just gonna take it off as an exaggeration. Click hold and move it back onto my cup until I see my blue line lit and release now with my pen tool. So again, I'm using both, combining nice straight lines with hand partisan lines, clicking with my pen tool. Just gonna click a boat here on my cup, click and then about sent center there. Their boats click and hold. Now I've got my street line, but I want to drag because I just want that to be kind of the bull part of my saucer, the bottom part of my saucer release. Now come over to about the same place on the right side of the cup and click, and it will finish the line for you. Now I want to focus on the thickness of the line of the stroke that I'm using. I want to make this rather thick, because in this class we're not focusing so much on the fill of our illustration are color , and our form is coming from the stroke from the line. So going to select everything before we finish off our little teacup and I'm going to make it rather large. I'm going to see what 20 looks like. So 20 is a nice, thick line, so I'm gonna click off that. And now I want to with my pencil tool finish off. I'm making a nice little handle for my cup. I want simple. So it's a nice, easy drawing. There we go. So there's the cup and we're gonna group it all together so that I I like grouping a lot and often because I sometimes go so fast that I will pull the image apart. So I'm going to come upto object and select group. So now that we've got the cup the way that we like, it's grouped in the next lesson, we're going to start building our very first pattern using the teacup. I'll see you there. 5. Lesson 4: Pattern 1: Hello and welcome back to class in this lesson, we're going to create our first pattern using the teacup. Now, that's teacups rather large, so I want to scale it down a little bit, so I'm gonna select it. All right, click, transform and scale. I'm gonna make it about 60% smaller than what it is now. That's fine. I like that. But it remained 20 points. So I'm going to change that to 10. Good. Now, using these Victorian colors on going to select three colors that I'd like to use for the pattern. I'm going to start with this color. It's kind of the milk and tea color, and I'm going to put it on the left line because we're working in 1000 pixels by 1000 pixels. Whenever we move over, it will be by 1000 pixels. When we move up and down, it will be by 1000 pixels. So let's get started with this one going to right click. It's already selected because that blue boxes around right click and been a transform and move. I want to move it horizontally Forward. Forward is a positive number, so I have 1000 which is a positive number. When I moved down or backwards, I will put a minus in front. But I want to move forward 1000 pixels. I don't want to move it all vertically. I don't want to move this one vertically, just horizontal and I want to copy it. Good. That's where I wanted to be in a copy and paste a 2nd 1 and put it here. I could tell by the size I can probably get three here and one of the top But now I want to change a color. I'm gonna go with a blue this time So I've got a dark blue and a lighter blue I like the first blue. Now I'm going to do the same thing. It's already selected, right? Click, transform, move. I want to move it horizontally at 1000 pixels, but not vertically. Copy. Now I'm gonna copy and paste again and change the color. Gonna change it to one kind of a red Deepti bread on. And let's see if I put way out over here as long as a part of it. And it's already group. So that's good. As long as a part of it is on that line. I could move it over to the other line and the same thing. Good. Now I want to do one at the top and the bottom. I'm going to move it up. I have to be very careful, cause what happens here will happen here. So if I put that there are, grab this and move it over a little bit over and up. Let's see what happens. Transform, Move. I don't want to move it horizontally. I do want to move it down and it's still touching a little bit. What I'm gonna do is select both of these together by shift and select it. Now they're both selected and there are 1000 pixels off apart. So now we can play a little bit. Okay? That one's not too bad. I'm just thinking I might want to change the color. Now that I'm looking at it, I can tell that I want this one moved. This one moved this and this one moved so I can select this and hold my shift key down to select. They're so they're both selected and move it over. Okay, Good. Now I could do the same with the these ones. Select the bottom and select the top together by holding my shift down and move it over much better. Okay. I want to take a couple of copies of these. I like the red one. Let's see if I have to resize it. I'm going to resize this one just a little bit. Right? Click transformed scale. I'm gonna make it 90% and it's okay to do okay. I don't copy. That's fine. I like that. Copy paste. I'm gonna put one more here, make it a little smaller, and then another one Smaller just on the bottom. This one. I want to change the color. There we go. It's nice. And now I'm going to, right click transform scale. And I want to make a copy of what I have at 90% the size of what it iss. So there it iss and put it down. I could tell that I want it smaller again. So I'm gonna right click transform scale. Make it 90% the size and one more time by controlled D. So that read does my last action gonna do that one more time? I hope it's not too small. That's not too bad. I like that. Okay, so now the repeat pattern is the way that I want it. But now I want out of background. So I'm gonna go to rectangle tool tap anywhere on my workspace and make exactly 1000 pixels by 1000 pixels and then select the color that I want. I want something light. And I'm thinking this light, grace, I'm making sure that the fill in the line are the same color. I want to send this to the back to make it the background. So I'm gonna right click arrange sent back. And I can if I want to move it over and try and get it exactly over the box or come up here and whatever sighs were working at, we put half here. So half of 1000 is 500 and it'll move it over exactly where we need to be. 500. It's already sent to back. That looks very nice. Now we need to make it a repeating pattern. So I need another rectangle. Are you still need the size? Okay, but now I want till Phil and no stroke, and I want to move it exactly over. So I make good and I want it to send that to the back as well. Right? Click arrange. Send it to the back. And I'd like to select everything and then just take my path and move it into my swatches. I'm gonna come over to a clean spot and I've made it a little smaller and just any size rectangle. I like to try it with a great big one and let's see. And there it is. There's are repeating pattern see in the next life. 6. Lesson 5: Pattern 2: welcome back to class in this lesson. We're going to create our second pattern. That goes very well with our first pattern. So what I'm gonna do here is go up to file and save a copy, because I want to keep our first pattern. But I'm gonna call this Alice to, because this is our second pattern and safe. So I'm leaving this the way it is. And then I'm gonna go back up to file open recent and I'm going to go straight to to I'm gonna click on this because I I do want to get rid of it. I want to keep the start of the repeat pattern so we can use an element or two out of here . I want to talk about a collection of patterns for a moment. Here's an example of a fabric collection. So we have 12345 here. Where in our class, we're just doing three. But you can continue on. So this pattern at the top would be the hero pattern or the major pattern. And this would be the collections flagship pattern. And we have supporting patterns like supporting characters in our play. So supporting patterns. So here it's not exactly the same illustrations, but the color. There's two colors taken out of the first pattern. Then the third is hasn't nothing to do design wise with the 1st 2 but taken the yellow out of there. And then here is well, we have different flowers, and we've taken some color here, and the same here was so using the same colors here in here. But these go together very well. So if you were to make a garment or pillows for the home, home to core project or drapes or bedding or clothing or or quilt, then these go very, very well together. So what we're going to dio in this lesson is a second pattern based on the 1st 1 that we did. So I'm going to control plus plus plus just to come a little closer. Maybe I went one plus too much clicking anywhere. I'm just gonna move there, and I'm going to backspace to get rid of that, I'm going to click on the path and get rid of that. So what I'm left with are the cups. If I select everything and then move it off and now I have an art board I can work with for this pattern. I want to use tiny elements toe almost make it look just like stripes. But instead of just plain old stripes on going to use cups, So I'm going to take one cup. I'm going to make this cup a little bit smaller cause I want it to be a long So when you were initially look at the pattern, it looks just like blue lines. But when you look closer, you see that it is a teacup, and you can use it with the first pattern. So instead of moving at over 1000 pixels, I want to create a line along here. So I'm going to transform and move, and I'm just gonna move this over 100 pixels and copy. Now, what I'm gonna do is keep copying that along. So also I have to do instead of doing right, click, transform and then move and move it over 100 pixels on doing control D and just keep doing controlled D. And it just repeats. The last thing I did, there's our line now would induce move this up and see what happens. Move the whole thing up. Once it's all selected, I can move it around. So now I want to move it down, right Click, transform, move, not horizontal. I want to move it down so it's negative. 100. I want a copy and see with the distances. That's great. So I want to just control de till I get to the bottom and I won't need that last one because it's not even touching a line. So that looks great. This is a really nice corresponding pattern here. I'm going to just move right out just so I could select all these and backspace not going to move back in. And now I want to create a background, select a 1000 pixel by 1000 pixel rectangle and pick a background. Let me see if I like this one. This is the same color that we used for one of the tea cups in the 1st 1 So in a right click, arrange sent back. I like this. So now I'm going to just put it directly over the art board by doing our X and Y access. It's already sent behind. Now I'm going to make our repeating pattern by making you 1000 pixel by 1000 pixel rectangle. No, Phil, no stroke. Put directly over the art board. Send it to the back. Arrange Send it back. Coming over to select. Select all back to my select and anywhere along that border path click drag and I'm gonna put it in there. So now let's test our pattern. I'm just gonna move over to a blank space on my workspace and just make a big rectangle. Make sure that our fill boxes in front and click on our new pattern. And there it iss so that's a really nice corresponding pattern. I'm going to just move that a little bit and make another big box so we can see it. Great. Now I'm gonna just show you gonna make another rectangle just inside here and now select the previous pattern that we have. So that goes very well together. Now we're going to do this again to make our third and final pattern, and we're going to just embellish the teacup a little bit in that one. I'll see you in the next lesson. 7. Lesson 6: Pattern 3: welcome to class in this lesson. We're going to make our third and final pattern. So just like we did in the previous lesson, we're going toe copy this file so we can use it for our next pattern. Save a copy, Alice Three, we go and there's Alice three. So I shall take that. I'm just going to click on that click on that just to get rid of it, and we're going to go back here, OK? I'm going to move the background off and backspace, I'm going to grab that invisible box that we make our repeat pattern with and backspace. Also I need is one cup and get rid of the rest of them, selecting them all on backspace. So now we're just gonna work on one cup on. We're going to embellish it a little bit. So first I want to make it larger, transform and scale it. I'm going to make it about 500 times larger and see what happens to make a little smaller. Make it 75% of the that size changed the points. Now one nice thick line twenties to bake. Let's do 10 and I want to change the cup color. So in the second pattern, the cup colors blue in the first pattern. We have three colors in this one. I'm going to make it the red that we used. I'm going to zoom in a little bit. Just move it over with my pencil tool. I'll select my pencil tool. I just want to come to my strokes and make sure that my caps rounded caps are on. And they are. I'm going to make little stripes down the cup and I'm going to curve the stripes a little bit so that they follow what don't like that one curve the stripes a little bit, so they follow the curvature of the cup. Yeah, it just gives the couple little different dimension. Just embellishing it a little little bit and one more with my direct select tool on going to just fix this one, take the anchor and move it on to the line. This looks like it. It's down a little bit, so I'm gonna move that anchor up. I just want a really nice, clean looking cup. Good. I'm going to select the entire thing in group it, and I'm going to zoom back out. Control minus minus minus. Selecting the cup again. I want to tilt it a little bit. So select transform, rotate going to rotate it about 30 degrees. Just give it a little tip over and say Okay, there it ISS. And now I'm going to start repeating it. I'm going to transform and move it over 500 pixels, and I'm going to copy it. I'm going to do that again. So I'm going to do controlled dif. So that just repeats the last action that I did gonna select the whole thing. Now what I want to do is stagger it. So I want a cup here and a cup here and then three again. So how I'm going to do that is transform. Move. I'm gonna move it down. 500 pixels. Copy. So that one's good. So now what I want to do is transformed. Move. I want to move it up. So the up is 2 50 But I also want to move it over 2 50 I'm gonna coffee and watch what happens. It moves over. It's touching here, but I kind of like that. The cup that we won't need is this one here because it's right off of the lines. We don't even need that. I like this. This is good. So now I'm gonna take the middle cups and move them down. And that will be moving those down minus 500 and I'm gonna copy that. Now I need with whatever's on the bottom. So I'm looking at my lines. Whatever is on the bottom has to be at the top. So I'm gonna move these to 1000 transform. Move up is positive and copy. Good. Now I want a nice background for this, so I'm going to create a square, select a color. Think I'm gonna go with the blue. So he consistently used the same three colors for the cups and I had a lighter color for the 1st 1 And then that okra type of color for the second. And now the blue for the third. I'm gonna send it to the back. Bring it right over. It's already sent to the back move. Oh, just a little bit. And now let's do one more 1000. And we want no filling, no stroke in this one. To create that pattern, send it to the back 500 pixels here and 500 here. It's already been sent to the back. We're going to select it all and then move it over into our patterns. See the nice thing when you copy what you've done beforehand. So now all three patterns are in this file. I'm gonna move over to test my pattern. Make sure my fills in the front and there it is. So that looks pretty good to move that there. And let's just see what the three of them look like together. Here we go. So here's just a example of three patterns that we use with the inspiration of Alice's adventures in Wonderland just using the teacup and making three different patterns. 8. Final Thoughts: Welcome back to class. I just wanted to take a moment. Thank you for taking this class. I hope to bring you some really interesting repeat pattern design classes. In this. Siri's inspiration is all around us. Pick something that you really enjoy and start to create repeat patterns and please share them in the project gallery.