Pattern Design: Creating Repeat Patterns From Your Illustrations & Paintings | Kristi O'Meara | Skillshare

Pattern Design: Creating Repeat Patterns From Your Illustrations & Paintings

Kristi O'Meara, Founder & Designer at The Patternbase

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (55m)
    • 1. Trailer

      1:08
    • 2. Creating a Manual Repeat Pattern From Your Illustrations

      2:35
    • 3. The Digital Repeat Technique, Importing Images, + Cleaning Up Illustrations Using Photoshop

      20:35
    • 4. Using Photoshop Layers To Create Multiple Colorways

      8:52
    • 5. Applying Completed Repeat Patterns To Product Templates

      13:10
    • 6. The Importance of File Types, Color Modes, and Resolution

      8:48

About This Class

Ever wanted to create your own hand-drawn patterns for clothing, wallpaper, or even giftwraps? In this course you'll learn how to transform your sketches into print-ready patterns.

a3e00ce1


This class is for pattern designers, graphic designers, illustrators, artists, crafters and anyone else who is interested in pattern design using hand-drawn techniques and Adobe Photoshop. 

What You'll Learn:

  • The Manual Repeat Technique. How to prepare a hand-drawn illustration or painting for digital repeat.
  • Digital Repeat Technique. How to turn a hand-drawn illustration or painting into a digitally repeating pattern using Adobe Photoshop. 
  • Using Photoshop Layers to Create Multiple Colorways. How to use layers in Adobe Photoshop to create multiple colorways for designs.
  • Applying Completed Repeat Patterns To Product Templates. How to apply completed repeat patterns to product templates for mockups.
  • The Importance of File Types, Color Modes, and Resolution. The difference between files types, resolutions, and color modes, and the importance of saving files under the correct settings for different uses.

071e8daf

What You'll Make

From hand drawing to product printing, you'll learn the essentials of pattern design. We'll start working with analog materials then refine and muliply your basic pattern in Photoshop. By the end of this course you will have a digital repeat pattern ready for printing on a product of your choice. Apply what you learn in this class to deck out your wallpaper, iPhone, fabric, jigsaw puzzle, or more!

99bb0f0b

549d5e58

75e0a3eb

Transcripts

2. Creating a Manual Repeat Pattern From Your Illustrations: - Hello and welcome to my school share class pattern designed for printed products, - creating digital repeat patterns from hand drawn illustrations. - This course is brought to you by the pattern based dot com in alliance with skill share dot - com. - Let me first begin by thanking you for signing up for this class. - This is the first course that I am teaching, - and if this is your first class is a student, - then welcome and very happy to have you and excited to give you a bit of insight into the - world of pattern design. - So without further ado, - let's get started in this first unit. - I will be teaching you how to prepare an illustration for manual repeat. - For this section, - you will need the following materials the blank sheet of square or rectangular paper - drawing utensils, - a ruler, - an Exacto knife, - a cutting surface such as a cutting mat or chipboard and a roll of tape. - Once you have gathered these materials, - I would like you to take your piece of paper and begin filling it in with your design - without letting any of your drawing touch the edges. - If you make mistakes, - don't worry, - I'll be showing you how to correct those later in photo shop. - If you would like to kill your designed by hand, - do that now before proceeding to the next step. - Once you have filled in the majority of your paper, - you're going to do something that may seem terrifying. - At first, - you'll need to precisely measure half page marks on each side of your paper, - then very carefully aligned these marks with your ruler and using your exact night cutting - surface, - slice your drawing into two halves, - then flip your pieces over and take them back together so that your designs touching to the - edges. - Try to make sure you have a luncheon pieces as accurately as possible. - This will save you from extra editing later in photo shop. - Next, - you're going to cut your fresh into your drawing and half again, - this time in the opposite direction. - Then flip your pieces over once more and take them back together as precisely as possible, - making sure your design is on all the edges with a large space in the middle. - Now fill in the rest of your paper with your design while being careful not to touch the - edges of paper. - Once you filled the paper with your design, - you will have a repeatable tile. - If you chose to color your designed by hand, - finished coloring the rest of it. - Now, - once you have finished the steps, - you will have a repeatable tile. - In Unit two. - You will learn how the skin style into photo shop and clean up any mistakes or visible - seams that remain. - Good luck with your designs and I'll see you again in Unit two. 3. The Digital Repeat Technique, Importing Images, + Cleaning Up Illustrations Using Photoshop: Hello and welcome to my school share class pattern designed for printed products, creating digital repeat patterns from hand drawn illustrations. This course is brought to you by the pattern based dot com in alliance with skill share dot com. Welcome back to Unit two. In this unit, I will be teaching you how to scan and import the designs you created in Unit one into Adobe Photo Shop. Once your designs have been imported, I will be showing you how to clean up mistakes and the visible seams. You will also learn how to check to make sure that your child repeat seamlessly and how to repair. If it does not before we begin. The first step is to check your scanner bed to make sure it's free of Dustin's. Much is. Once you're sure it's clean, place your design face down in the marked corner and shut the scan lives. Then find your scanner application on your computer and open it. You should have the option to preview or see an overview of the endure scanning before you actually scan it. Make sure you have selected only the image or scanning within the Marquis, being careful not to cut off any of the edges, then make sure your resolution is set to at least 300 d P. I, if you're drawing, is more delicate. For example, made up of men outlines that the resolution to 600 dp i for extra measure just to make sure all the information of your images captured in the digital file choose to say it was a chip pile, because this will give you the highest quality without any data loss. Upon opening the file in the future, Jews to scan the images a picture and then title it appropriately When you have these steps completed, click skin. Once you have scanned your photo open photo shop and go to file open, find your file and then click the open button to import it into Photoshopped. Now that you've imported your design, it's time to get down to business for this part of the tutorial were mainly going to be using for tools the lesser tool, which you can select by pressing Meet LG. The eyedropper tool, which you can select by, was in the I key, the brush tool, which you construct by pressing the wiki and the eraser tool but you can select by pressing the E key. With these tools, I will show you how to perfect your design. Let's first begin by selecting the marquee tool. You can click the little dash box in the toolbar, press the letter in. Then we're going to select the whole image by pressing command A for Mac users or control A for PC users. Once you're drawing a selected, copy it and then paste it. Then go over to your layers toolbar and click the Create a new group button, which looks like a little folder. Then drag the cop you just made into that folder titled Original and Click the Eyeball icon next to the folder to hide it. Now we have a backup copy of the image in case any errors are made in this editing process . Now that we have made a backup copy of the image, we begin editing. So as you can see when we aligned the pieces of our pattern, it's created this cross hair that we want to get rid of so that it doesn't show up in our repeat. So I'm gonna go up to view, and I'm going to zoom in or you can use the controls which even find right next to it, which was probably what I'll do during the remainder of this tutorial. So we're going to zoom in and then we're going to click are literally race tool. You can change the size of this eraser tool up here, and you just slide this little bar where you can choose different shapes that you want to use. I'm just going to use a soft cornered. He raised her tool and change it down to 24 pixels. Okay, it's been a zoom in a little bit more then I'm just slowly going to start. Yuri Scene Use a lacrosse hairlines, being sure not to erase any of my actual to sign itself. Now, when you get to the parts that are colored, if you colored your design, what you'll need to do is go over to the toolbar and grab your eyedropper tool, or you compress the I button on the keyboard to select it. There's all these different ones, but the one that we're going to be using. It's just the main I dropped eyedropper tool. So in here I want to get rid of this life. So I'm gonna select the screen color closest to the line, zoom in a little bit, and then I'm going to grab my brush tool, which you can also select by pressing the B button on the keyboard missile. Still pretty big, so I'm going to go up here, resize it to a smaller brush. Oops, still a big okay. And then I'm just going to cover up the line with the color using the brush tool. No press I to grab my eye dropper again. Selective color. And here, close to the line click Be to get back to the brush tool, and then I'm going to cover the light up again, and you could do the same in the white space with eyedropper. You can grab the white out here anywhere and use your brush tool again, And you could just get rid of all these lines using the brush and your razor. And since there's a little bit overflowed green up here on the edges to while I'm zoo, and if you make mistake like it took a little bit too much off there, you can go to file and undo, and it will take you back. Probably about 15 steps. If you want it to. You just keep going up to add it and then do, or you can redo it. If you undo it and you decide to look is good, you can go to radio. Okay, so now that that's fixed and when I zoom back out so that you can see what we've done, So now this portion of the design, it looks pretty good. We need to finish getting rid of rest of these cross airlines. And you can do with the Russian the eraser tool. Now things bigger lens like, say, we want to get rid of this one. You don't. If you don't feel like using the razor tool for all of it, you can go to the marquee tool. You can select as much as the line as you want and then press delete. And then it will ask you what color you want. Background, the contents to be, which is the background. I'm going to choose weight since my backgrounds wait. But if you have a different color background, you can go to content aware and press OK and when you press delete, it will fill in the background with what it thinks it should be in relation to what's around it. And then you can kind of play with that, too. Continue altering the colors. Okay, so the last thing I want to show you before I give you some time to complete your designs is the lasso tool, and you can find it over here in the toolbar. Or you can select it by pressing along keyboard and this tools really nifty. It'll let you circle any component. Let's say we want to get rid of this line, My sense moving. So say you want to get rid of the sign so you can just click and hold down your mouse key and just circle all around this part. When you compress the lead, choose your background color. Whether you want to do why it black, 50% content aware a different color. We're gonna do weight. Since my backgrounds wait, That's okay, and it deletes it. So it's basically like the marquee tool, except you have complete control over the shape. So say I wanted to take out this will shape right? I would just go in on treats around sleep, okay, and it's gone. So with the help of these tools, you can go through and remove all the weird seems and any mistakes that you made in the drawing process from your design. I'm gonna give you some time to do this. And once you're finish will reconvene and I'll show you how to check the edges. Okay. See you soon. Welcome back. Now that you have finished repairing your design, we're going to focus on cleaning up the edges to make sure your design repeat seamlessly using photo shops, offset filter. Begin by making sure that your background is selected. Then go to your toolbar and select image. Go down the image size. Take note of the width and height of your design and pixels minus 2550 pixels wide. 3286 pixels in height. Divide each of these numbers in half and then make a note of it so that you will know what to set your offset. Filter too. Press. Okay. Then make sure your background is selected, go up to filter other and then upset and then enter your divided within vote into the horizontal box. Mine's 11 25 and the other half is 16. 43. Make sure it's set to wrap around and then press. OK, Now you repeat pattern is offset. And all this seems that repaired earlier are on the outside edges. And now we just need to clean up this new cross hair. So using the same tools and methods I taught you last time, we're going to clean up this process. But I'm gonna show you a little shortcut that sometimes works. It doesn't work on all designs, but we can try it. So select your marquee tool and then try to select this horizontal line right here. And you want to keep the selection a smallest possible, but making sure that you get all of this cross hair in there. We're gonna do that and use my arrow keys just to move it down a little bit. Just a pixel er to sure we have it in there and then we're going to press delete. And as long as your background selected inlet, it'll bring up this little film and you and you'll want to go to contents, use and select content, where and then, okay, and as you can see, it filled in a lot of the space with what the computer recognized from its surroundings. We're going to do the same to the vertical line. So silly the rest of lead. I'm gentle. Where? Okay, okay, that will worked out a little bit better. So now you can see most of the crosshairs air gone. But there's still some weird areas that we need to go back and fix. So we're going to do the same thing as earlier Zuman. Then we're gonna try to get rid of some of these lines. See how there's a line that runs vertically. Still, it's kind of darker. It's almost white, but still a little bit off. We're gonna try to get rid of that by going up to image adjustments and selecting levels. And then we're going to select this white eyedropper tool. So this white eyedropper tool is going to help us get rid of this weird, hazy blue line. So we're gonna find the darkest part of the hazy blue line and click it. Yeah, and you can click around until you see that most of the line is gone and then press OK, we'll zoom out again and you can see that it's taken most of that line away. So I'm just going to take my restful and remove all these weird lines and seems that are still very visible. So we'll be using a lot more of marquee Tool and the lesser tool Miss Lawson Tool earlier were using the regular lasso. But I want you to go down to the polygonal lasso tool we're going to select. It's weird, fractured, but right here and then go up to edit and free transform or you compress a little shortcut . Then using Air Aggies, we're just gonna nudge it into place so that it fits. Well, move it over a little bit up. But then, once you have it in place where you want it, just press injury. Then press the end key to select the marquee tool. Then just such and you're in the screen and it will get rid of the dotted line. You can see we still have a little break right here. So what I'm gonna do is take my eyedropper tool, select a bit, uh, this black line, take my brush tool, resize it, probably down to one or two pixels and then I'm just gonna fill this in. We're going to do the same up here to this little line with using the lasso tool. We're gonna select it once selected, going to transform it at it, transform or you compress command too young and back and use your arrow keys just to nudge it up. And it looks like it's not fully aligning right here. So if you see if I hover around the corner, it'll let me turn it a little bit. That looks like it should be Good press enter. Select your marquee click, and it still looks a little bit weary. So we're gonna take you research tool, Get rid of these little badges. Can you bring this stuff inside of it? You raised his little mishaps. God, the eyedropper tool. Get our color switch back to our brush and then just feeling a little notch. Consent back out and you can see how this now look seamless. We're going to go through and at it just like we did before and get rid of this cross here that's going vertical and horizontal. So I'm going to give you time to do that and then all see you in a little bit, and we can talk about checking our repeats to make sure that they repeat properly. Welcome back. Now that your pattern is pristine, it's time to check that it repeats seamlessly. To do this, simply click the marquee tool and select your whole image, then go up to at it. Click and go down to define pattern and then entitle your pattern appropriately and cook. Okay, now that you've to find the pattern, you can find it by going to date bucket. And then if you click this, it'll give you the option of foreground, which is any color you want for your paint, bucket or pattern. And when you have pattern picked, it will give you this little menu with some pre made patterns that's include that already included in photo shop, and then you can find some of yours. We're not going to use that now, but you can use it in the future. So to test your repeats, we're gonna go down over to the layers toolbar. And at the bottom there's a little icon that's half circle. It kind of looks like a yin yang, and it will say it create new Phil or adjustment layer click that go up to pattern and then this little box will come up and you have the option to view at what percentage you like to see the scale. I usually do 50% because it's easiest for me to see whether there any mistakes or errors and then press OK, now you can zoom in, just navigate your pattern, looking to see that everything repeats perfectly and is in place how it's supposed to be. If it looks good, then you're done. You can delete this pattern for layer and then go toe layer and flatten your image if you have. If it's not flattened already and then goto file and save as I always like to save my files a tip because they offers the highest quality and doesn't lose any data when you admit, sure, okay, and you're good to go if you notice your pattern still has airs. Go ahead, delete this pattern, the layer. Go back to your original image and then look for the heirs that you miss and just do what we did earlier editing with the brush in the razor tool and the lasso tool and then just try it again. And when you finally have it to the level of perfection you want, go to file and save it. And after you've saved your done, you have a perfect completed pattern that you can upload for use for printing on fabric on the products of blind product templates, whatever you want. So thank you for joining me and I'll see you again in Unit three, where I'll be teaching you how to create multiple color ways for your pattern. 4. Using Photoshop Layers To Create Multiple Colorways: - Hello and welcome to my school share class pattern designed for printed products, - creating digital repeat patterns from hand drawn illustrations. - This course is brought to you by the pattern based dot com in alliance with skill share dot - com. - Hi and welcome back in this unit. - I'm going to be teaching you to use layers in Adobe Photoshopped to create multiple color - ways for your patterns. - So let's start by. - Oh, - clean up your pattern and photo shop. - Once you have your pattern, - open goto layer and create a new layer. - Call it cooler Way one. - Then do this three more times so that you have four separate color ways. - Now click on your background and then press command A to select all. - Or take your marquee tool and drag it across the whole picture to select at all. - And then you're going to coffee, - yet click on the color, - wave one and paste it. - Okay, - so for now, - I'll go ahead and hired Killer away for three to in the background. - What we're going to focus on for this part is removing this white background. - If you don't have a white background in your pattern, - then go ahead and skip this step. - But we're going to be using the magic long tool just the basic magic wand which you can - access by pressing w on the keyboard. - So we're just gonna go through and click all these areas that are the background white - space and click delete. - So as you can see, - the background where the white used to be is now transparent. - This will help us in the future when we're changing the colors behind it. - So I'm just gonna go through entry with the rest of this weight space really quickly. - After you have deleted all the negative space from your background, - go ahead and press command again to select the whole drawing. - Coffee it, - then go to color. - Way to you'll have to click the I back on and paste it. - Do the same for color. - Wait three and four. - Okay, - Now you can go ahead and hide or three and to again. - Then we're going to go up and create another new layer. - We'll call it the other way. - One background. - We're gonna put it below color way one so that it shows that behind it instead of on top of - it. - So now we're going to go over to our paint bucket and select it. - And then we're going to go down here into the color menu and select a color you'd like to - change the background to. - In this case, - I'm going to choose a light gray a little bit later. - Here we go. - Press OK. - And then using your paint bucket, - click your color way. - One background to fill it in. - Now all the negative space behind your pattern should be the color that you chose. - You might see some spots that you missed. - I see a little bit around the edges where he didn't clean it up enough. - So I'm going to click on color Way one and just zoom in. - And then I'm gonna clean up these little areas that I missed. - Okay, - well, - I think that one looks pretty good, - so I'm gonna leave it. - So in order to merge these layers, - I'm gonna click color way one. - Hold down the command key on a map to highlight both of these layers, - and then I'm going to press command e to merge them into one layer. - So now they're combined. - Okay, - So let's go to color. - Way to weaken hide color Way one now for color. - Way to I want to play with the colors of the flowers a little bit more. - So I'm going to go to image adjustments and hue slash saturation. - And once you click on that, - you can play around with the colors a little bit. - As you can see, - you just slide these little scales. - You can change the overall colors of flowers. - Kind of like this one. - You can change the saturation. - You don't want oversaturated because then it gets a little bit pixelated. - The color is don't look very natural. - So try to stay in the medium range or if you like it, - then go for it. - But I like these flowers. - Okay, - some going to go and create another layer. - And this one I'm going to call color. - Way to background. - That's okay, - Dragon it below color way too. - Okay, - so let's move on to color way three. - This time I'm gonna go with more of a blue color, - take your paint bucket and fill it in. - I think this blues a little bit too bright for me. - So what I'm going to do is go to image adjustments and replace color. - Now, - with this eyedropper tool, - I'm going to click this blue area. - So that is the color that I want to be changing. - And then down here, - where you see that it says result going to click on that. - And I'm just gonna try to find a blue. - That's a little bit more gray TV that over? - Yes. - OK, - so I think that one looks pretty good. - I'm gonna go ahead and merge these two layers again, - pressing command and clicking on each of them and then pressing Command E. - And so now we have these two different images, - but I want to go ahead and do 1/3 1 So I'm going to hide color way one and two and then - start in color way three. - We're just gonna do the same thing since before go into the background. - Maybe may get black this time, - so we're gonna go up, - get a new layer, - call it color way three background, - take our Kate bucket and then fill it in. - Okay, - so I want to change the color of the flowers on this one too. - So I'm going to go up to color. - Wait three going to go to image adjustment. - And this time I'm going to go to levels. - I want my flowers to be a little bit darker to match the background. - And so, - with these sliding bars, - I can change the levels of the blacks, - grays and whites of the flowers. - So just don't play around with these a little bit. - And now I want to go up and change the colors again. - So I'm going to go to this time color balance, - and this will just balance out the colors. - Maybe you This is a little bit too green, - so I want to add some red. - So that might all of my colors look a little bit more ready? - Orange like a warmer color. - Okay, - I think I like how this one looks. - So I'm going to go ahead and merge, - use again, - gonna hide this, - and then we're gonna finish up with color way for Okay, - So this time I want to play with filters a little bit for color. - Wait for so press control ages left the whole image go to filter and filter gallery, - and you can go through and try out all the different filters they have. - I like the photocopy. - So I'm gonna go ahead and click, - OK? - And then I'm just going to give this one a normal gray background. - It's, - um, - goingto go up, - make a new layer, - call it cooler. - Great for background. - That's okay. - And then I'm just going to use the pig bucket to fill it in, - All right? - And I like it. - So I'm going to merge these, - and then we're done not going to take these images and show them to you side by side so - that you can see the results. 5. Applying Completed Repeat Patterns To Product Templates: - Hello and welcome to my school share class pattern designed for printed products. - Creating digital repeat patterns from hand drawn illustrations. - This course is brought to you by the pattern based dot com in Alliance with skill share dot - com. - Welcome back to unit for in this unit, - I will be showing you how to apply your patterns to product templates such as fashion - illustrations and wallpaper previews. - So before we begin, - please be sure to download the required course materials needed to participate in this - lecture. - These could be found by going to the skill share class home page, - clicking on classroom, - then syllabus unit for And then down here you'll see this Lincoln orange that says, - Download the course materials here. - Click that, - and it will take you to a Dropbox page with four PSD files that you can download. - So all you have to do to download these is click on one of the images, - then go down here to the corner and click the little gear and then click download and then - you get a little screen that pops up, - giving you the option to open with or save as and you'll choose to save ABS and then click - . - OK, - Jews were to say that, - Okay, - And then you can use the arrow buttons to go to the next image, - and you'll just do the same for each one of these. - And once you have those downloaded, - we can get started in photo shop. - And if you'd rather use your own product completes rather than the ones that I have - provided, - yeah, - feel free. - Um, - upload your own fashion illustrations. - Take a photo of your living room and blink out the wall so that you can apply the pattern - to it. - Yes, - whatever you want to use, - I'm just offering needs to you as a deeper option. - So we're going to begin by going to file open and opening up a few different color ways - that you made in Unit three as well as the four PSD files you downloaded from Dropbox. - So I'm just going to highlight thes press, - so pull up one of your color ways and select the marquee tool. - Then select the whole image by dragging the marquee tool across the page or pressing - command A. - Then we're going to go up to edit defined pattern and then give our pattern and name and - press. - OK, - now that we've defined one of our patterns, - go to the paint bucket tool and go up here and click on the button that says Foreground, - that will pull up a drop down menu that gives you the option of foreground or pattern. - Go ahead and click pattern. - Now let's go over to our PSD file for living room one template and does you can see in the - layers when you we have five different layers. - We have the living room layout. - The pattern sample 321 and the background. - Go ahead and click on Pattern. - Sample one. - And make sure your paint bucket is still selected with the pattern option on. - And then next to that pattern button in the top left hand corner, - there's a little square box with an image in it. - Pulled that down. - Find the pattern that your child and click on it. - Now, - using your paint bucket tool, - click in the white space of the wall in the pattern sample one layer. - This will fill the negative space in with your pattern, - and I think maybe my pattern is a little bit too large. - The wall it doesn't. - It just looks a little weird. - So what I'm going to do is go back to my pattern viol. - And then I'm going to go up to image image size, - and I'm just going to cut the dimensions and half. - Since the width is 8.5, - I'm just going to change it for 25. - And as long as constrained proportions is checked, - it will change the height half as well. - Click. - OK, - Okay, - then I'm going to go over to my marquee tool. - I'm going to re select the whole image again, - going to go back up to edit defined pattern. - And I'm just going to add 4.5 inches to the end of the name so that I can remember what - size it is. - Press OK, - Go back to your living room. - One template. - Go ahead and hide patterns. - Sample one and then click on pattern sample too. - And then go back over to your feet bucket and then go to little box next to the pattern box - where he can pick which pattern you want and then go down to your Reese ice violin. - Click it now that your new pattern is selected, - go ahead and fill in the white space with your paint bucket. - Now, - as you can see this pattern, - it looks. - It looks like it makes a little bit more sense. - Earlier, - it was just too big, - and it didn't really make sense as a pattern for wallpaper. - And I just think the smaller version is much more appropriate. - Okay, - now that I have my pattern applied to the wall, - it looks good, - but it looks a little bit too bright in relation to the room. - So what I'm going to do is go up to image adjustments and click on levels. - And if you look at the bottom of this window, - you'll see a little sliding bar titled Output Levels. - And on the sliding bar, - there's a black arrow and white arrow at the bottom of it. - I want to make this white background a little bit darker to match the rest of the image. - So I'm going to click on this white arrow under output levels, - and I'm just slowly going to drag it to the left until I feel like the pattern matches the - rest of the room. - Okay, - I think I have it where it looks a little bit more natural now, - so I'm going to go ahead and click. - OK, - then I'm going to go up to file and save. - And then I'm going to go toe layer, - flatten image and it's going to ask me if I want to discard hidden layers. - I'm going to go ahead and press OK, - and then I'm going to go to file again and click, - Save as. - And then you can re title your image, - however you want to. - I'm going to label mine living room one white Corti, - And then I'm going to choose to save a positive and hit save, - and it will give me tip options. - I usually just pressed none. - Okay, - and if you want to go back and add more patterns to the walls other than the one we just - finished, - you can just go find that PSD file. - Open it up again, - and you should still have those blank layers that we didn't use and you can play around - with us. - So now that I've shown you how to create a wallpaper preview, - we're going to go over to our fashion illustration either the men's or women's, - whichever you prefer or if you have one of your own that you'd like to scan in and - important photo shop. - You can use that. - Okay, - so we're going to begin by defining a pattern that we want to use for our fashion - illustration. - If you have more than one you want to define, - then go ahead and repeat this stuff for each pattern that you want to use. - So get the marquee tool and select our whole image. - Go to at it defined pattern and all. - Title it orange. - Want Kourtney Conservatory Orange won t J big. - It's fine. - I'll press OK, - and then I'm going to choose to do the women's fashion illustration, - So I'm going to go to my paint bucket change foreground to pattern. - I'm going to go down and she's my pattern from the list. - It's best to have your tolerance that around 25 so that if their little breaks in the lines - that it doesn't bleed through the other parts where you don't want the pattern or the color - . - So I'm gonna leave That said it 25. - And I think I want to make the bottom part of this dress patterned, - so I'm just gonna fill in all these spaces this part's actually really easy. - It's This is actually my favorite part. - It's really fun. - Um, - and so for her top, - you want to offset it off black, - but a darker gray. - I'm going to go back up here, - switch from pattern foreground so that it can fill it in with a solid color. - Yeah, - I like that. - Okay. - And I want her sleeves to be a little bit different, - so I want to grab a color from the pattern in her dress. - So I'm going to go over to my eyedropper tool, - make sure that it's just long the basic eyedropper and think I'm going to grab some of this - purple in here. - Go back to my date bucket, - make sure it's set to foreground, - and I'm going to color her sleeves to the strike purple top of the color. - And I think I want this collar part right here to be patterns. - I'm going to switch back to Pattern built this in. - Then I think I'm going to go to my eyedropper tool, - grab another color from the pattern, - grab my paint bucket, - and I want to make her boots match. - So I'm gonna fill this in. - James and I just let steps I'm going to go up to edit and a new paint buckets you like. - I know about it. - Such is in green my drop ins like grey back to the pig bucket in the shadows for the - sleeves. - So, - basically, - I'm just going to continue using these tools the paint bucket I drop her and pattern paint - bucket tool to continue filling in all these different areas of my design. - Maybe I'll make the tights a lighter green. - It's actually maybe I wanted from the tired. - I dropped her again buying delight. - You did that. - That's a little bit too dark. - So I'm gonna go to the color palette. - I would find a lighter version of that color, - so OK, - being into it and again also. - Okay, - Um, - I think I'm done, - so I'm gonna go to file and save. - It's actually I need my image first, - Discard the layers men file save as, - and then I'm going to re title this. - I see that as fashion illustration Orange world dress. - Change it to a tip. - Sick. - Okay, - okay. - And that's how you apply patterns to a fashion illustration. - It's really easy. - Just like a digital coloring book with patterns in addition to the colors. - So have fun, - and I can't wait to see what you make. 6. The Importance of File Types, Color Modes, and Resolution: - Hello and welcome to my school share class pattern designed for printed products, - creating digital repeat patterns from hand drawn illustrations. - This course is brought to you by the pattern based dot com in Alliance with skill share dot - com. - This video is for unit pipe, - of course, - and today we will be covering a very important topic that all aspiring designers should be - knowledgeable about. - And that is the importance of file types, - color modes and resolutions and which ones you should use in your work. - AI files eight i files are vector files used by designers and commercial printers to - generate files of different file formats and sizes. - AI files can only be been using Adobe Illustrator and maybe Created and Layers. - An AI file is one of the most preferred formats by printers, - promotional product companies, - silk screeners, - banner and sign companies and other third party creators. - E P s files E. - P s files are most commonly used by designers to transfer an image or artwork. - Generally, - a vector file into another application. - Doctor based CPS files air scalable to any size. - E. - P s files can be opened using Adobe Illustrator Freehand or Adobe Photo Shop a Vector E. - P s file is one of the most preferred formats by printers, - promotional product companies, - silk screeners, - banner inside companies and other third party creatives. - Pdf files. - Pdf is the universal file format that preserves and embeds the fonts, - images, - layout and graphics of any source document, - regardless of the application used to create it. - Pdf files could be shared, - viewed and printed by anyone with the free Adobe Reader SOFTWARE. - Some pdf files can be used for commercial, - digital and or desktop routine. - PSC FILES The PSD File format, - usually arrester format. - Contains graphics and photos. - Created. - An Adobe Photoshopped image editing software was commonly used by designers and printers. - PSD files can only be opened using photo shop and may be created in layers. - J pic a J pic files compressed image file that does not support a transparent background. - The level of compression and J Pig files. - Kandarian resolution with high quality for just stop printing, - medium quality for Web viewing and low quality for email When compressed repeatedly, - the overall quality of J peg image is reduced. - GIF FILES Gift files are the resolution files most commonly used for weapon email purposes - almost all browsers Concert Port. - The use of gift files, - which uses a compression scheme to keep the vial size Small gift files can be created with - the transparent background tip files. - The TIFF file format is most commonly used for storing images, - photography or art. - Two files are most commonly used in professional environments and commercial printing. - The chip format is the most widely supported format across all platforms. - It is the standard format for high quality images. - The large in size tiff formats are considered to be the most reliable format for high - quality images. - Things the being file format is most commonly used for use online and on websites due to - their low resolution. - Ping files are bit mapped images, - employees, - loss of static compression and, - like gift biles, - Pink files could be created with the transparent background. - See him like a versus our GP. - When a user generates graphics on a computer for printing or wishes to print images from a - digital camera, - it is a common mistake to assume that the color seen on the screen will look the same - imprint. - As a result of this mistake. - Files for printing are often erroneously sent in the red green blue RGB format for printing - . - The issue lies in the fact that the computer screen and many photo editing programs show - colors and RGB mode, - while images air printed on paper in scion magenta, - yellow black seem white K format. - Sometimes the conversion from RGB two c n y que. - Works without any problems arising and a printout will look identical to what should is up - on the computer. - In other cases, - there will be noticeable differences between the shades of color. - The key to avoid this potential problem is to convert all graphics to see him like a poor - mattering. - The layout design phase RGB is the color scheme that is associated with electronic displays - such a CRT LCD monitors, - digital cameras and scanners. - It is an added, - a type of color mode that combines the primary colors red, - green and blue and various degrees to create a variety of different colors. - When all three of the colors air combined and displayed to their full extent, - result is a pure white when all three colors air combined to the lowest degree or value. - The result is black software such as the photo editing programs used the RGB color mode - because it offers the widest range of colors printer sprint color onto paper, - using the C and y que color mode Only. - This is a four color mode that utilizes the color scion magenta, - yellow and black and various amounts to create all of the necessary colors. - When printing images, - it is a subtract of process, - which means that each additional unique color means more light is removed or absorb to - create the colors. - When the 1st 3 colors are added together, - the result is not pure black but rather a very dark brown. - The K color or black is used to completely remove light from the Clinton picture, - which is why the eye perceives the color is black. - Why RGB colors need to be converted to see him White cape for certain types of printing, - the RGB scheme has a greater range of colors and see and white K and can produce colors - that are more vivid and vibrant. - These colors air beyond the range of C. - M Y cage, - reproduce and will come out darker and more Dylan print than what is seen on the monitor or - display. - Because the RGB color mode has the full range of colors. - Documents shown in C M Y que Mood will always show up precisely on screen. - RGB colors, - however, - will not necessarily appear in print. - As they do on screen toe accurately print the document or image it must be converted from - its original RG before met. - To see him like a it is possible to do this by using software such as Adobe Photoshopped or - Adobe Illustrator. - Converting RGB format pictures to see him like a motor for printing could be a complex task - . - It often involves using RGB to see him like a conversion tables or various software - utilities to ensure that the color seem on, - the computer screen will match the colors that appear on print. - One way of making this process quicker and more efficient is to simply convert a file to - see him like a format as soon as it is credited. - If there any future plans for converting the documents to printed format, - photographs that were imported into the document typically come in RGB mode and will be - necessary to convert them individually. - These can be problematic because they occasionally congee in colors that are out of gamut, - which means it contains colors that the seem like a color mode cannot reproduce to check. - For this, - click on the View menu and photo shop and then gamut warning colors that turn grayer the - ones that are incompatible with C m y que mode Photoshopped can either replace these colors - with what it calculates as the next best color, - or the user can use the color it replaced tool to select the color and manually replace it - with the closest match. - Once this is completed, - the resulting document can be saved and see him like a mode and exported to Adobe - Illustrator or Jobe in design and later sent to a printer or printing service. - With the confidence that the document will look the same on paper as it does on screen DPR - , - what is D P ij? - DPS stands for dots per inch, - and as a measurement of printer resolution, - it is important when designing patterns. - To be sure to begin with or scan with a high D P I. - If you set the DP I too low, - you're restricting your image to a lower size and quality. - It will become distorted if you try to resize that larger in the future. - It's always better to begin with the high D p I and resize it to smaller dimensions later. - If it becomes necessary for printing purposes, - you should always begin or scan your images at 300 d P I. - If you are scanning a more delicate design. - For example, - one made of very fine outlines. - It is recommended to set the DP I to 600 to ensure that all the image information is - captured within the digital file. - Spoon flour dot com requests You set your images to 1 50 dp i in order to use their - services. - 72 d. - P. - I. - Is perfect for images that will be used merely as graphics on the Web but will not be - suitable for printing purposes.