How to Create Repeat Watercolor Patterns In Adobe Illustrator

1. Introduction: Hello there and welcome to how to create repeat watercolor patterns. My name is Sandra I. D. And I'm an illustrator in a surface pattern designer. I use a combination of digital and watercolor painting to create artwork in a variety of markets. And this class, I'll show you how you can combine your watercolor paintings with Adobe Illustrator to create seamlessly repeating patterns. I'll take you step by step from watercolor techniques. Fact arising coloring, creating three different types of patterns and finally, to a bonus Photoshopped mock up lesson. By the end of this course, you'll have the skills you need to create your own water color patterns. So let's get started. See you in class. 2. Class Materials: and this class will be using really watercolor paintings to create our elements. Adobe Illustrator to create our patterns and photo shopped for our bonus mock up lesson. I'll also be sharing with you. A few free resource is to help you as you progress through the lessons and the project. In Resource is Tab, you'll find an adobe illustrator. Quick reference she for Mac and PC users. You'll also find a practice scan of watercolor elements and an adobe illustrator file with watercolor elements already vector rised. Feel free to follow along with the lessons by using these. Resource is, if you do not have scans are elements of your own T use. You'll also find a bonus. Photoshopped mock up files to mock up your final pattern in the bonus mock up lesson. I hope that these come in handy for you, so let's get started. 3. Class Project: for the class project will create a repeat watercolor pattern using riel watercolors and Adobe Illustrator. I encourage you to share your process from watercolor painting pattern creation and finally mocking up your pattern. Make sure to upload your project in the project and resource is tab so that everyone can see what you create. 4. Finding Inspiration: finding inspiration for a pattern or a collection of patterns was all about gathering ideas from the world around you. When I want to create patterns with a theme of flowers or plants in mind, I like to walk around my neighborhood and take pictures and even takes a Molise, flowers, leaves and twigs home. I confined ideas and themes, term books, clothing and movies. I try to think of things I like. You would want to spend time painting and creating from when I want to create something that I can't easily walk and see. I'll search for images on Google or Pinterest. These are great sources for inspiration. As you gather inspiration for your own patterns. Try to think of things you really enjoy and want to learn about the pattern. Topics can be simple, like roses, cats, pizza or more complex like a theme, such as a holiday love or cooking after you pick your topic, then it's time to gather more ideas and information about it. Dive into creating 5. Watercolor Process: Let's dive into our water color process. You can use a pallet tubes or ink watercolors and any watercolor paper. Use whatever you have available to you for this demonstration. I'm going to be using my Windsor and Newton two paints and strap more cold press watercolor paper. I'm going to show you a few examples of the watercolor elements I've created for patterns. You'll notice that I use only one color per page. This makes a vector rising process easier and illustrator, and we can always change the colors later on song going to start painting my watercolor elements, I've decided to paint two sheets of elements floral elements and pink, and then I'll paint leaves in green on a new sheet of paper. The colors you decide to use first are not totally important because we can recover the elements later on. However, it is important to pick colors that will scan clearly into your computer, so I like to choose darker colors. An important thing to remember is to try and create texture and a variety of shades as you paint, so this means for each watercolor element, you'll try to have some light and dark areas this will help in maintaining that unique watercolor look. Another thing to keep in mind is that it's easier to paint elements as individual things first, such as a pedal, a flower but stunned and a leaf. And then, after re vector eyes and color them in, illustrator will put the pieces together and create motifs for our pattern. So if you would like to make a more detailed object, just make sure you're breaking the object up into elements. So it's easier to play around with an illustrator as we move on to affect your eye, sees an illustrator. We won't be able to keep all of the intricate details that natural water colors have, but by vector rising them will be creating something that can be scaled up and down and size as needed. This can be super useful if you're creating patterns or designs to sell or license. Another tip for maintaining a lot of detail is by creating large watercolor elements. So instead of making a lot of small elements, as I did hear, maybe make two or three larger elements with more details to scan in. Some more tips include using breath brushes or gritty brushes to create more variety and textures. You can also play with amount of painting use and the thickness of the paint. My favorite part of pattern making is this element making process. You can be so creative and have so much freedom to make whatever you like as you prepare your own watercolor elements for the class project. Try and think of something you really love and then just play around with the Massey paint . Now that I've fracked up, my painting will move on to the next step. See you in the next section. 6. Scanning: all right, so let's move forward with scanning our watercolor elements onto our computers. If you don't have a scanner, you can always try taking a really clear photo with your cell phone. Or you can try downloading a skinner up that is available on your devices, such as genius scan, Adobe Scan or scanner App. Make sure that you read the fine print and see if there are any fees associated with them. But a lot of times I know that people have good results with scanning in from scanner APS. If you do have your own Skinner than let's move forward. So I've opened up my HP easy scan. I want Teoh click on documents with color because I'm scanning in with full color. I also want to check my settings and make sure that my resolution is set to at least 300. You can set it higher if you'd like even more quality 300 is a really good standard, so if you do have settings you can play with, go ahead and check those. I'm gonna press done and I'm going to scan in my first watercolor page. All right, that looks good. So I'm going to skin in my second watercolor page, and now I'm noticing that my second watercolor pages showing up really lightly, and I'm going to end up having Teoh edit the levels of colors on this one. What I do when my watercolors are but to light is I send them into photo shop and then I play around with the levels in the contrast. So I'm gonna go ahead and do that, Um, after I clean these up here, So what my Skinner allows me to do there is this black background I'm going to click on at it Crop and then it's gonna allow me to crop this. That just makes it simpler. We don't wanna have any extra colors when we import these into illustrator. So this black wool that black will end up showing up as a color. So it's just best to crop it out now and then what? Just have some adjustments that I can make your So let me see if I can. I don't like that. It might be a little play around. I'm just not loving the basic settings that the scanner groups me. So it's just easier for me to do it in photo shop. But a lot of times your scanner will provide you some options when things scan in too lightly. Something I should have done was kept in mind that my green shows up pretty lightly as I paint. So I should have probably used a darker green or a different color. Try and make sure cut off anything important, Preston. So these are my two scans. I'm not going to send them to my documents folder, my downloads folder. I'm just going to call them floral elements, and I want to save these as a J. Peck. So go ahead and save them as a J. Peck and use the best quality that is available. All right, so that's done, and I will see you in the next section. 7. Vectorizing: Now we're ready to image. Trace or vector eyes are watercolor elements. What image tracing does is it takes a raster image and turns it into a vector rised image, which means it's changing from pixel based to mathematical paths. The advantage of using a vector rised image over raster images is that you can scale them easily and size without losing any quality. Adobe Illustrator is a vector based program. So when working on patterns and illustrator will want to vector eyes are elements going to go ahead and show you my original watercolor file, which is Raster based. But I'm going Teoh do is zoom in and show you that you'll see that it looks a little bit blurry. There is all of those little pixels rat make up the image. So I went ahead and image traced it, and now it is all vectors. So if we take a look, there are no longer any small pixels. These are now created using mathematical vector paths. All right, so now I'm going to go ahead and show you how to image trace your watercolor elements. The first thing that we're going to do is place are elements into Adobe Illustrator. You can either go to file place or press shift Command p going Teoh shift in, click my elements and then drop them in. So what you want to do is go to window, go all the way down to Image Trace, and it's going to pop out this image trace box. I'm going, Teoh, make sure that my images selected. We're gonna go ahead and show you the settings that I use for my watercolor elements. So for view used tracing a result for mode we're going these color for palate we're going to use limited for the colors as a preset. I use six, but I move it up and down, depending on how they end up looking. Now, if it doesn't show you, you can click on advanced. It'll show you pads, corners and noise. These all changed the smoothness, the texture that darkness were the thickness of the elements. What I set my not is paths 94% corners 75% and noise, 1% thes three and amount of colors are all going to be dependent on the way that you paint and the way you want your final elements to look when you image, trace them, so I do play around with the percentages and amount of colors for every time that I image trace. So keep that in mind, as you are image tricks in your own that you will need to tweak it. You look the way that you want and down here. Method one. You don't have to touch anything here For options. Make sure snap curves, tow lines is selected and ignore. White is selected. Ignore White means that if your background color is white, which my background color of my elements is white, it's going to ignore that during image trace and remove the background. We're going to go ahead, and I'm going to image Tracy at Six Colors and see if I like it. All right, so I've image Tracy's. Now, if you'll notice down here, it's going to show you how Maney pads thought the elements are made up of and how many anchor point. So the pads are going to be the individual lines and curves that the element is made up of , and the anchor points are going to be the little points between each of those pads and colors that shows five. Even though I've used six colors, the reason it shows five is because it's counting that background white color as one of the colors. But because we pressed ignore white, it's just going to end up deleting it. So keep that in mind as you're using colors. If you are ignoring the white of the background, you'll see that even if you type in 678 year, it's going to show one less so that it accounts for that background color. And when you're tracing your own elements, just make sure to play around with the way that more or less colors look. I'm going to keep mine at six colors, and by that I mean the five colors. And now, to finish this image trace. I'm going to go up here. You'll see this tool bar up here. There's a button that says Expand, Going to click it Now I have expanded it, and they are now in vector files. You'll see, though, that as I move them around, they're all still attached. I'm going to show you in a second how we can ungroomed all of them and then group them individually and I will do that right after I image trace my flowers. Okay, I'm going to go back to my watercolor preset. I'm happy with the way that those look as well, so I'm going to go ahead and press expand. I'm going. Teoh, select this rectangle of elements going to right click, and then I'm going to ungroomed. That means that all of these elements are going to be separate. But be careful because even the elements inside of the elements are going to be separate. So let's say I try to move that one. It is now moved, and I've messed it up. Gonna just go to edit, undo that move, find the lasso tool, and if you if you don't have it over there, you can press Q and you'll see it. You can just draw lines and it lasts is around whatever you like. If you I don't want to use Q and you don't see it up here, you can press at a toolbar and then find the lasso tool here and then just drag and drop it in. So let's say you don't have anything around it, and you can just use your selection tool and then just grab it like that. Okay? So pick whichever tool you want. Either the selection tool and grab it or the lasso tool. And we're going. Teoh, grab our element. Now it's highlighted. I'll show you really up close. It has all these little blue squares around it. The shows me that olive, this element has been grabbed. What I'm going to do now is press command G, which means that it has been grouped together. We'll show you on this one gonna grab my lasso tool circle around it. Now they're all blue. This means that's been selected. I'm going Teoh, right Click and press group. And then you can't really grab it again with the lasso tool. So then you can either pressed a selection tool or you compress the letter V for the selection tool so it shows you hear the command for it is V c Impress fee. Grab it and then move it away and then move on to your next one. So I'm going Teoh last. So it's blue. You can either right click press group or you can press command G. And then you can press the selection tool to click it or you compress the letter V and then drag it away. So these are the ones that are done. I'm gonna say it one more time, and then I'm going to speed it up and do the rest. So either grab your selection tool, make a little square around it, or grab your lost so tool on the last. So the element Now all of the blue ones are selected. You can either right click press group or you can press command G if you're on a Mac and then we compress the selection tool or you can press V, grab it and done okay, said Those are my finished grouped effect arised elements. And then all of these bad boys need to get grouped. And then one more time. When I move on to this one what your first dio is, you'll right click select ungroomed. That way you can go back in last so it and then group it so you can group each element individually. Let's say accidentally, maybe, like do this, and you forgot to put that part. These are blue, but this one isn't. That means that when you group it, it's not going to be grouped together, so make sure that you are grouping all of them together so that they're all blue. Another thing that I want to talk about is that let's say you are grouping these and you notice that there is some little extra part when you show you there's a little part that you don't want, but it's in your little motif area. Go back to it. So it's a little speck right here. I lost it. Okay, there it is. So what you can do is click on this the element, and then try to zoom in on that little part. You can just grab it by clicking it, and then all you have to do is press delete and it's gone. So whenever you have little parts that you don't want, you can delete it. Or if there's an element that you don't want, you just grab it and delete it. Arts. I'm going Teoh, speed up the video. You can watch me finish grouping all of the's, and then I will see you in the next lesson. 8. Coloring Elements: Now we're ready to start coloring our elements. There are a few ways we can color an illustrator. I'm going to show you the process that I used to make color palettes and how I recover my watercolor elements easily. The first thing that I did was I grabbed the watercolor elements that I want to play with and use for my pattern. So I didn't choose all of my elements. I've just chosen a few that I really like. If I Zuman, you'll see that there are a bunch of different shades of colors here. So this is how we can get a better look at the colors that we are starting with. Go over to the color swatch panel. I can press this little folder Button says New Color Group can say floral original, and my color swatches are right there. So I'm gonna do the same thing with my leaves. I'm going to click on one of them, press a little folder saying new color group correctional Leaks, and now my leaves Color palette is right Paris ball. I'm gonna show you how you can also drag it onto the screen so that you can get a better. Look, you can either press the rectangle tool or you can use the letter m press the shift key so that you get a perfect square. And then we're gonna do that again. We're going, Teoh, drag the square, press the option key and then release it Drug the square press option key release. And then you press command d to copy that action. You just it. I'm just going to make five. And then the way that I'll copy these colors over is this one is already the lightest color . Gonna grab the next color, the next color, the next color and then the darkest color. I'm also going to do that for the flowers, so I'm gonna go ahead and drag and select all of the's squares, going to drag it over here so that I can copy the squares and then re color them. I'm gonna press the option key and then release my mouse so they're copied. Now, I'm just gonna grab these colors over here, and I actually really like these colors, but I'm also going to show you how we can make our own color palettes and then re color thes elements. So Let's talk about making color palette. What I went ahead and did was I grabbed a picture of myself and my husband and I'm going Teoh. Why ready did I pulled some colors that I liked out of the flowers and the trees. What you can do is you can take pictures and nature or get inspiration off Pinterest. Find some scenery, some flowers, some nature that you really love on. Take some pictures of it and then see what colors he could grab from it. That's going to make your color palette really unique and inspired by things that you're seeing in your daily life. Let me show you how you can pull colors from a picture. And the way we grab picture was the same as when we were importing our watercolor elements . But you can do is you go file place, grab your picture, or you can go shift command P and then grab your picture. Now make a duplicate of this to grab a palette of green from my picture. So what I'm gonna do is click on that first square. I'm going to press the I button and that is the eyedropper tool. You can find it over here. It looks like a little eyedropper tool. Or you could press the letter I and then you're gonna go over here and select a color. You're just gonna go over here with that eyedropper tool and click on your mouse? Think I like that one going to click the next one and then kind of play around until I find a color And then I keep doing it until I find shades that I like. And then I fixed them and it You'll notice that the Grady int goes from light to dark, but just kind of blends really smoothly. So these air the colors that I'm starting with, and I'm gonna play around with them until I figure out what I like. And the way that I do that. I know that there are more technical ways. Teoh change colors and make like a greedy in of colors. But I just do it really old school. And so let's say I want to change this one. So I click the one I want to change. If you go over here, you'll see. But this is the fill color. And then there is this little circle where it is. I'm just gonna drag it around. It shows me the original color, and then it shows me the color I'm changing it to and drag it around until I see something different. I think I'm gonna play with these two and try Teoh, get a good ingredient. Let me dark in this one. So I double clicked. I'm just gonna dark in it a little bit press, OK, That's not bad. I'm gonna duplicate it and then make it just a tad bit darker and then maybe duplicate this one and then make it a little bit lighter, so it kind of meats in the middle. What I'm gonna do now is actually not drag both of these up. I'm gonna show you how we can re color some leaves and then I'll show you how to re color some flowers. Now I have this new color palette that I want to use and you'll see that I went from light to dark to keep with that watercolor feeling. So what I'm going to do now is drag my cursor over all of these new colors and then I'm going to go down here. Press that folder new color group again. This is going to be new leaves gonna press. Okay, Now I have this new water color palette to play with. I'm going to grab one of my leaves. So grab this one. I'm gonna make a duplicate of it so I can look at the difference. I'm gonna press option, and that duplicated it. So I'm going to change this one and use this color palette. So go ahead and click on the element that you want every color. You'll notice that when you click on it up here, this little new color wheel has appeared. Sofiane click. It's gone. If you click on it, it reappears. It's called re color. Artwork. When I'm going to do now is click on re color artwork and it brings up this whole new place that you can play with colors. So when you first go, go on here, it shows you the colors that you're already working with, and it shows you the color groups, those new color group folders that were in your color swatch panel. So new leaves. This is the one that I just created. If I go ahead and click on it, it changes all the colors and you'll see that the colors are kind of and mismatch. They're not in the right place. And the reason why if we go back down and look, you'll see that there is this Grady int right here. It goes from light to dark. This one when it got thrown in, it went all wonky. So I'm gonna drag and Shri align these. No, I'm going to click on my element. I'm going to click on re color artwork and then you'll see that it's in a normal ingredient . Now, Now, the way that I can recall, er, these is all I have to do is click on new leaves and it re colored it. So I'm going to Chris. Well, I'm gonna press, okay, and then we're going to just take a look at them, and then I'm gonna show you how you can change things around. That's the simple way to re color it. You find the greedy you want to work with and you click it and you press three color and done. Now let's say you want to move things around, move some colors around, Let's go around to my flower. I'm going to. Now go over here. I'm gonna press the option key and duplicate the flower because I'm going to be using this purple color palette to recover it now. So go ahead and select. I'm gonna press that new color group Purple Flower. I'm gonna press. Okay, are now my color group is in there and you'll see now my darks air here and my lights or here. So I want to swap them around just so that they remain the same right when I mix it up. Okay, so I'm gonna click my element. I'm going. Teoh, click on the re color artwork. It's going to show me the color Ceta already is at. And now I'm going to click on my purple flower color palette. Let's see if I want Teoh, keep it the way it is. I would just press okay and then allow the changes to be made. Let's say that I want to kind of move thes around and see what it would look like. You can either press randomly change color order. So it's down here. You'll see these little arrows. So I'm gonna go ahead and click it, and it's going Teoh randomly swap these around, Click it again. Click it again. You'll see. It will just keep switching them around. I can also do this myself by dragging so I can drag this. Drop it here, drag it and drop, drag and drop, drag and drop. And until I see something I like. So I like the way that this looks. I'm going to press, OK, save changes, Chief Swatch Group, Purple Flower and I'm actually gonna say no, but that's because it doesn't move these around. It just changes this. Let's say that you click it and then you press on this and you say, Oh, no, I don't want to do that. Just press, cancel, cancel. And then it didn't move it. Let me show you another thing that you can dio. So I have this huge color parlor right here. I didn't make ingredient. I just have this big color palette. Let me grab this. It just has three colors. And let's say I just want to play around with a random color. So I have this neutral color palette just gonna click it and it only has three color. So what it does is this going to cycle through all of these colors randomly. What I'll do is I'll press randomly change color order, and it's just gonna grab random colors and change it. So that's another thing that you can dio. If you just have a color palette you want to play with, you can go ahead and do that. We're gonna press cancel because I don't want to save that. And you can also re color things at the same time. So multiple things at the same time. Let's say I want to change this thes three. You can press shift and click on all of them, or you can drag and select all of them. Now press the re color artwork tool and you'll see this one, even though some of them aren't all five colors like this lighter. One only grabbed three colors. It's still going to change for what? The the largest number of colors. Waas. So let's say I want to change it to Purple Flower, just going to click that, see what it looks like. And then it changed all of them. And if I wanted randomly changed the color order, I'll just click that and browse through it or drag and drop fees until it's something that I like una press cancel. All right, So then what I would end up doing is I would pick the color palettes that I want to use. And then I would go in and individually change all of my leaves and my floral elements or any of my elements that I want to re color. I would go ahead and re color them. All right, So I'm going to go ahead and finish re coloring all of my elements. I'm going to go ahead and speed up the rest of this video, and I will meet you at the next lesson. 9. Motif Building: Now we're ready to start putting these elements together into more complex motifs. So we're going to be building the flowers with leaves and stems and getting them all prepped for when you make our patterns on. This lesson will cover rotating, re sizing grouping arranging in reflecting the elements. The first thing that I'll show you how to do is rotate, so let's see these two flowers right here say that I would like to rotate this flower. I can either come up to this corner and wait for my cursor to turn into a little double sided arrow and click and drag in rotating. I can also click on the element. Go for here, too, this one. Sometimes it shows the rotate tool, so it's going to have a circle in a narrow. Sometimes it has a few others in there, so you can look for the rotate tool, click on it and then drag and rotate it. How you like or you can use the letter R to rotate. Another thing that you can do is when you are on the rotate tool, you can throw down a little the rotate center point and then rotate that motif around that center point. I did that by accident. But it's good to know that if you accidentally click and then rotate, it's gonna end up doing that so you can rotate thes Harvey like I think it's really just simple to just grab the corner and rotate. Hm. Remember that I'm zooming in and out by pressing command on the minus keyword command and the plus key. Okay, so let's also talk about re sizing. Ah, one way that you can resize it is if you put your cursor on the corner, you'll see that you can click and drag it. What you'll have to do is press the shift key to make sure that the dimensions stay in the proper ratio. So I'm gonna click and drag it estate perfectly in shape. I'll show you what happens if I don't use the shift key. It's gonna get all wonky weird. You don't want to do that, So I'm gonna undo that. Another thing that you can dio. So what we did is re size or scale it. You can also right click on it, go to transform click on scale, and then you can choose a percentage that you'd like it to scale too. So that was 300. Get back down to 100. You can make it smaller. Go to 50. I'm going to also grab a leaf and to group it together. Let me grab this leave. And I wanted to be bigger. So I'm going. Teoh, drag that corner, press the shift key and scale it up. But I don't want my leaf on top of for my flower. So when the zoom in and show you guys, I want the leaf to be behind it. So there are two things you can do. You can click on the lease, right click, Go down, Teoh, arrange and send to you back. Now it's behind it. Another thing that I could have done is click on the flower, right click, go to arrange and bring to French. There are a few other options you can also play around with. Bring forward son backwards. It depends on the situation and how many layers of elements that you have going on. But that's how you can move those around. So I think that looks okay. I might play around with a few more options and see what I like or I might even do this one . I'm going to drag and scale it. And because I already said that the flower could be to the front. It's already showing up in the front. I like the way that looks, but there is some belief showing what you can dio assuming I'm going to isolate this by. So if I double click on it, I've isolated now the whole element and my background flower. The flower that's on top is not going to be affected by this, So I'm going to make sure that I have all of it selected. I'm going to go to my eraser tool and size it up by pressing the bracket. Or you can size it up by double clicking on the research tool. None during that. I'm just going to do a really simple thing and just erase the party. Don't want shown. So that's kind of my cheat way of doing it. But I didn't get all of it, so I'm going to double click again, select all of it, go back to my eraser and then submit that off. Now I have this far with three leaves. I like the way that it looks before I group these together, I'm going to drag this over and make a duplicate just in case I want to use this flour for something else. So the way that I'll group these together, you can either click on one element and then press shift and click on the second element right Click Press group. Or you could select all of it. Right? Click and press group or command G. So now let's scrap one of thes flowers. I'm going, Teoh, get the corner press shift and scale it up. I want to put a stem on it. So I'm gonna grab this stem. I'm going to rotate it so you can either go kind of near that corner until you see those arrows and a rotated. Or you can use that rotate tool right there, grab the corners shift to make it larger. And I like this stem with that. But it's a little off. I feel like it needs to be reflected. So what I'm going to do is look for that reflect tool. So I just great clicked, went down to reflect, and I'm going Teoh, click and then hold it in place to and really swear I want it to be. So now that looks a bit more like how I wanted it to, and I like the placement of that. I'm going to select them both, or you can shift and click both. And then you can either command G to group them or press the group button. So the reason we want a group thes together it's so that they're easier to move around. You don't lose the mo chief Sekar creating, and if you ever need to still go back in and re color them, you can still do that. All right, so let's do another reflection. So let's say I have thes Teoh and I want to reflect them. So the reason that you might want to reflect hm is that when you're creating patterns, if you reflect them, it's going to give you more variety to work with. Let's grab this one. We can go back to the reflect chul and the reflect Jewel is letter. Oh, so I find press Oh, in the press. Oh, and then I can just reflected the opposite way. Let's say you want to keep both before I really sit. I'm gonna press the option key and then release my click but continue to hold the option key. So now I can release option key because it's copied the reflection. I'm going to do that one more time with this flower, a way to click on the flower can oppress the reflection key. I'm going, Teoh, click and drag. And before I release the click, I'm gonna press the option key to copy it. I'm going to continue to hold the option key and release my mouth's. And now it's copied it. Now I can hold the option key. And now I can drag over my reflected flower. I said now I have some reflected elements. I'm going. Teoh, rotate this stem, impress our or go to that corner Getting skillet up. Press a shift key when you scale these up. So these ones I grouped together because they were so small I'm gonna ungroomed hm and then go ahead in group um individually psych in claim with them. What I did was I took the last. So tool went around them. Used command, cheetah group them The suction told him. Moved. Thumb Command G group. All right, so Let's arrange these to the front. Gonna look at what that looks like If all of these air on there and then maybe changed the scale a little bit and then rotate it a little bit because I don't want them touching. Okay, So I do actually like the way that that looks. I'm going to select all of hm and grouped. Hm. And then now I'm going to reflect this one. So go ahead and click. Reflect and click and drag until it's in a spot. It'll just keep going around and around until you stop moving your mouse and I'm gonna press the option key to copy it. I'm going to release my mouse and then I'm gonna release option key. Go back to my selection tool and I have too little floral motifs. Okay, so we covered rotating. We covered re sizing. You press the shift key to scale it. We covered grouping. Save me these command G, or you can right click and press group. You can also do that to ungroomed pit. So if you like to one group those you can press that and it'll release it. We covered arranging. So sending some things to back, sending them to the front and reflecting them. All right, so I'm going to go ahead and arrange a few more motifs, and I will see you in the next lesson. 10. Full Drop Pattern: Let's get started by looking at a full drop. Repeat. The three peat is created in a square or a rectangle by stocking the elements in a grid. So the purpose is to have a very obvious repeat where the elements are mostly or totally in line. You can use the same element for each or change it up like I did for the demonstration. I'm going to show you how to create a full drop. Repeat using the same motif. Something to keep in mind about repeats is an order for a pattern to be seamless. The elements have to repeat exactly on all four sides. So if we take a look at this full drop, repeat that I've done here. The right side is the exact same as the left side, and the top is the exact same as the bottom. And the way I did this was that I created this side, and then I repeated it over here by the exact dimensions, and I did the same with the top and the bottom. So that's what we're going to learn how to do in this lesson. The first thing that will want to do is create our square or rectangle bounding box. So that's like this green square back here. The way that we can do that is we can either press m or find the rectangle tool in the toolbox. Click one time on the screen so that it pulls up the rectangles, dimensions. I'm going to make my square 600 by 600 pixels and whatever size you make your rectangle or square, make sure that you keep in mind the exact numbers because well will need them later on. As we grab our elements and repeat them over, I'm gonna press, OK? And now I have a square here. I have already picked the color. I picked a light green. The way that you can re color the square is you can click on it and then pick a color over here. Or you can put a cursor over here and grab a random color. Or if you had a palette already that you wanted to use from, you can grab it. I'm going to go ahead and press the I button, which is I dropped her tool and then grab that green again. Now, as we make our repeating pattern, we don't want the box to move. I'm going to press command to and that's going to lock my box. If you don't have that command on your keyboard, you can instead click on your box, go to object, and then press lock toe, lock it in place. And you can do that with any element that you ever want to lock toe. Unlock it. All you have to do is go to object and unlock all. And it's going to unlock everything, even if you only wanted one thing to be unlocked. So now we have our background box created. I'm going to grab the flower that I'm going to show you how to create a full drop with the flowers behind the box. So I'm going to click on it, right click, go to arrange and bring it to front. And I'm going Teoh, go to the corner, press shift and scale up my flower just a little bit. Okay, so now I've chosen where I want my first flower to be. You'll see that it is reaching over the top and the side. That means that this exact side will need to repeat over here and this top will need to repeat down here, so I'll show you how to do that. Go ahead and click the element. Going to right. Click go to transform and press move. Horizontal means that you're moving the element from side to side. Vertical means you're moving the element up and down. This is where it's important to remember what you've set your box at. What you what dimensions you've said it at. I set mine at 600 by 600 to be simple, so I wanted to be moved over to the side. I'm going Teoh Goto horizontal and type in 600. I'm going. Teoh, make sure that that gets adjusted. So now it's going to show me the position. Horizontal 600 distance 600. I want my options to be checked, transform objects, transformed patterns. And then this button here will show you the preview. So it showed me where my flower waas, and it's going to show me where my flower will be. I'm going to press the copy button so that it keeps my flower in place where originally was and then also copies it over to where I needed to be repeated. So I'm going to press copy. And now I have it in place. Just like I made my full drop down here. I want a flower in the middle. I'm gonna show you how I'm going to do that by using the flower I just placed. So I'm gonna click on the flower. I'm gonna go to transform, move. And then instead of 600 I'm going to go negative 300. So it shows me where my flower waas, and then it shows me where my flower will be moved. I'm gonna press copy. And now I have my three flowers perfectly in place. Now I need everything above to be seamlessly repeated below. What I did was I'm going to drag my selection tool and highlight all of the flowers. Gonna right click, Go to transform and move. Now I'm going to make sure my horizontal is at zero and vertical, which will be up and down. It's going to be at 600. I'm gonna show you what it looks like with my preview. There is the ones above and the ones below. I'm going to press copy. And now what I want to do is either take the top three or the bottom three and put them exactly in the middle of this pattern. So I'll show you how I can do that. I'm going to click and drag over these bottom three. Right click, Go to transform! Move. And because I want them exactly halfway up. I know that my square is 600 by 600. And to go up, we need Teoh make horizontal zero and half of 600 is 300. But because I'm going up, I need Teoh put a negative. So negative 300 or now I'm going Teoh preview. So that's going to allow it to be exactly halfway. So I'm going to copy that. And if you were to use the top three, just remember that instead when you're moving, you would take away the negative and just to make it 300. All right. So now I have the basis of my full drop. Repeat. I have all the elements where I need them to be. Now it's time to create the threepeat. What we're going to do is remember that we locked our background box, so I'm going to go to object. I look all and Now you'll see. I'm going to human so you get a really good look. You'll see that there is this blue now around my green square. What I need to do is to copy this square, send the copy behind it, and then I'm going to change that square. What I do is either let's say you accidentally unclipped Just go ahead and click the background square again. We want to copy it. I can either press command, see to copy it or you can click it and press at it. Copy. Now we want Teoh. Place the copied square behind this square so I can either press command be to place it behind or you can go to edit paced in back. Make sure do not click anything else The blue is highlighting. That's where that you've just placed and we're going to go and look over here. Over here it's showing us that the square that we have just copied in placed his green. We want to make sure that the square we've copied in place has no color, no fill. The way to do that is to go down here to these three and click on the one that says in none sin out, showing me that it has no color and no outline. The square behind it is a is a blank, clear, bounding box. We don't want it to move at all. It needs to be perfectly in place. So be really careful. And now we can create the repeat. So what you do is use your selection tool, select the entire repeat. We're going, Teoh, drag it and drag it into the swatches panel. So I'm going to drag it over here where I see there's some room and then I'm going to show you the repeat. I'm gonna go back to the wreck shingle tool and I'm going to just draw a square, and it's blanket has no color and no outline. I'm going to go over and click on the repeat pattern we just made. And so this is the repeat we made. And to get a better look at it, I'm going to click on it and I'm going to recent re scale it so I can click on it, go to transform scale, and then I'm just going Teoh re scale it so you can look at it. You can make the scale bigger or smaller. All right, so that is how to create a really basic full drop. Repeat, remember that you can use different elements If you'd like to create variety and give your repeats more interesting. Look, I will see you in the next lesson. 11. Half Drop Pattern: and this lesson will cover how to make 1/2 drop. Repeat. So in the last lesson we saw how to create a full drop and 1/2 drop means that the elements are stocked in a column and then dropped by half in the row beside it. So if you take a look at to the three peat, you'll see that my two flowers on the site are repeated on this side and above is repeated below. The only thing different is that this flower in the middle husband dropped halfway, and then when you see it in the repeat, it creates this really lovely repeating pattern. The first thing that I want to do is create my background books, so either press em for a rectangle or go over here and grab the rectangle tool. Just click one time on the screen and then choose the dimensions of your background box and make sure to keep those dimensions in mind as well need them. When we re create a pattern, I'm going to make my square 600 by 600 I'm going to press OK and to accidentally grabbed my repeating pattern so I actually want to press the eyedropper tool. So I'm gonna press I or you can go over here and grab the eyedropper tool. I'm going to grab this background color and then I'm going Teoh, click on my box and lock it. I'm going to press command too. Or you can click on your box, go to object and press luck. So for this, I'm going. Teoh, make 1/2 drop. Repeat, with this leaf, I'm going to make sure my leaf is in front of the box. So I'm going to click on my leaf. Right click, Go to arrange, bring it to the front. Going to drag the corner, press the shift key to scale up. So I've chosen to put my leaf in the corner here. It might make it a little bit bigger. What I'm going to do is we We want the leaf to repeat on this side. Hello. And then have one that's dropped halfway in the middle. So I'm going to click on my leaf. I'm going Teoh, Right Click, Go to transform, move and then horizontal brings a side to side. Vertical brings it up and down. So what I want to do is remember that my square is 600 by 600. I wanted to move over by 600 some green, a type in 600. I'm going to put zero here for vertical. And then if I press preview, you'll see it's going to repeat over there going to press coffee and now my life is copied . Now what I want to do is select both of the leaves. And I can either use my selection tool to grab both of them or I can click on it, press shift and then click on my second leaf. I'm going to right click, Go to transform! Move. Now I want the leaf to be repeated Alo. So I'm going to press zero for horizontal and then for vertical, I'll type in 600 going to preview it and press copy. I'm gonna click on my leaf and start dragging, but press that shift key so it stays locked diagonally. When I eyeball the place I wanted to be, I'm gonna press the option key. I'm going to release my mouse and then it's copied it right there another way that I could make sure that my middle leaf is exactly in line is I could crab one of my leaves on the side. Go to transform, move and move it halfway down. Press copy. Then I can grab that middle leaf, go to transform, move, and then move it halfway in the middle. I'm just going to preview it. If you can see, it is almost exactly where I set my leaf diagonally. But this is a more exact middle, so I'm going to cancel that. I'm going to delete that middle leaf, and then I'm going to go ahead and move it where I wanted it to be. So all put this 300 then instead of copying at this time, all I'm going to put is Okay, so that means it's just going to move it there. And now I know that it's perfectly in the middle. Now we're ready to make our background repeating bounding box, and then take a look at our pattern. I'm gonna go to object, unlock all to unlock that background box. I'm gonna press on the box, and what I want to do is copy the box and then place the box behind it. The way that I can do that is I can either press command, see to copy it, or it can go over to at it. Copy. So I'm gonna go ahead and copy it. And now, to place the copied box behind the background, you can either go to at it paced in back, or you can press command be now we have a background box behind our first background books . What we want to do is make sure that that box that we've placed has no color. The way that we do that is without clicking anything else and making sure that that box we just placed is still highlighted. We'll go over here and we'll see that the box we just placed is pink. So I'm going to go down here and click this little square with a red line and says none. Now it's telling me that that background box has no color and no outline, and that is perfect. That is exactly what we want. I'm going to click on the screen and making sure that I'm not moving or touching any of the boxes so that they haven't been moved around, and I'm going to use my selection tool and select all of them. So the reason it's so important to keep that back around box in place is that if it's moved a slightly or if there is color in it, it's going Teoh create some weird, um, some weird patterns is gonna mess up your pattern. It's not gonna work. So now everything is selected. I'm going to drag my repeating pattern into my swatches panel, and now I'm going to click on the rectangle tool and draw a square rectangle. And then I'm going to click on the pattern we've just created and we are going to take a look at it, so I like it, but I want to get a better look at it. So what I'm gonna do is right Click, go to transform scale. And now I can see it a bit more. I can You can scale it up to scale it down. But now we can see that we've created this half drop repeating pattern. So I'm going to show you the 2/2 drop repeats we've made. Let me show you them side by side. So we have thes great leave center just dropped halfway. You know, these flowers that air dropped and that is another really easy and fun pattern to make. Keep in mind that you can change the elements. You can make all of these completely different and still have on awesome repeating pattern . Let me just show you really quickly what it would look like if I delete this middle one and put maybe a flower in there. Let me grab this flower going to bring it to the front, scale it up. It might look weird because the leaves are diagonal, but let's just look and see. So I'm going. She select all of these, gonna drag my repeating pattern over because there is still that, um, no color, no outlined box behind. It will still create a repeat pattern. I'm gonna make another rectangle and then grab that new repeating pattern. So that is how you can easily make ah half drop. Repeat and I will see you. And the next lesson 12. Toss Pattern: and this lesson will be creating a tossed or random repeat with this means is that all of the elements, while still repeating seamlessly on each side, is going to be created with a really scattered and random look. Let's take a look at a few tossed repeats that I've made. So this is original repeat file that I made the ways that it's still maintains. A seamless repeat is that each side still repeats on the other side. I've created a lot of variety and size, shape and direction, and then I've made sure to repeat some of the butterflies so that it's harder to tell where the repeat begins and where ends. It's just a really fun and random way of creating patterns. We're going to create our background box. You can either press em or you can use a rectangle tool and then just click one time on the screen, and I just to make it simple. For my demonstrations. I use 600 by 600 pixels, but a lot of times I use different sizes. I make rectangles. Sometimes I make larger boxes. It really varies, and it's sometimes depends on the type of repeat that you're making. There are a lot of kinds of repeats, and I'm only showing you a few. So just keep in mind that you can play around with the size of your box when needed. Okay? So remember to create your box and then keep in mind the dimensions that you said it out so that we can use those dimensions as we repeat sides gonna press. OK, what I want to do is lock the box so that it doesn't move around. As I'm creating my pattern, I'm gonna press command to toe lock it, or you can go toe object. Look, I typically work from side, just side and then top to bottom, and then I feel in the middle. So we're going to start with, um, the left side going to grab my flowers. And the first thing that I'm going to dio is because I know that these are all going to show up behind the box going to select them. All right, click, go to arrange and bring to French. And keep in mind that whatever you place that is up top will need to be repeated on the bottom. So as you are doing side to side. Keep that in mind so that you remember I am going to place it so that part of it is up there. I don't mind that. Okay, I'm just going to start placing some things and re sizing them. Do you purple over here and then I will need to grab them and kind of copy them as I continue. So I have more to work with, and it put ones you I'm gonna put this here, actually don't want that one. Soto size it. Remember to grab a corner, press the shift key and scale it as he'd like to rotate. If you go near the corner, you'll see that the little to arrow kind of curved arrow thing, and then you can rotate it. Or you can go over here and find the rotate tool that looks like this little rotation arrow gonna scale it up on a rotating. And as I make thes scattered patterns, they usually take me a really long time because I play around with the colors, the size, the rotations and just tried to bring a lot of variety. And then so I do go back a lot and fix things. Let's get started on creating a repeat. I'm going. Teoh, grab the things that are on this very edge. I'm going Teoh, right Click, press, transform! Move! And I'm going to remember that my boxes 600 pixels by 600 pixels. This horizontal means that is going to go side to side. This is says Vertical means that it's going to move up and down. I wanted to go over to the side, so I'm going to press 600 and zero cause I don't want it going up and down and then you'll see that this one wasn't selected. That's totally okay. The things that need to be repeated perfectly or the elements that are touching right outside of the box going to press copy. And now I have my two sites. What I'm now going to dio is I'm going Teoh, create my top and then I'm going to repeat it on the bottom. As you are moving things around, make sure that you are not moving. Anything that you've copied over thes need to stay perfectly in place. If you do end up needing to change something, you will have to repeat that exact change and movement on the other side. So here is my top. What I'm going to do as I'm going to select just up here, let me zoom in so you can see. So this is going to select all of the elements that need to be repeated going to right click, go to transform, move. And I'm going Teoh type in my dimensions that I need 600 for it to be repeated below going to press copy And now it has been repeated below. If you'll take a look, you'll see that the flowers, a little pink flowers that I've put here are now touching the top flower. So this is a great example. I need this to be rotated. So what I'm gonna do is I'm going to keep this one right there. I'm going to delete the one that has been repeated. I'm going Teoh, rotate this one. I'm going to click on my flowers. Right click. Go to transform! Move! I need it to go to the side by 600 pixels. I'm going to creep you it and press copy. Okay. Said now we have a perfectly repeating top. Got him side and side What I'll want to do now is create that scattered, random tossed look in the middle and I'm going Teoh, speed up the rest of this video so you can see my process will let me speed this video up and then will move on to the next step. I'm ready, Teoh. Prepare this into a repeat. So what I'm going to do so I'm going to go to object. Unlock all to unlock that background box. What will want to do is create a copy of the background box and then placed the copy behind it to create on empty bounding box. So to copy it, we can either press command, see, or you can go to edit copy. So now the background boxes copied to place it behind. I can either press command be or you can go toe edit paced in back. So I'm gonna go ahead and do that. And now I need that background box to have no color. So I'm going to make sure I'm not clicking anything else, making sure that that blue is still highlighted around the copied box and it's showing me here that the color is pink. I don't want any color, so I'm going to click on none. Make sure that there's a line through it, so that background box has no color and no outline. Now I'm going to click off and make sure that nothing is moved around. Because if there's anything wrong with that background bought bounding box, then my repeat is going Teoh Turnout all funky. I'm going to select my entire repeating pattern, and I'm going to drag it over into my swatches panel, and I'm going to take a look at how this tossed repeat look. So I'm going to grab my rectangle and create a rectangle, and I'm going to click on the swatch of my new pattern and to re scale it and look at it, we can go to transform scale. And so this scaled it 40% smaller, and I can also skillet, maybe 200% and see it really large. So we covered how to create our cost. Repeat. So now I'll meet you in the next lesson. 13. Export: Repeating Tiling Square: This lesson, I'll cover how to export your pattern as a repeating tiling square. You may want to use this technique if you're uploading your file to sell on a POD site where they require jpegs and PNGs and seamlessly repeating form. Keep in mind, every website will have different requirements. This lesson, we're focusing on exporting to create seamless files and artwork by using repeating tiling squares. However, this might not be the right exporting method for everyone's needs. In the next lesson, I'll show you another way to export your patterns as simple jpegs and PNGs to fit other sizes and project needs, such as sharing on social media or saving in different dimensions for your website or products. Let's get started. So let's say that I want to take this pattern and make it seamlessly repeating tiling square. So if I were to save it, just like this, you'll see that when I put these two rectangles together, they do not repeat seamlessly. If I click on my pattern, it'll show up up here as the fill tile. I can pull it out and drag it onto the screen. And then if I just zoom in, you'll see that Adobe Illustrator has saved all of the information that I made from my original repeat. So everything is exactly in place and the same dimensions that it was when I originally created it. So it's really important to save your Adobe Illustrator documents as an AI file so that you can go back and have access to those original repeats. Alright, so now I'm going to show you how to make a repeating tiling square. So the first thing that we're going to do is ungroup this, everything has been grouped together. So right-click, go to Ungroup. Now I'm just going to select that pink background. So I'm going to click once. I'm going to copy it, I'm going to press Command C, and then I want to paste it behind. So I'm going to press Command B. Remember that you can also access those by going to Edit, Copy, Edit, paste in back. So now what I want to do is make this copied background into an art board. The reason we do this is so that we can easily save the exact dimensions and placements. This repeating pattern to create whatever seamless files an artwork we need in this art board method is one way of saving our files so that we have that precise repeating tiling square. Well, we want to do is while we still have that copied background selected, will go up to the top menu bar and select object. Then go down to art boards and select Convert to art boards. What this has done, although you can't see it because it's behind everything. Is it as turn the background into an artboard? It removed the copied color and fill, so you don't have to worry about that being a transparent color, color that you want. Because all this art board does is act as an exact measurement of your save file. And now something important that we have to do is go to Artboards. And I do have an original art board here. So let me just show you. This is the original art board that was here when I created the document. I want to delete that because I'm going to end up exporting this art board as a seamlessly repeating tiling square. And I want to make sure things don't get confused and complicated when I export the art boards. So that's my first art board. I'm going to just delete it. And then I'm gonna go back to this art board. A trick that you can do to make sure that things stay perfectly in place. You can click on the first pink background again, press S for scale, and then just drag it out. Teen see tiny bit, just in case that ever saves with like really thin line of white. This will make sure that that pink background is going to repeat seamlessly. So now what I'm going to do is I'm going to go to File Export, Export As. And I want to rename this, and I want to save it as a JPEG. This is the important part, we're going to say Use Artboards. So that's why it's important that I don't have that blank art board up there. I'd know exactly which artboard it's going to save. That black line right there is the art board that we've created. Now I'm going to press Export, and this is where you can choose your color model. So I'm going to keep it at CMYK. I'm going to save it at the highest quality for compression method baseline standard is good resolution. Make sure you have high 300 ppi resolution. For anti-aliasing. You want to click Art Optimized and embed ICC profile. I'm going to press Okay, and now it will export my file. So now what I'm going to do is go and find that file. So there's my Jpeg. I'm just going to show you a little trick. I'm going to zoom out. I'm going to place we just made and I'll show you that if I drag it and place it, this one has repeated seamlessly. I can select these to drag them, paste it. So this is how you create that seamlessly repeating tiling square. So now you know that if you upload it to like a website such as Spoonflower and you're creating patterns, then all they need is that repeating seamless tiling square. And they can just keep duplicating it on to the fabric. And it's going to repeat seamlessly and no matter which direction that it goes. So that is how you create a seamlessly repeating tiling square. And I will see you in the next lesson. 14. Export: Jpeg and Png: and this lesson, I'm going to cover how to export your patterns as J. Pecks or P and G's. This is great for sharing your pattern, some social media or mocking a pure patterns as well. Cover in the next lesson. Keep in mind that if you want to sell your patterns such a zone a p o. D. Site every website will have different guidelines for how they need your final file to be. This lesson is only going to cover how to export your patterns at different dimensions and scales. So let's get started. The first thing that you want to do is grab the rectangle tool on the side, or you compress the letter M click on the screen and then choose the dimensions he want your rectangle or square to be. Let's say that I want my sprayer to be child inches by 12 inches. The illustrator document adjusted it in pixels for me. I'm going to press OK, and then it already chose the swatch that I had selected over here. But if I wanted to switch it, I can press a different swatch to re scale, which means to make it bigger or smaller. I can right click, go to transform scale, make sure transform objects is not selected, and then I can re skill my pattern. So let's say I want to be just a little bit smaller so I can see more of it. Me and that looks scared. Going to make one more crap the rectangle tool Click on the screen one time, and this time I'll make it and pixels. I'll do 1000 by 1200 and then I can either keep this pattern or I can go to my swatches panel and pick a different pattern that I want to export. That sale export my tossed pattern, going to right click to re scale it go to transform scale, and I want it to be really sized up so I can see more details. Now I'm ready to export these two patterns. What will want to do is open up our asset export window, so go to window all the way down to asset export. Before we export them, we're going to talk about the settings. Go over here to the three little lines and format settings. I either saved my files as a PNG or JPEG 100 for P and G. Make sure your options air at anti alias ing are optimized her J Peg 100. You can keep it at baseline optimized and art optimized. You know, press safe settings, and down here is where you'll choose what you'll actually save it and export it. As for a PNG, I do one time scale PNG for A J. Peg 100. You can just click on Jay Peak 100 I leave it at the same settings. I'm going to save mine as a PNG, and I'm going to select both of my patterns and then drag it over into the asset export square. What you can do here is rename your patterns. You click on where it says asset, and then select both of your patterns. If you need to delete one of them out of asset export, you can just press this little trash can right here. We disliked both of them press export online. Choose the folder that I want them to be in, and I can press choose all right, and then if I wanted to save it as a JPEG 100 I can do the same thing. And, um, you'll notice sometimes if you ever have a have a problem with either copying and pasting your patterns, let's say you copied and pasted it into photo shop and you see that maybe it's blurry and there's like some white lines on them. I'll show you really quickly. I'm going to just paste my pattern in there. And then if I zoom in, you'll see there's this line just running down, so sometimes it does that when it's not saved with the appropriate settings. But then I'll go ahead and we can go take a look at the PNG's I just saved. So open this one up and you see if he'll let me zoom in. You'll see that there is no white line. We'll double check this one. See that there is also no white line, so I'm not sure why. Why it does that when you copy and paste into document, and I'm not sure why they sometimes save in that way when you export them. But I will say that I haven't had trouble when I save my patterns as the PNG. So as you're saving them or copy and pasting, make sure that your double checking and seeing the quality of the pattern and then going back and tweaking things to make sure that you're getting, ah, high quality safe file. So that is my exporting process for J Pegs and PNG's and I will meet you in the next lesson . 15. BONUS! Photoshop Mock Up: Welcome to the bonus mock up class for this course and this lesson, I'll be showing you how to use photo shop to mock up your pattern on a tote back. Mock up. I've created specifically for this class. Be sure to download the mock up in the projects, and resource is tapped to follow along. So the first thing that I did is I opened up my tote bag mock up in photo shop. But I want to show you are the two layers over here and the layers panel. You have the background layer, which is the actual white background and actual tote bag photo. And then the second layer says design, double click first rectangle and you'll see two rectangles. The 1st 1 is just this white rectangle, and the 2nd 1 is a rectangle with a black background and the outline of the tote bag. So what you'll do is you'll just double click on the first rectangle. This opens up a new tab, and it shows you the dimensions that your mock up pattern needs to be. So over here I've listed that the pattern needs to be 18.5 inches by 31.1 inches. Another rated check is he can go to image canvas size and it tells you right here the same dimensions. So now what we'll do is we'll create our pattern and illustrator with the proper dimensions . We're going to go back to Adobe Illustrator Gonna either click on, um on my keyboard or grab the rectangle tool click once, and then I'm going to type in the dimensions 18.5 inches by 31.1 inch. It's and illustrator automatically adjusts it for me and pixels. I'm going to press, okay? And it's a pulled in, uh, swatch pattern that I already had. I'm just gonna go ahead and change it. Teoh my leaf pattern. What I'm gonna do is re scale. So I'm going to right click, go to transform scale and then just make it a little bit bigger in a press. OK, I'm going to make another pattern, So I'm gonna grab that dimension press option and release, and I'm going to click on a different swatch. I'm going to use my toss pattern. I would also like to scale this one up, so I'm going to right click, go to transform scale. It's try 200%. And for the purpose of this demonstration I'm going to use to other patterns that I've made . I'm going to show you something you can do. Let's say you've created your pattern and you like the scale, but you want to move the pattern over. He can right click, go to transform, move on click transfer objects and then by either clicking on horizontal or vertical and then scrolling the little scroll wheel on your mouse. I can you make it go up and down inside to side. So then this will give me the look that I'm going for gonna press. OK, now we're going to export these. I'm going to click on Asset Export. Or you can go toe window asset Export to find it going to select all of the's patterns and drag them in. And I'm going to export thes S PNG's, so I'm going to choose a folder that I want them in. Sen. I'm back on to my photo shop, and what I'll do is I'll find my patterns and then drag and drop them in. So I'm going to grab my leaf pattern and all. I'll do is drag it and drop it. And then if you need to resize it at all, if you see any white background showing you can just grab the corners and resize it as needed, you can also do this. If you end up wanting to make your pattern show up a little bit bigger, I'm going to recite that just a little bit and then release. Now what we'll do is we'll go to file and press save. This saves this pattern onto the mock ups, and now we can go look at it and going to go back to my mock up tab. And now, as you can see, my leaf pattern has been mocked up, and if we zoom in, we can see all of the awesome details that are still in the tote bag and the details of the pattern. Let's go ahead and try another pattern. I'm going to try this green pattern drag and drop a justice scale if needed release. Go to file save and now we can check out our mock up. Let's try the last two patterns. Drag and drop Freescale release file save. And here is my floral mock up land I'm going to go back and try the last one dragging drop release file save. And now my last tossed print is marked up. And now the last thing that we can do. Let's say I want to save this one as a J pack. I was going to go to file save as good, going to write floral pattern maca and save it as a J pack when she save it. And eight as high quality iss Fine, baseline standard is fine. I'm gonna press okay, and we'll just open that up. And so here is the J peg of a pattern mock up. This is an eight by 10 mock up sides, so it's perfect for sharing on your social media. Thank you so much for watching this bonus Photoshopped mock up class. I hope that it's helpful for you, and I'm so excited to see the pattern set you all in, lock up and I'll see you in the next section. 16. Thank you! Next Step!: thank you so much for taking this course. By this point, you'll have all the skills you need to create a few water color patterns. Please make sure to share your project process. Final pattern images and mock ups and the projects tab. If you have any questions, you can ask those in the community Discussion board. If you'd like to connect with me on social media, you can find me on Teach You About Sandra I. D. And on Instagram at Sandra Lynn Idee. Thank you so much for watching, and I hope to see you in the next class.