Create a Seamless Repeat Pattern Using Hand Drawn Motifs + Adobe Illustrator | Annette Brown | Skillshare

Create a Seamless Repeat Pattern Using Hand Drawn Motifs + Adobe Illustrator

Annette Brown, Embrace + Express Creativity

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (45m)
    • 1. 1 Welcome!

      0:33
    • 2. 2 Digitize Your Drawings

      5:32
    • 3. 3 Digital Clean Up

      10:56
    • 4. 4 Coloring Digital Drawings

      12:34
    • 5. 5 Pattern Creation

      10:10
    • 6. 6 Suggestions for Use

      5:00
    • 7. 7 In Closing

      0:21

About This Class

In this class, I'll share my approach to creating a repeat seamless pattern using my line drawings and doodles in Adobe Illustration.  I'll offer some ideas on how you can apply your unique patterns to multiple digital formats, and then demonstrate one of those suggestions to create a Pinterest graphic.

Digitizing your drawings and doodles to create patterns in Adobe Illustrator is a fun way to make unique digital prints, social media graphics, website backgrounds, eBook covers, and more.

Transcripts

1. 1 Welcome!: Hello, I'm and Nets and welcome to my class on helps you create a seamless repeat pattern. This last was created for those who have already begun learning how to create repeat patterns but would just like some more practice. In order to reinforce those skills, I'll show you how I transform hand drawn motives into a seamless repeat pattern to be used for prints or digital purposes. So grab your drawings and scan them into the system so that we can begin backed, arising them in the next video. 2. 2 Digitize Your Drawings: to start scanning your artwork at at least 300 d p. I here I have a scan of a few doodles and drawings. I'd say it a few moments ago. So what I'm going to do is click this markup toolbar here and then I'm going, Teoh, try and go here. That adjusts color. And I just want to make sure these areas dark is they can be so that they work out well for me and illustrators. So I'm just gonna increase the contrast here, and I'm going to zoom. See how that looks pretty good. I think that's dark enough. So I'm going to close this out and then go to file, save and close out my sweet doodles. Now I'm going to go to file Open on back an illustrator. Now I go to file open and I'm going to open up my doodles. So now I have my doodles open in Adobe Illustrator and I want to make them vectors. So I'm going to go over to my image Trace handle on the sidebar. If you don't have yours open, you can go Teoh window and down to image trace and it will open up for you on a sidebar. So I'm going over to Emma's trace, and I'm going to choose a preset, which is silhouettes. And then I'll make adjustments from there. Okay, so that looks pretty good. I want to make sure that there's some detail here with the confetti doodles when a click advanced here so that it shows me more options. And so I'm going to decrease my threshold. And you can see this space opened up a little bit. So I want to decrease that there. I showed a little more. I think I will decrease the threshold a little more. You mean, make it out months money. So I'm noticing that right here. This isn't connected here. And I noticed that I've lost some detail on this little cupcake liner, but I can add detail there, and I can fix this. Eso I'm willing to keep the threshold where it is because I want to see the negative space here with ease. Confetti strips. Okay, so I think that overall, I'm pretty pleased with this condition. So now I'm going to click expand and that will convert these into objects. These have been expanded. They are now vector objects and their groups together. So in order to work on them individually, I'm going to right click and goods on group. But when you do that, it also makes little objects. So, for instance, when Ewan group them than that on groups, everything. So that means that yum is a bunch of individual letters, not one word. And I prefer for it to be one word, at least for now. So I'm going to select it. It command Geo, my keyword. If you have a PC, it would be controlled G. So I'll do that for all of these. For the this heart. I want to emphasise around it so and if I use Rubber Band Select, it'll select objects in the area. So in order to specifically select the objects pertaining to this heart, I'm going to use my lasso tool, and it's Q on your keyboard. So I just draw a lasso around these elements. Okay, and now command G, and that's it. Everything else is pretty much one keys, so there's no point. Oh, here. It could do the same thing here with the lasso tool like thes to stick together. So whatever you want to stick together. Just use the lasso tool or the rubber band Select tool to group those items in these stray marks, I can simply highlight or select with the select tool and then delete them. Yeah, that's fun. And so thes straight marks here since I'll have to read you these anyway, I'm gonna un group this for a moment and select these little stray marks and delete them. I'll leave these marks here. Uh, and then now I will select this again and group it again. Coming G. 3. 3 Digital Clean Up: I'm going to go to every word and every object and just make any changes that I feel need to be made. So right now I'm just gonna pull up ice cream and hold shifts a while rotating it so that I can read it. I'm going to rotate thes as well. Uh, yeah, a full shift rotate and saying for these whole shipped. So when I scanned these and I use I just cut up my sketchbook paper because it was too large to fit onto my scanner bed. So feel free to do the same. If you know your papers too large, you could be may have to cut it up in place. The police is on your scanner bed individually. So that's why these were all in different going in different directions. So I'm just gonna start at the top with yummy. I don't think there's much I need to do here. I will smooth out, That's why. So I'll go over see my safer tool, right, click it and choose the smooth tool. And I'll just run this along the Y in that, perhaps smooth it out a little. You can toggle this by clicking command on your keyboard and I like the hand may look to those. It's a little bumpy, but I think that's OK. Um, this exclamation mark is a little too bumpy. Salah, Click Command. Then click on the exclamation mark and then use the Smiths tool to smooth it out a little. Okay, Now over to ice cream. As I mentioned, there was some areas here that I'll know. I knew ahead of time that I would need to correct these. So but this isn't something that the smooth tool can fix because these are basically two separate parts. So I'm going to use the block brush tool, Go over to the paint brush tool, right. Click it and select blob Brush tool. Or you can, um, hold on shifts and be on your keyboard. The left bracket decreases size. The right bracket increased the size. I'm going to zoom in and just fill in this space here. And yes, it is larger than it needs to be. But I'm going to now go back over to the smooth tool command click toe, highlight this area and just knew that. And that looks organic because it was handwritten. So a little completely said, Okay, that's better. So the m the same gonna do the same thing? Go over to the blood brush tool until this space out. This is a small is it gets. So that's why I have to use a combination of the block brush tool and the smooth tool in order to fix this area. Okay, So in this particular situation, I'm going to have to delete some anchor points. I'm going over to the pin tool, right. Click it and scroll down to delete anchor point tool. You can also use minus on your keyboard. And I'm just gonna select the points that I would like to delete. Okay, that looks pretty good. And so now I'm going to go over to my direct select stool, which is this field in arrow here. You can also use a on your keyboard, and I'm going to click on this anger point, and then we'll use the handle to pull in that area is gonna double click on this anchor point pushing in. And so now I'm gonna go back over to my smooth tool, and I'm just going to smooth out these areas a little bit. Are yeah, I think I scream is done. My strips of couldn't paper confetti. I'm not going to use this one. I don't like how that will came out. Um, I don't think I'm going to use this one either. And these did not have the effect that I thought they would. So I'm deleting those as well. This one, I think, can have a deeper Kravis. So I went over to the direct selectable I double clicked on the center anchor point and I'm just gonna pull it down, son. And now I'm going Teoh, click with that same point and, well, the handle down it. Okay, - Uh , thank you. Okay. And said I'm going back to Italy, Anchor point soul. I'm gonna delete the these points down here and make sure you zoom in and actually click an anchor or you'll get that error message that I got. And these were just dots that, um, became part of the border when I scanned it in. So when I click on this, of course it's grouped, So I'm going to right click and go toe on group, and that will allow me. It's you to lead all of these little marks that I don't no longer want here. I'm going to use a black brush tool to fill in this face in order to make the cupcake liner a different color from the top. So I'm going to increase its size so this doesn't take forever, and I use my touchpads and zoom in and out and to move the board around. But there are short cuts that you can use to zoom in and out. Over here, you can go to the zoom tool, which is Z on your keyboard. You can also use the hand school, which is H on your keyboard, in order to move the board around. But okay, so now we could fill this in with a different color, and I think that's it for the cupcake. Now let's go over to the ice cream cone, and I'll use the block brush tool to fill in these lines. It seems like a bit of work, but once you've done this, you can reuse thes images time and time again for any of your promotional materials. So it's worth it in the long run. I'll come back to the ice cream cone later to do more work here. So listen, I think we already worked on yummy. I recall correctly. So let's go down to Yum. Okay, But, man, I mean the direct selectable. Still. So I was able to select this one anchor point and they go up to convert, and this converts its who was smooth points. I'm going to finish the rest of these off screen so that you don't have to sit through the rest of this process way, have our suites ready, Teoh color and add to our backgrounds. 4. 4 Coloring Digital Drawings: So I'm just gonna go up the foul save and save the changes that I made. And so now I can color these, But first I'm going Teoh duplicate this layer. I'm just gonna pull it down to the at layer. I come and you see the little plus sign there and release. And a layer was made. So I'm going to close. Deactivate this first layer by clicking the eye here, so it's no longer there, so you can see here. Okay, so now we're just gonna work on layer one. And I'm just gonna Michael, this colored sweets. So convinced English the two. So I've chosen this color combination above to color in these items. And if you want, you can leave them black and white. I do that sometimes, but for these, I thought it would be fun. Teoh color each item. So I'm just gonna go in, um, and choose different colors. So for yummy. Probably used that purple there, um, for young. So I select the item and then I go over to the eyedropper tool, which is iron your keyboard. Click that and then I click on the color that I like to choose to call it that item and it comes out that color. So for sweets, I think I'll also choose this. Well, maybe I use a light pink. Yeah, - it can also press option If you want to use the same color you just use. So this light pink here, zoom in. You can see what with the eyedropper tool selected. I'm clicking on option or Alz and then clicking the object, and it makes it the same color as the last one that I selected. So that helps save time. Okay, a purple here in the foreground, and then I'm going to go over still alive. Paint bucket, tool e want this area to be this dark purple. So that's that. And I like that a lot better. So we're done with the cupcake. And now we're gonna move over to this little ice cream guy. E think I want mitt ice cream. So I'm gonna lock this by clicking command to that locks this. And so if I click on it, it won't even move. And I'm gonna go over to the block brush tool, and I'm going to trace this area here so that I can make this the color I wanted to be. Yeah, we're gonna go to all its command to in that reactivates this layer here. So I want to make the bottom layer. I think this page color. Yeah, that works. Actually, e think I want to fill that in. Okay, so I have the melted ice cream cone, and I think I need to put some chocolate chips on top. So I am going to go down here to this shape, notice and make the chocolate chips. So I'm going, Teoh, hover over the shape, hold down, option, and then click this shape and drag over. And that creates a duplicate. So I'm gonna drag this stupid head up here. I'm going. Teoh color it using the eyedropper tool. Make it this dark brown color. Think that's brown enough for a chocolate chip? Yes. And here I have to go to a range and bring to France. OK, but first, I'm going to make this a little smaller because that looks a little odd. Um, and then I'm gonna make another duplicate, and I'm going to make them different sizes so they look more realistic When objects were this small. Usually you have to act, select the the object and then press option and make the duplicate. But when they're this small, that's kind of hard to do unless you zoom in. So when they're this small and I'm not all the way zoomed in, I simply hover over them and it still works. Okay, so now I'm going to select this entire thing and get at group. I simply want to command G for that. And that's cool. I feel isn't wants and texture or something here. But I think I need to minimize the amount of time I'm spending on this. So I'm going to move on to this ice cream cone. Areas that are outlined in red are the areas that the live paint like until feet. So if I do, if I click it right now, it'll cause the entire object those subside area of the objects. It's her dark brown, which I don't want. So I'll go to commands you to change that, we have to zoom in more just to make sure you get this. The specific areas that you want colored. Okay, that's it. And so now that looks more like waffle cone to me and I'm going to color this upper portion . Um, you know what? I used to have bubble gum ice cream when I was little. That was my favorite. So I'm going to go back. Teoh, Actually, I'm going to click on this light peak, Go back to the live paint bucket tools you're in, and only color this one section. This pink color. Okay, so this side is connected to this base here, I'm going to have to go over to the lab brush tool and color this in. So there we have our bubble gum ice cream, and I'm gonna add little sparkles to our pieces of bubble gum. I should say so. I'm going to select this shape here and this one sliced selected this one by clicking it with the mouse. And then I go over to this one. Hover over it, Click shift on my keyboard, Click on the object Now I'll go down, Teoh Option. Hope that down. And you see, the white arrow appears a double Aargh! And I'm just gonna drag over. So that makes the duplicated those. And I'm just gonna drag these up. But thing 5. 5 Pattern Creation: Now we have all of our objects colored all over text colored, and we can make our pattern now. So I'm just going to select everything that's here. I'm going to click on it and then drag it into my pattern file that I already created. And it's significantly larger. So I'm just mind Teoh. Well, with everything selected, hold shift and size everything down. Yeah, I want Teoh cause the cupcake to lean in the opposite direction, so I'm going to transform, reflect, preview and reflected the cupcake based on its vertical axis. It's going to use what I have now and make copies of what's on the Left axis and what's on the top access. I'm gonna rubber band select everything, and that's running over the art board. So I'll copy command, see and then paste in the front command F and I'll go over to my transform palette if you if you're transformed, palate isn't on, can go to the window transform and it will show up for you, or you can go to shift F eight. So with this palette open of going to go to the X axis, which is right and the left and right accesses the X axis. So I'm going to add 200 pixels because I know that this board is 200 pixels by 200 pixels and it makes an exact duplicate on this side. So I'm gonna do the same of top. Select everything. Copy, command. See a student front command f You can also go to edit copy and edit Paste in front. Okay, so this is pasted on top, and I'm going to add 200 pixels to the Y axis now. Okay, so everything that's on this side is balanced was with what's on the opposite side. So, as you can see here, this portion of the cone is not on this art board. Then that means that it wouldn't show up in a pattern if we didn't add it to this ups aside . So whatever is off of the art board over here is added to the our board on this other side , which means we'll have a complete cone once we create the pattern. So now we're gonna fill in the center portion. So really, you just want to try to balance the image and we'll tweak it a bit more once we see how the pattern looks altogether. You know, we could just fill in the spots with confetti way. - Yeah . Okay. So now we want to test out our pattern. So first, I'm just gonna create ah, bounding box. So that illustrator will know which items I want to be considered the pattern. So to do that, I will create a rectangle that is 200 pixels by 200 pixels. That's okay. I'm going to go over to my line, Tool, make sure it's aligning Teoh the art board, and I'm going to select horizontal the line center and vertical Alliance center. Now, right, click this go to arrange and send to back, and I'm gonna choose. No feel no stroke. Okay? Select everything and groove it. And I'm gonna go over to my swatches panel and just drag it over into the swatches panel. And now I'm going to create another rectangle. Must make it 800 by 800 pixels, and we're going to feel this with our pattern. And this is how it looks pretty cool. Um, it looks a little Teoh. This the worst sweets right here. I think I need Thio added in another place so that it's not so obvious on the same holds true with this cupcake. I think I need to make it a little smaller because it seems to be swallowing up the rest of the pattern. But aside from that, I think that looks good and I think I'm going. Teoh make the background like a pink, maybe a little lighter than the lightest think that's that I have here just to give it a little color or maybe every like orange. Okay, so we go back to the drawing board. But this gives us an idea of what we might want to change or how we want it, how we might want it to look different. Okay, and so I'm going to make the cupcakes smaller, and I think it's the color that kind of makes a look larger. Then it really is because this ice cream cone is actually larger than the cupcake. But because it's a lighter color, you can't really till it's not like dominating the entire pattern in the same way that this cupcake is so first. I'm going to run group paddock on groups this, and I'm going to delete the bounding box so I'm going to delete this cupcake on the right side because I'm changing the size of the cupcake on the left side. So now I'm going to copy this again. Command C command. After pace in front, I'll go over to my transform panel and add 200 pixels to the X axis. And there was one more thing. Okay, the word sweets as well. I think that was pretty obvious. Yes. So I need to add this word in another position. That kind of offsets what you see right now. So let's see. Okay, that looks a little more balanced. We'll see. So I'm going to create the background now. 200 by 200 pixel rectangle. I am going Teoh, line it to the art board and I'm going to select this yellow. I think that's gonna be too right, But we'll say so. I'm going to, right click this transfer. Arrange center back. And yet that's a little too dark of a yellows. I like this color a little better. I still think it might be a little too saturated, though. Let's test this color out and see how that works. So with this rectangle, the background color selected. I'm going to copy command, see a pasting back command be and then change the fields and none. Select everything G to group it. Make sure my swatches panel is open. Drag this into this watches panel, and then let's test this out again. Okay, Cool. So I like this a lot better. 6. 6 Suggestions for Use: There are many different ways that you can use your seamless repeat pattern. You can put your design on note cards. You can have fabric printed through places like art of wear dot com or spoon flour you can have imprinted on your print on demand product like the repent ful dot com or print are, uh, there are a lot of print on demand companies that offer services that allow you to bring your own designs on different products, like phone cases and pillow covers and things like that. Um, you can also create social media graphic backgrounds with it, and that's what I'm going to show you now. So this is just one application, a very many different options that you have. But I just wanted to show you at least one way that you can use your a pattern in a practical manner to start, open up a new document in Adobe Illustrator and select the board size that you prefer for your Pinterest graphics. I'm gonna choose RGB color mode, and I'm gonna keep it at 150 p p. I For now, that's just a personal preference. If you want to use 72 pp. I That's fine as well. And when you click OK, ok, so here is our board for the interest graphic and in order, Teoh, use our pattern. What I'm going to do is go over Teoh. The rectangle tool beat a rectangle that is the same with and height as my art board. And I'm going to go over to online, make sure lines to the art board, article aligned sensor and horizontal lines center. Now I'm going to feel this rectangle with my pattern. So since I've saved my swatches already, you can see that my swatches not here. These air, the defaults, watches. I saved my swash, though in my library it's going to go down to user defined instagram pattern would be and it pops up. And this is the patterns. I'm going to click that because the rectangle is selected, it will feel with the pattern. So I think I want to make this scale this up a bit. So I'm going to go to transforms scale. Make sure preview was checked, but unchecked transform objects and it was already 300% was already added in here. So that's why this automatically changed to that percentage. And actually, it looks pretty good. I might make it a little smaller, so I'm going Teoh, type in 275% and see how that looks. And I think I'll go to 250% on that looks. Okay, so one of the ways that I moved my pattern is to make sure it's elected. Hold down the accent. Grob Key, which is located on the upper portion of your keyboard. It's usually right before the number one key. So I hold that down and then I used my air rose to move the pattern over. And if you want to change the rate at which you move your patterns, you can go up. Teoh, Illustrator practices General in here, the keyboard increments. You can set these to your liking, So if it's not moving quick enough, then you can increase the increments and it will move more pixels at a time. If you wanted to move slower, you just decrease the fixes here and then Okay. Okay. So I like how this looks so far. So I am going, Teoh just create a pretty basic mantras graphics. So I'm gonna create another rectangle. This time I'll make it 600 pixels wide by 1200 pixels. Law, the fill color. I'm not too sure that I want this to be the bill color. So I'm gonna pull this a little closer and I'm going to select the new rectangle, use my eyedropper tool and see if a different feel color might work. I think that is actually better. It's not as over bearing s the Ottoman. So I'll go back over here and paste, maestro color and again, increased point sides of the stroke to about seven. And I think that looks good design that I've settled on and you would save it the same way with the other files by going to export as in this selecting P and G or J. 7. 7 In Closing: thank you for completing this class. I hope it helped reinforce your pattern design skills or maybe even learn something new about the process. I'm happy to help. So if you have any questions, please leave them in the discussion section below. And don't forget to post your project with your drawings and final pattern. Thanks again. And I hope you join me in another class.