Create Patterns for Sale in Photoshop - A MasterClass from Graphic Design for Lunch™

1. Introduction to Pattern Making in Photoshop: Hello and welcome to this masterclass, create patterns for sale in Adobe Photoshop. My name is Helen Bradley and I'm a Skillshare teacher. I have over 270 courses here on Skillshare and over 168,000 student enrollments. This masterclass, creating patterns for sale and Adobe Photoshop steps you through the process of creating a range of basic patterns ready for selling in Adobe Photoshop. In this class, you're going to learn to make patterns from scratch as well as to use photoshops, New Pattern Preview tool, and the very exciting Adobe Capture tool. In all, you'll learn three ways to make patterns. You'll also learn how to prepare patterns for sale on sites like Etsy red bubbles as well and spoon flour. And how to create marketing materials for advertising your work. In addition, you'll learn how to create multiple color versions of your patterns quickly and easily. Along the way, you'll also have learned some handy tips and techniques for working in Photoshop every day. So without further ado, let's get started with this masterclass creating patterns for sale in Adobe Photoshop. 2. Pt 1 Make a Dot Pattern: The very first pattern we're going to make is a simple polka dot pattern. So I'll click new file here. And I'm going to create a file that is 600 by 600 pixels in size. We're going to talk about sizing these files a little bit later, but for now 600 pixels by 600 pixels is a good way to start. I'll click Create. Now I'm going to draw a circle in the middle of this document. So I'm going down to the shape tools and I'm going to select ellipse. And we're going to do this as a shape. So make sure that of the three options here, up in the top corner, you're using shape. And we're going to select our fill. So I'm going to choose a pastel pink color. I'm going to open up my pastel colors and choose my pink. I don't want it to have a stroke, so I'm going to target the stroke setting here and just select this one which has got a red line through it. Now these colors here are very different to these colors down here. It's because we're creating a shape that we get to select a fill and a stroke rather than a foreground and background. So these are going to be applied to our shape. I'll just click away from that dialogue. I'm going to hold the Shift key down as I drag out a very decent size circle. Now I want this to be in the center of my documents. So you might be tempted to go to the align options here, but when you do, you'll find that nothing is selectable. I'm going to select Canvas from down here. And now you'll see that I can align this shape. So I'm going to choose to align the horizontal centers and the vertical centers. And you can see that the shape is just moving into position. So this is basically all I need for a pattern. It's a very simple pattern, but it is all that you need. So let's go and see how we're going to save this as a pattern. So we can use it to save it as a pattern. We're going to edit and define pattern and a dialogue appears with the patent name. So I'm going to call this pink dot. You'll notice that the pattern is showing in this dialogue and we can see this transparent area around the dots are where assured that this pattern piece, It's going to include all this area in our documents. So that's pretty important to keep an eye on this little thumbnail to make sure that what you are actually saving as a pattern, that's what you think you're saving as a pattern. I'll click. Okay. Now that pattern is saved in the patterns collection in Adobe Photoshop, so it's available for use in future. We're going to see that in the next video. 3. Pt 2 Use Your Pattern: In the last lecture, we got to this stage, the stage of actually creating this as a pattern. We're going to now look at filling a document with it. So e.g. if you were selling scrapbook paper, Let's have a look and see how you would create a sheet of scrapbook paper for this particular pattern. So I'm going to choose File and New. Now scrapbook paper is traditionally 3,600 by 3,600 pixels in size at a resolution of 300 pixels per inch. This is the document size I've got set up here. Now. I'm also selecting transparent background for now, so it makes sure that you select that too and click Create. So we now have a document that is the size of scrapbook paper. There are a number of ways to fill this document with. The one that I prefer is this. You'll select Layer and then New Fill Layer, and then you'll select Pattern. Click. Okay, and this is the default pattern that is shipped with Photoshop. But you're going to click here on this down pointing arrow. And at the very bottom here, you're going to find your pattern, the pattern of polka dots. And then you can just click here on, okay. Now the reason why I like this particular technique for applying a pattern to a document is this. If I click on the layers palette to view the Layers palette, this is my pattern and I can double-click on this thumbnail here. And I can get to scale my pattern so I can reduce it e.g. to 50 per cent of its original size. If I want more dots on my sheet of paper, e.g. I'll click Okay. Now when we made this pattern, it didn't have a background in it. And that was a considered the work that I had. Because if it doesn't have a background, the background could be any color at all. So let's see how we do that. And I'm going to use the exact same process for adding my solid color layer below this one. So I'll choose layer, new fill layer, and I'm going to choose solid color. I'll click Okay. And I'll just select a white for now and click Okay. Now the white layer is on top of the pattern. You can see here that if I turn off the white layer, we're seeing the pattern. So all I need to do is to reverse these. So I'm going to drag the color fill underneath the pattern fill. Now I've got my white. Well, it's not quite white. It's really an off-white color background. And my pattern. Reason why I like this method of adding a solid color is this. If I double-click on this, I get my color picker back out. And I can move over it to choose any color that I want. So I can see this color in place. It's just a really easy way of sampling colors and having a look and saying, yes, that's something I really like, or no, I need to go and find something a bit different. So I'm going to select this and click, Okay. I suggest that when you're filling a document with a patent that you strongly consider using Layer, New Fill Layer, and then Pattern for the pattern and solid color for the solid color. Simply because they give you more options for adjusting your patterns and your solid color. Now if this was a sheet of scrapbook paper at this point, I would be saving it. Scrapbook paper is saved as a JPEG. So I would save this as a JPEG image. I'll choose File and then Save a Copy. I'm going to save it on my computer. I'm going to call it polka dots. I wanted to save it as a JPEG file, so I'll make sure I choose JPEG. And I'm going to embed the color profile of sRGB in the file, but a good profile to use for things that you are selling online. And I'll just click Save. I'm going to save this as a file with maximum quality, quality 12, because it is going to be compressed slightly, because all jpeg images are compressed slightly, but this is as big as I can get it. Most scrapbook paper is sold as high-quality JPEG. So you will want to be making large size files here at good-quality. I'll click. Okay. So that's one way of using a pattern in a document. It's not the only way we're going to have a look. The, another way in the next lecture. 4. Pt 3 Pattern Filled Heart: In the previous lecture, we created this scrapbook paper size document. Let's look at a different way that we can use these patterns in Photoshop. I'm going to choose to create a brand new document with File and new. For this document, I want it to be 1,200 pixels by 1,200 pixels in size. I would like the resolution to be high, so I'm setting it to 300 pixels per inch. That's a pretty good resolution for things that you're selling online. I'm leaving the background contents to be transparent. So make sure you set that up and let's click Create. Now for this particular document, I want a heart that is filled with our polka dots, but it's not easy to find a heart-shaped to use in Photoshop these days. So we're going to start with that. First of all, in our shapes, we're actually going to be using custom shapes, custom shapes selected over here. But when I go to the custom shapes list, these are the shapes that are now shipped with Photoshop. None of the shapes that traditionally we would have seen in Photoshop. But we're going to go and get those. So we're going to choose Window and then shapes. Dialogue looks similar. It's actually quite a bit different. So in this shapes dialog, I'm going to the flyout menu up here in the top corner. What I want to do is I want to add the legacy shapes. So you're going down here to legacy shapes and more. You're going to click on it and they're going to be added to your document. So now in the legacy default shapes, you're going to be able to find things like your heart shapes. I'm just going to close that now because when we open up our Shapes panel, we've got access to the legacy shapes. The only disadvantage to this is that they've been organized and it's actually a little bit easier if they weren't organized, but we're just going to live with that for now. So you're going to find your heart's in the shape's area. So open up all legacy default shapes and then click on shapes. And when you click on this little bend arrow, you'll open up the panel and we've got the heart-shaped. So there's one heart shape here and there's another one here. And there's this one, but this is just an outline. So the one we want is this one here. It's filled shape. So we're going to be able to create a filled heart and we're going to fill our heart in a minute with our polka dots. So I'm just going to click away from here. At the moment my shape is going to be filled with this pink color. That's just fine. We just want it to be filled with something. It doesn't have a stroke again, that's fine. I don't want a stroke. I'm going to just drag to create my heart. And if I hold the Shift key down, as I do that, I'm going to get a heart that is constrained to the original proportions. This is a quite a handy technique to use when you're not sure what a shape was supposed to be looking like, or you want one that is a nice regular scale. So it's not either too fat or too thin. So just hold the Shift key down as you draw it to draw it at its original scale. If you at the same time hold down the Spacebar, you'll be able to move your heart into a different position. So you can see that I can actually move it as I'm drawing it. I haven't let go the left mouse button yet so that I can get a really nice big heart inside my document. Now I'm going to let go the left mouse button and I'm letting go the Shift key. As we did previously. I want to square this up in the document. So I'm going to the Align tools up here. I'm going to make sure I aligned to Canvas. And again, I'm just going to align horizontally and vertically. So at the moment, our shape is filled with a pink color. I have it selected here. It also was drawn as a shape. When I click on the Custom Shape Tool here you'll see that I had, had shaped turned on that's important as well. So now I'm just going to select over my shape and I want to fill it with my pattern. I'm going over here into the Properties panel to open up fill. If you don't see your properties panel, you can choose Window and then properties to view it. So I'm going to click on this. And underneath here are your options. So this option is to have no fill at all. This is to have a color fill and you could choose a color fill from down here. This is allowing you to choose a gradient fill, and this is a pattern fill and we want to fill it with our pattern. So I'm going to click on the pattern fill and you can see here that the patterns dialogue has opened up so I can click on the pattern that I actually want to use. Now this pattern is really, really big, so I'm going to scale it down. I'm just going to bring it down to maybe about 25 per cent. Then I'll just click away from my document. So in this case, I have got a heart shape that's filled with my pattern. There's just a slight problem here and that is that the transparency on that original pattern really isn't working for me. It's causing me quite a bit of problems because I can't get the outline of my heart if I want to see things more clearly and e.g. have a white background in here. Then I'm going back to my original pattern and I'm going to add a background to it. So I'm going to end up with two patterns. So I'm opening up the layers panel here. I'm going to add a new layer in this case because I want it to be filled with white. I'm just going to fill it with white, not use a solid color layer. So I've made white my foreground color. I've got my empty layer, my brand new layer selected. I've got my paint bucket tool selected. I'm just going to click here to fill this layer with white. So you can see it's on top of the pattern layer. That's just fine. We know how to solve that. We're going to move it behind. Now, if I go to Edit and then Define Pattern, I'm going to be creating a polka dot pattern, but this one's going to have a background with it that's going to make it behave a little bit differently. So I'm going to call this polka dot, and I'll click, Okay, you can have patterns that have the same name, so don't worry about that. Now I'm going across to my the document that we're working on. I'm going to re-select my heart. I'm going to open my Properties panel. I'm going to my fill because this time I want to use my new pattern. And this is H. You can see that the scale has been kept, but that's easily altered if we want it to be smaller or larger. I think I'm going to fill it with a 15 per cent scale. And so this pattern that brings with it its background color of white has advantages because it does have its color with it. So sometimes you will want to create a pattern that has a transparent background. And we may also want to recreate that pattern as well with a solid color background because there are different things that you can do with age. Now, this particular design could be sold as e.g. an element for scrapbooking. It's a little heart that you could put on a scrapbook page for that. You don't want this edge around it. So we're going to save this as a ping image, a PNG image, because Ping images can be transparent. To do this, I'm choosing File and then Save a Copy. Again. I'm going to save it on my computer and it's going to be called heart from the Save As Type drop-down list. This time, I'm going to choose ping here it is PNG. It's being saved as a copy, that's just fine. It's ICC profile is SRGB ideal for selling things online? I'll just click Save. You get a choice here. I'm just going to choose large file size. I'll click, Okay. This particular heart shape is just going to be the heart. It's going to be transparent so it can be used on other things without bringing this background area in with it. 5. Pt 4 Save Your Master Files: Now in the last few lectures we've been creating our pattern and then using it to create scrapbook paper and an element that e.g. could be used for scrapbooking. I've saved these last two files in there, output format. One of them was going to be a J peg, one of them is going to be a ping file. But I may want to come back later on and reuse this heart and fill it with another pattern, e.g. or I may want to create another sheet of scrapbook paper, but this time using a different background. So what I would do at this stage is also saved H of these files as a PSD file. Because then it would be easy for me to come back in and e.g. make another polka dot pattern with a different color background. Make another sheet of scrapbook paper, perhaps re-size my design, use a different color background. You'll want to be balancing time and effort here. If you want to create e.g. later on, a whole series of scrapbook papers that are this polka dot with different color backgrounds, e.g. you won't want to be trying to remember what scale you used. So it would be really advantageous to have this file saved so that you could very easily see what you did and make changes to it. E.g. changing the background but not actually changing the polka dots themselves so that you could have a whole set of sheet of scrapbook paper that all had the exact same size and number of poker dots on them but with different backgrounds. So for every one of these files, I would be saving them as a PSD file File and then Save, I'm going to save this on my computer. I'm going to call this master polka dot scrapbook paper. It's a PSD file. I'm going to save its color profile and I'll just click Save. I do want to save layers. That's really important because that allows me to change things, lay her on. And I would do the same with this. This would be the heart as a scrapbook embellishment. And depending on how much effort you've put into designing your patterns, you may also want to save this as well, because we could come back in here and simply change the color of our dot. And here is a different color, polka dot pattern. You can see that you don't want to be just discarding these master documents because they can be quite valuable. But also be aware that five or six patterns into making these things. Things could start being a little bit untidy. So you may want to have a set of folders for your master documents, for your master patterns, e.g. and a set of folders that contain your master scrapbook pages, whatever it is that you're planning to sell, just think in terms of organising these files in a structured manner. Now in addition to saving these files, we need to talk about saving the actual patterns and we're going to do that in the next lecture. 6. Pt 5 Save your Patterns as an External File: Now the good news with patterns in Photoshop is this. I've saved all my documents and close them. I'm going to create a brand new file. So I'm going to create again as scrapbook paper size file here. I'm just going to click on Create. Now when I go to Layer New Fill Layer Pattern, I'll find that the pattern that I created is still in this patterns dialogue. Both of them are the one that has the background and the one that doesn't have the background. And this was going to be the case in Photoshop because photoshop actually saves these patterns in your Photoshop preferences. So tomorrow, the next day, three weeks time, you are not unreasonable in expecting that these patterns are going to appear in the patterns dialogue. That is, until the day that they don't appear. Because there are some circumstances in which it's possible to lose all your patterns from the patterns dialogue. And the bad news then is that they're really difficult, if not impossible in some cases to get back. So that's leaving you a little bit stranded. You've potentially put a lot of work into creating a pattern. And when you come into Photoshop, your pattern isn't there. The other situation is one that is very typical because when things go wrong with Photoshop, quite often people will tell you to reset your Photoshop preferences, just open Photoshop and discard all your old preferences. Well, a lot of those preferences are fairly easy to get back, but patterns are Preferences and then not easy to get back. So just be aware that you can be lulled into a false sense of security here, every time I open my patterns dialogue to add a pattern to a document, all my patterns are there. Life is really good. But one day it may not be like that and you may open your patterns dialogue and all your patterns have disappeared. So let's see how we can protect ourselves from this happening. I'm going to choose Window and then patterns because this gives me access to my patterns, dialogue, all the patterns that I have in my collection. I'm going down here to the two that we've created in these last two lectures. I'm selecting on them and I'm going to click the Flyout menu. I'm going to choose from here, Export Selected Patterns. And I'm going to export them in this case to my desktop because that's where I'm saving my patterns right now. But you can put them anywhere where you can remember where they are. And B have reasonably quick access to them. So I'm going to call these polka dots. And it's a PAT file. That's a Photoshop pattern file. That's what Photoshop expects your patterns to be saved as. And I'm just going to click save. So now these patterns are saved in an external document. They saved on my desk. I would back them up to a drive or back them up to Dropbox or whatever you do for your backups, just to make 100% sure you have access to them. But they are saved as external file. So let's go and live life on the wild side. I don't suggest you do this, but I'm going to do it. I'm going to delete these patterns from the pattern dialogue. I'm going to close this document. I don't go to restart Photoshop. This is the worst-case scenario. I'm going to create a new file, I'm going to make it scrapbook paper size. I'm going to choose Layer, New Fill Layer Pattern. I'm going to go and look for my polka dot patterns and they're missing, they're not there. And when that happens, if it does happen to you, you're going to be saved by the fact that you've saved your patterns as an external file. This is how you're going to get them back. I'm going to choose Window and then patterns to open up the pattern's dialog. I'm going to the flyout menu and I'm going to choose Import patterns. We exported them last time. We're going to import them this time because they're saved as an external file on my computer. So I'm going to click Import patterns. Here they are up here, polka dots, PAT. That's the one we just saved a few minutes ago. I'll click load. And here they are. They come in as a collection called polka dots. So they are going to be located a little differently than before. But here are my two polka dot patterns. Now if these were patterns that you'd spend a lot of time creating, you're going to be really thankful that you save them as an external file. And in addition, that poker dots dot PAT file is a saleable file. This is a file that we could sell on a site that sells PAT files and make money from. So that's how you would actually export your patterns as PAT files for both sites that sell PAT files. We've dealt with a lot here in this first section on creating patterns. In the next section, we're going to look at some design considerations for actually making patterns. We've skipped over a whole lot of stuff so far and we're going to go back and start filling in some gaps and some technical gaps at that. 7. Pt 6 What do you need to upload: Up till now in this course, we've been working in Photoshop. We've been creating designs without a real appreciation of where we're headed with these designs. I just wanted to get you up and running and doing something so that you could start making patterns. But right now, it's time to head to the web because we need to make some decisions about what we're making patterns for. Because where we intend to sell these patterns or use these patterns is going to impact how we work in Photoshop at least to some extent. Now one of the places that you may choose to sell your designs is a site called Spoonflower. At Spoonflower, they print fabric and they print wallpaper. So there are all sorts of things here that you can print on Spoonflower. But the way Spoonflower works is that it typically wants from you the actual pattern swatch. So if we go back to Photoshop, what we want to be sending to Spoonflower is this. This is the element that we would be sending to Spoonflower. Because what Spoonflower will do is it will take this polka dot and repeated over the fabric. And when you're buying fabric, you don't know whether you're going to be buying a fat quarter or yards and yards of fabric. And so Spoonflower doesn't want you to create a document filled with a pattern because it may not be big enough. So it just wants the pattern swatch from you That's very different to most other sites. So let's have a look at another site that you might sell on, which is dazzle with Zach puzzle and e.g. with other sites like Redbubble here, what you're going to be uploading is a document filled with your design. So these two sites as well and red bubble or going to work differently to Spoonflower, then e.g. if you're selling scrapbook paper, Then on a site like Etsy, you're going to be creating something a little bit different. You're just going to be creating a fixed size document and selling that on it. So you want to be doing some thinking about where do you want to start selling your work or where do you want to start creating products made with your art? And then start doing some research into what that particular site needs from you. Because Spoonflower is so totally different diseases and Redbubble and adds is different. Again. I suggest that at this point you go have a look at online print-on-demand sites. Think about whether you want to print fabric or t-shirts or bed sheets or cell phone covers. Have a think about that and research some of the sites that are available and start thinking about what you're going to be selling on those sites. Because once you've determined a site or two sites that you want to sell on, then you've got some more research to do. And we're going to look at that in the next lecture. 8. Pt 7 Doing the Research: Let's assume that you've decided that you want to sell your art on Spoonflower. Then you'll go to Spoonflower and look up its Help Center. Because inside the Help Center at Spoonflower is a whole lot of information about what you need to upload to Spoonflower. So you can see here that it looks like Spoonflower wants to sRGB files. You can see here that they are going to tell you about the image resolution and the DPI of the files that you are uploading. So go to the site that you intend selling on, go-to It's Help section and start making notes. Read through all this information. Make notes about color format, make notes about the file formats that you are allowed to upload, the file size, the dimensions, the DPI, all this stuff is stuff that you need to know to be able to successfully sell on that side. So Spoonflower has a really good help section. So too does dazzles as has got a good help section here, It's going to be different. What they need is gonna be totally different to Spoonflower. So again, come in here and start making notes. What sort of files can I upload? What color profiles, how big does the file have to be, the resolution of the file? They're going to tell you all about that. Make lots of notes. You're going to find a similar thing at Red bubble. The red bubble help section is very good. They've got a thing on dimensions and format, and they're going to tell you how big a file you need. They're also going to tell you what they'll take. They'll take JPEG, PNG and give, but they won't take tiff and PFD files, so don't upload them. So again, you're going to be here making notes of the kind of things that you want to sell. And then making notes about how big an image you need to produce. Here you'll see that red bubble says that if you want to use a single image file for every product, they recommend you start with a document that 7632 by 6480 pixels. Write that down. That's the file size you need to create. I'm back here in Photoshop where we were creating for scrapbook paper 3,600 by 3,600. If you're going to be selling on red bubble, then you're going to be wanting to set up a file that is at least this size. So write it down so that you can set up your file size correctly when it comes to creating a final image with your pattern ready for uploading to read bubble. Now, things that Etsy are really confusing because etsy doesn't have a help center. Because Etsy cell so many different products that the Help Center doesn't help you in terms of digital products. So what I suggest that if you want to sell digital art on Etsy, that you go and look up to see people who are also selling the kind of digital art on Etsy that you plan to sell. So e.g. if it's scrapbook paper, go and look up digital scrapbook paper on Etsy. And then go and have a look and see what people are selling. So e.g. this is a set of scrapbook paper. Let's just click on it and see what this person is selling. I've absolutely no idea. They're selling it as a digital download and they're selling it as zip file. So here are the details. 12 images saved individually, no watermarks. Ping files, JPEG file 300 DPI. The images are 12 by 12 in size, so they telling you exactly what they are selling. And because this person is a bestseller, you can assume that they've done their work and they've worked out exactly what you need to be a bestseller of a star seller on Etsy. Learn from these people. And if you want to see how they package it, then just choose a really cheap package on Etsy, e.g. $1.50, that's $1.50 worth of research. Go and buy it and download it and pick it apart. Go and learn from what they've created so that you can then create your own scrapbook paper, knowing that you're matching the kind of setup, the file specifications that are being used by best-selling sellers on Etsy. So that's what you're going to need to do on it to other sites. Make it a little bit easier because they're really only selling one thing. They're selling images on products, Whereas Etsy selling everything. So the next logical step is after you have actually determined where you want to sell and what you want to sell is start making notes about the actual file sizes, all the way down to the color profile to use the file size to create what file formats you can use. And also just go and poke around the sites that you intend to sell on so that you can learn from them. Let's go back to this base digital paper. And here you'll see that this person's actually got some images that specify what it is that they're selling. Now, other sellers, Let's go and find somebody else who's selling here on Etsy. We might be able to learn something from. Here's the original, this is a different person. Let's click in here and see what we can learn from them. Well here they've got a whole lot of images, so they're actually going to show you individual images of the scrapbook papers that they're selling. This person along with packaging their files for sale is also making some thumbnail images to advertise their art work. So what you might do as a result of doing this kind of research is write down what you like about how this person has prepared everything for sale. They've got lots of images. All the images has their little flag across it with all their information. The other person that we looked at, the base person actually had documents that had all their specifications really clearly identified. So this might be as a result of them having problems with people not understanding what they're getting. So learn from them. They have this image. Maybe you're going to need to add that. Take a screenshot of it so that you could reproduce something similar to this as one of the images that you're going to use to identify your products as you're selling on Etsy. If you go to Spoonflower, then you can have a look inside Spoonflower and you'll find that some people sell collections. They have lots and lots of collections of their artwork that are in different colors, or were they using similar elements? So in terms of fabric, you may want to buy fabric for a skirt that has different panels while you want things that are going to color coordinate. So you can learn a lot about what you're going to need to provide to sell successfully on these sites by just having a look at what other people are doing. We can't do that in this class because there's just so much to look at, but just take a pen and paper and sit there for an hour or two and go and have a look and see what people are selling. Get familiar with the site so that you have a plan of action that you can then put in place once you've got your designs. And of course, part of this is going to also be driving you in terms of what kind of designs you need to make, do need to make multiple colors of a design. Or those sorts of things should be in your notebook. 9. Pt 8 Multi Color Polkadots: So now we've gotten some thinking in terms of where we're going to sell them, what we're going to sell. Let's return to some basic patterns and we're going to start with another polka dot pattern. But this time we're going to do two colors. I'm going to click on new file, and I'm going to start with a document that is 600 by 600 pixels in size, RGB color. I'm going to make it 300 pixels per inch and transparent. Now, one of the things to note about this, if this is going to end up being our pattern swatch, it is 600 by 600. So that means that printed at 300 DPI, it's going to print it about 2 " by 2 ". If we wanted our polka dot pattern to be much larger than we would be starting with a larger size documents. I'm just thinking in those terms. I'm going to be repeating this throughout the class and talking about this. But it's also wise to think in terms of when you start making a document, how big is this going to reproduce without upscaling? Because we want to avoid upscaling if we possibly can. So let's go to the Ellipse Tool. I've got no stroke and I'm going to choose a fill color. So I'm going to choose this turquoise green fill color. And I'm just going to hold the Shift key down as I drag out quite a large circle. Again, this wasn't a shape, so I can come up here to the align options. I'm going to choose Canvas and I'm going to align this to the very center of the document. Now that's going to be particularly important here because we want a multi-color pattern. We want green dots and we want pink dots. And so we want to make sure that the green dots are dead in the center of the document. Let's go to the last panel here you can see here is our ellipse. Well, if we want dots that are exactly the same size but pink, Let's just go and make a copy of this. So I'm going to drag it onto the plus symbol down here so I make a duplicate. So I've got a green shape on top of a green shape. Well, let's click on this topmost one and let's change its color. To do that, we need to get into the Properties panel. All we need to target a shape tool. So e.g. we could go back and target the Ellipse tool, or we could select the path selection tool that's going to bring up these options here on the toolbar. Or as I said, you can get to them through the properties panel. So let's go here and let's choose a pink color to use. Not really overly happy with that. So let's just go and get the color picker so we can find something a little bit nicer to use. Okay, so here is our pink color. So we've got a pink dot on top of a green dot. To make this into a pattern that is going to repeat, what I need to do is to put this circle up here. I'm just going to show you don't follow along at this point because it's not going to work and it's not going to be nice. But essentially, this is what we want to make our pattern out of. We want a quarter of the circle in each corner of the document. Let me just undo that because there is a way to send it to the corners of the document more easily than actually doing it by hand. So what I'm gonna do is use what's called an offset filter. So I'm going to select here on Filter and go to Other, and then go to Offset. Now I'm going to get a warning that the shape layer has to be rasterized or convert it to a smart object. I deliberately didn't do that because you're probably going to see this option come up. So let's just convert it to a smart object. We'll talk about smart objects a little bit later, but for now, just convert it to a smart object. Now, in this offset dialog, we have to put in two numbers. It looks like it's confusing, but it's actually really, really simple. What we have to do is remember how big this original document was and it was 600 by 600. And so in this offset area, we're just going to type in a number that is half that, half of the width and half of the height. And since it started off at 600 by 600, if we divide 600 by two, we get 300. So there's 300 for the horizontal and 300 for the vertical. And I'll click, Okay. And what photoshop has done is it's broken that circle up into four pieces and shoved it into the corners of the document and it's winded up perfectly. So this is our multicolored pattern swatch. Let's go and save it, Edit and then Define Pattern, multi-colored polka dots. Let's go now and create a brand new document. Now, let's say e.g. that one of the sites that we're working on once really, really large documents. So 10,000 by 10,000 pixels. I'm just going to grab a document that's 10,000 by 10,000, It's huge. I'll click Create. We're going to fill it with our pattern by choosing Layer, New Fill Layer, and then go to Pattern. We'll click Okay, and then we'll go to the drop-down here and select our polka dot pattern. Now, this point we can scale it down if we want more polka dots and if this was a bed sheet or something, we may want it to be much, much smaller in terms of our polka dots. I'll just click Okay. Now it would help me to be able to see this more clearly if it had a white background. So again, let's go and add a layer. I'm just going to click on the layer of white as my foreground color. Let's go to the paint bucket tool. Just dump the color in here, and again, just adjust the order of those layers. So here is an offset polka dot pattern. The green and the pink dots are alternating. The pattern that we created can fill a document of any size we like with this really, really much more sophisticated polka dot pattern. This is more sophisticated than the one we started off with. We can get to the one we started off with by going to the pattern dialogue and just clicking on it. You can see this is the one we had to start off with, and this is the more sophisticated one that we have created now. 10. Pt 9 Stripe Pattern: This next patterns are very simple. One, again, we're going to create a stripe pattern. Again, we're going to want to be thinking about how big we want our stripes to be when we're setting up our document. I'm going to choose 600 by 600 because that's going to give me the ability to have reasonable size stripes. They're going to print at 2 ". So two stripes together, we'll print across 2 ". But they'll also scale down really nicely too. I'll click Create. Now for this, I'm just going to select half the document. So there's documents 600 by 600. So I'm going to select a shape here that is 300 by 300. So I'm just looking at the literal size widget here until it reads 300 by 600. And I'm just going to let go of the mouse button. This time I'm going to choose a color this way, so I'm just clicking on the color picker. Let's choose a nice turquoise green color for our stripe. I'll click Okay, and I want to fill it with that color. So I'm going to the paint bucket tool. This is the area of the document that is selected this size. So I'm just going to click into it, drop in my color. Now I want to deselect my selection, so I'm going to select and then de-select. We go to the Layers palette. I'm just pressing F7 to see my document. We've got a stripe and we've got an empty area. So what we're going to be able to do later on as to drop a color behind this. So we're going to have lots of vertical stripes that are this green color with nothing in between them. So let's go to Edit and Define Pattern, and we're just going to call this stripe. Now, don't be put off by what you're seeing in that little box here. You can see that it's a really, really thin selection. One side of its green, on one side of it's transparent, but it's actually probably only one or two pixels thick because that's all we need. Because that's all that the pattern needs to be at the very, very small, but don't be thrown off. It's going to work just perfectly. Let's click. Okay. So let's go back and let's this time make it into scrapbook paper 3,600 by 3,600 transparent background click Create. We're going to fill it with our stripes layer, new fill layer. Go to Pattern. Click. Okay, Let's go and get our stripe. And you can see it's feeling really, really nicely. If we want more stripes, thinner stripes, I'm just going to make it 25 per cent and click Okay, let's go and create a fill layer to put behind it Layer, New Fill Layer, make it solid color. Let's choose just white. And we're just going to drag it behind. So now we have white and turquoise stripes. Of course we can change that by just double-clicking on the solid color layer. And let's go and find a different color to use. We could choose a really dark color so that we've got our light stripes on a darker color background. We could choose a sort of yellowy color. You can choose whatever you like, that's probably going to flare on your screen. So let me choose something that's not going to hit you in the eyes. And again, we would just save that as our scrapbook paper. So stripes of themselves, really, really easy to make. 11. Pt 10 Gingham Pattern: For this next pattern, we're going to create a given pattern, which is a sort of check pattern, but with one color. I'm going to click New File and we're going to start with a document that is a reasonable size for a pattern. I'm going to choose something that is 600 by 600 pixels in size. I'm going to add white as my background here is. That's going to save a step in a minute. We'll click Create. Now for this design, we need a rectangle that is going to fill half of this document. And we already know that the document is 600 by 600. So let's go and select the rectangle shape tool and click once in the document because that allows us to get a rectangle that is the exact right size really, really easily. So I'm going to make this 300 wide and 600 tall. So I'm just typing those values in. I'll click. Okay. I'm going to move this up so that it's positioned over the side of the document here. And because I want it to be accurate, I'm going to click on these three icons here, make sure this is set to Canvas. Then I'm just going to align it to the left here. And I'm going to make sure that it's centered, aligned here. So I'm going to choose this one. Now the color is a problem at this stage, so I'm going to select over it. I'm going to target one of these shape tools because that gives me access to these options up here. But of course you can also use the properties panel. So I'm going to choose a color. I actually have a turquoise color already set up here. I'm going to the layers panel. I'm just going to press the F7 function k because my layers panel has disappeared. That's a nice, quick and easy way to get it back. It's probably a keystroke that's worth learning. Now, with this rectangle layer here, you'll notice that when I created the rectangle that was a shape, that's pretty important to make sure that you choose the shape option. What I'm gonna do is drag this rectangle onto the plus sign here, and that's the new layer icon. What it does is essentially because I'm dragging a layer onto that icon, it just makes a duplicate of it. So this one I'm going to rotate. So I'm just going to click on it with the move tool and I want to rotate it around 90 degrees. So I'm going to hold the Shift key as I do that Because constraints, that's movement, which means it's very easy for me to pick up where 90 degrees is because it's just making very small 15 degree increments. So hold the Shift key down to constrain the movement. Let go the left mouse button and then let go the Shift key. I'm going to move it up to the top of the document here and click the check mark to confirm that. I want to make sure it's in the exact right position. So again, bringing up these align tools, I want to align it to the top of the document, and I want to align its left-hand side to the left-hand side of the document. I could just as easily have chosen the right hand side. Either of those would make sure that it's aligned perfectly. Now if you know anything about Gangnam check, you'll know that it's a three color check. It typically has white here, a light turquoise here and here, and then a darker turquoise here. So the way we're going to create that is by adjusting the opacity of this color. So right now it is a fully opaque turquoise. I'm going to bring down the opacity to 75. So I'm just going to type 75 in there. And you can see that this is now a lighter turquoise and this looks darker than this one. So let's go to this rectangle and do the same thing. We're going to adjust its opacity down to that same 75 per cent. And so now we end up with a darker element in the corner because it's two colors that are partially transparent, overlaid on top of each other so they're helping themselves get darker, if you like. You can give that a boost by selecting this top layer and set this blend mode where it says normal because that's the default one. Set that to multiply and you would get a darker version here. So if you like that better than set the blend mode for this top-most layer to multiply, it has to be the top layer because blend modes affect the interaction between this layer and all the ones below. So you couldn't do it to the one below because this wouldn't have any effect at all. But with the top one it does have this, what we call multiplying effect that makes things a bit darker. This is now a pattern, so I'm going to choose Edit and then Define Pattern. I'm going to call this kingdom. And click. Okay, we'll test our pattern. It's really wise to test every single pattern as soon as you've made it, so that you make sure that it's working. If it doesn't work, then you can fix it up. For this. I'm just choosing a scrapbook paper size document. Yours can be any size that you like, although for ease you want it to be larger than the actual pattern size because you need to see those repeats. I'll choose layer, new fill layer pattern. From the drop-down list. I'm going to choose my new pattern. Now this I'm going to size down to a smaller size just so I can see how it looks. I'll take it down to 50 per cent and click, Okay. And there is arguing and pattern That's a very typical pattern, very popular and quite simple to make. 12. Pt 11 Chevron Pattern: For this next pattern, we're going to create a chevron pattern salt. Again, I'm going to create a 600 pixel by 600 pixel document. This one's going to be really important because the mathematics of this are a little bit tricky. So you'll want to be working with the same size document at least the first time that you make it. I'm making mine 600 pixels by 600 pixels, it's square and I'm making sure it has white background because again, that's going to save me a step in a minute. I'll click Create. For this, I need a triangle. So I'm going across here to the shapes collection. I'm going to click on the triangle tool. I'm going to make my Chevron in black, so I have black as my fill color. Of course, we're working with shapes. That's really important. I'll click once inside this document. So the mathematics of what we're going to do here is this. You're going to start with a square document. And whatever the width of that document is, in our case, that's 600. Your triangle is going to be twice that. So twice 600 is 1,200, so I'm just going to type 1,200 as its width. So whatever shape you start off with the dimensions of the square that you start off with just double up for the width and for the height, you're just going to use the height of the document. So it's 1,200 by 600. And that mathematics has gone to work for any size starting document, I'll click Okay. Now I'm going to bring this in so the triangle is positioned. I can grab it there, centered in the documents. So going up here to my three little dots here, make sure this is set to Canvas. I want to center this. I'm going to click on the center option here and this one here. Because I need to make sure that this triangle is exactly in the center. And I'm also looking over here at the Properties panel to see if that's working and thank you Photoshop. It's not because you'll see here that the position, the x, y position of this triangle is not exact numbers of pixels. So I'm going to make it that I'm going to set x to 300 or actually negative 300, and I'm going to set y to zero. You may have to force this because it may not be perfect. And because these patterns need to be perfect, you need to watch on this one. It's really critical that you get it right and Photoshop is just not being our friend here at all. So let's go to the Layers panel. We've got our triangle and it is perfectly placed. We can double-check that in the properties at anytime. Just double-check it if you're unsure, we're going to take this triangle and drop it onto this plus symbol. So again, we're making a copy of it. This copy I'm going to fill with white, so I'm going back to my Properties panel, or I could just select a shape tool and set it to white here. So we could do it in the properties panel or up here with a shape tool selected. Now I need to move this down. So what I want is for its y value, instead of being at zero as it is here, I want it to be half the height of the document. So the document is 600 pixels high, half of 600 is 300. So I'm just going to type 300 in here. And we have now got our chevron pattern. I'm just going to click away from it and then come back and click on it again and double-check in this properties panel to make sure that everything is the nice round numbers that we expect. We don't want 0.5 or 301, e.g. it has to be this nice even set of numbers. And once you've convinced yourself that everything is perfect and this black triangle hasn't moved and the white triangle is exactly where it should be. Then where right, for our pattern, I'll choose Edit and then Define Pattern. I'm going to call this Chevron. And click. Okay, let's go to the working document, a document that we have open that just allows us to test our patterns. Double-click on this thumbnail here, because this is a pattern filled layer and go down and pick up my Chevron. And my Chevron is working perfectly. That's a gorgeous pattern, very, very popular. Not too difficult to make if you think about the mathematics of it. The mathematics of it are this, you're going to start with a square document of a fixed size and make it nice. And even like 500 by 500 or 800 by 800 or 600 by 600, you're going to make a triangle that is twice the width of your document, but it's exact height. So let's imagine that we're working with a document that is 500 by 500. Triangle is going to be 1,500. You're going to align that up so it's centered in the document. Then you're going to make a copy of that triangle. You're going to fill it with a different color, your background color, whatever that is, typically that will be white. Then you're going to move it downwards half the distance through the document. So if your document is 500 pixels tall, then you're going to move it down to position 250, which has half of 500, then you should be right. If you just double-check that everything is lined up perfectly, look in the properties panel, make sure that those fingers are exact. And then you should be good to go to make your pattern, of course, tested to make sure that it's right before you close any of your documents. Because if it's just a case of moving things one or two pixels into the correct position. It's time to do it now, not later when you realize that your pattern isn't working as it should. 13. Pt 12 Diagonal Line Pattern: This next pattern, we're going to create a diagonal line pattern. It's a little bit tricky, but once you understand the process, it's pretty easy to replicate. We're going back to starting a new document. Again, let's choose the 600 by 600 pixels square document. You will want to start with a square document for a diagonal line or it's not going to work. I'm selecting a white background, so I'm going to have a colored line and a white line. I'll click Create. The white line itself is just created by the background to the document. The colored line we're going to create. I'm going across here to the shapes. I'm going to select the Line Tool. I'm going to make sure that I have shaped selected. I'm going to set no fill at all. That's really important because it's a line, it doesn't have a fill. And I'm going to set the stroke to whatever color I want to use. In this case, I'm creating a sort of candy pink line. I'm going to select the bottom corner of the document here. So I'm just going to locate my cursor right over that bottom corner. I'm going to hold the Shift key as I drag out a line and I'm going to make sure that it reads up the top there, 45 degrees. Actually, it's -45 degrees. That tells me that I'm going in a perfectly diagonal direction. I'm going to let go the left mouse button and then let go the Shift key. We're going to increase the width of this. I want it to be an even number of pixels. So I'm going to set this to something like 40. I want to make sure before I go any further that things are really well lined up in the corner. So I'm just selecting over my line and I'm making sure that it's right over the corner of this document that is critical. If this is not right, the whole thing's going to fail. So just making sure that this line, the selection I'm seeing on the screen is encompassing this very bottom corner of the document. And that's why it's critical that you actually have your width of your line set to a even number. So you can see here mine's 40 pixels. It could be 42 pixels, it could be 50 pixels, that could be 20 pixels. But whatever it is, it has to be an even number. If it's an odd number, again, this is going to fail. I'm just looking at this. I'm thinking it's probably a bit narrow. I'm actually going to double the width of mine. I'm gonna take it up to 80 pixels. I think that's a nicer line. I'm going into my layers palette at this stage, this is currently a line, it's a shape. I'm going to rasterize it. So I'm going to click on the area here, just this gray area. Everywhere you click in this panel, something different happens. So if I right-click here, I'll get something different to here. And I'll get something different to if I right-click here. So let's just right-click here because I want this long menu. I'm just going to choose Rasterize Layer. Now this is just pixels. I'm going to make a copy of it. And this one, I'm going to break up into the corners of the document so that it creates my line. So I'm going to choose Filter Other and then Offset. This time. I'm going to set this to repeat edge pixels. That's really critical here. And what I want to do is to set the horizontal and the vertical values to half of my document, width and height. So my document is 600 pixels wide, so it's going to be 300.300. But I'm setting this to negative and negative six, negative 300 horizontal and negative 300 vertical. If these were positive and negative, let me just show you what's going to happen. You're going to get nothing at all. So you need to pair these up with two negatives. And that will throw this into this corner. So we're just going to click, Okay. We can see that we're short this area than here. We should have a line down here. So I'm going to take this again and make another copy of it. And again, I'm going to use my filter other offset. This time I'm going to choose plus 300, plus 300. And that just throws the other line here. So if you've got three lines on your document that looked like this, a little one in the top corner and a little one in the bottom corner down here and a big thick one across the middle, then you're good to go. What's going to happen later on is that these are going to fill in these little positions here. That's why they're just tiny little pieces and that's why the big part of the line is across the document. This is also going to give you an indication as to what your stripes are going to look like. There's going to be a thin pink stripe and a big whitespace. If you don't like that, you can recreate it later on, just making sure that you start with a thicker stripe. But for now let's go and test this. I'm going to define a pattern, so I'm going to call a stripe diagonal. Let's go and test it. Double-click in our working document. If you don't have a working document, go and create one. Here is our candy striped. Now this is running at 50 per cent. This is what it would look like at 100 per cent. So you can choose what you want it to look like and click, Okay? If you're looking at this now and thinking that the pink line is a little bit narrow, the white line is a little bit big. Then let's go and recreate this diagonal line pattern. But this time with a thicker line File, New and again, 600 by 600 pixel document white background. Click Create. I'm going to select my line tool here. And this time I'm going to use a turquoise line. I'm going to make it much thicker. I'm thinking probably something like 160 pixels might work again, remembering it has to be an even number or this is doomed. We're going to select Shape and I'm going to position myself in the bottom corner of the document here, hold the Shift key and drag upwards. I'm going to double-check to make sure that my shape is positioned right over the bottom corner of the document, which it is, it's right over this corner pixel. We should be good to go here. Going to the layers panel. I'm going to right-click and rasterize this layer. And then we need to make a copy of it, drag it onto the plus symbol, and then we're going to apply that offset filter, filter, other offset. The offset filter remembers where we were last and you can see here that now we've got it set to plus 300 and plus 300 with Repeat Edge Pixels, everything's perfect. I'll click. Okay. We're going to make another copy of this line and reapply the same filter, filter other offset. And we're going to change the plus 300 -300, making sure that we've got this striper or this little mark are appearing in this top corner. Click Okay. This is now a thicker line of pattern, a thicker diagonal line. And we'll test it in our master document here, double-click on it. And here we have this much thicker line. And of course you could make that even thicker now that you understand the process and that's a good exercise to go and practices make a diagonal line pattern, but this time, using your 600 by 600 pixel document, make your line even wider and see how that goes. 14. Pt 13 Madras Check Pattern: For this next pattern, I have a little trick for you. We're going to create some stripes and from that create a Madras check pattern. And we're not going to do any of the color picking ourselves. We're going to get it from a photograph. So firstly, I'm going to open a photograph now. I've already created that and I'm going to give that photograph to you. So here it is, open inside Photoshop. I need to set this to a known width. And there are a couple of tricks here. It will be hard for me to set this to something that is nice and even in terms of width and something that can be divided evenly by numbers such as 25, 5,100. So I'm going to choose Image and Image Size. Right now this image has width is 1,800. Well, I'm going to make it 1,000. Now that squashing it up because I don't have this option, select this, so my image is going to be squashed up. But you know, that doesn't matter. Let me just click Okay, because all we've come here to do is to borrow colors. We're not actually going to use this picture is not going to look anything like this in a minute. All we want is something that is a nice with a known width and something that we can divide numbers into 1,000. Perfect. So now I'm going to apply a filter to this image that's going to turn it into a mosaic. We'll choose Filter and then pixelate and choose mosaic. And here's why we created it as a fixed size document. And this is why we're using a mosaic option. Just got it set to 50 here the mosaic size, what you can see is that each of these flowers and the greenery has been reduced to a small number of blocks, which are essentially 50 pixels by 50 pixels in size. And Photoshop has just reduce the colors. So instead of having full flower detail in here, we've just got the red from the flower. Let me just take it out to 20 by 20. You can see that the flower is coming back, but it's just blocks of color rather than the hugely detailed flower that we started off with. So what I'm going to do is set this up so that I get some really nice colors. I'm thinking something like 100. That's going to give me even sized blocks. In fact, that's going to give me ten blocks of color across the document, because each one of these is going to be 100 pixels wide. Ten by 100 is 1,000 my documents or thousand pixels wide. So what I'm looking for here is do I have some interesting colors? I'm looking at this band through here, and I think I've got pretty much what I want here. I've got some greens and I've got some Reddy brown. So I'm going to call that good and click Okay. For my pattern, I need extract just this row of colors, while whichever row of colors I choose, but I've chosen this one here. So I'm going up to the Marquee Tool white now it'll probably show us the Rectangular Marquee for you. You're going to drop it down and you're going to choose single row marquee tool. This is probably going to be about the first and last time you're ever going to use this tool, but for this purpose it's just perfect. So what I'm gonna do is just click in this row of colors that I want to use. And Photoshop selects for me a row that is just one pixel deep and it's got all those colors in it. Edit, define pattern. I'm going to call this multicolored stripes and click. Okay. Now I'm going to choose, select and deselect just to turn off that selection. And let's have a chat about the document that we're going to use to test this in. Because this is going to be critical if we want to make our stripes into an address plaid, we've got a pattern that is 1,000 pixels wide. I'm going to make my test documents some multiplier of 1,000 pixels. So it could be 2000 by 2000 or 3,000 by 3,000 or 4,000 by 4,000. But I want the width of my pattern to go in evenly. Let's choose File and New. And for this I'm going to make my document 3,000 by 3,000. Now the only reason why I'm doing that is because I want to make my stripes also into a MAC address check I'm going to get extra value for the work that I'm doing here. So we're going back to layer, new fill layer and then pattern because that's what we do. I'm going to click Okay, and I'm going to the very last pattern here, which is my stripes. I'm just going to set them at a scale of 100. I don't want to change that at all. And I'm going to click, Okay. I'm proving to myself that my photograph has now become an interesting pattern. So there is a set of multi-colored stripes. Easily done, save it like any other pattern. And we've got a set of stripes. But as I said, we've also got the possibility of creating a really interesting Midrash check. Let me open up the Layers panel. And what I'm gonna do is take this pattern layer and I'm going to duplicate it. So again, I'm just going to drag it from this gray area here. Just drag it down onto that plus symbol and let go. And I'm going to double-click this one at the top, the thumbnail at the top. And I'm going to change the angle on this pattern. 90 degrees. So my stripes have gone from vertical to horizontal. I'll click Okay. The problem with that is that I've got horizontal stripes on the top and vertical stripes underneath them and they not having any relationship to each other, we can't see through them. So what I'm gonna do is set each of these to a lower opacity. I'm going to start with about 50 per cent. So let's set that top one to 50 per cent. Then let's set the opacity of this one here also to 50 per cent because we want this to look like a check. And so we want the exact same opacities for each of them. This is pretty good, but I think it can be improved as we did with the Gangnam patterns. You'll remember that we use the multiply blend mode on those. There's a chance that a blend mode might blend these two layers together into something that is a little bit more interesting. So with the topmost layer selected, I'm going to run down the blend modes. I'm just going to hover over each in turn and see what I can get. These blend modes, just blend the colors in with each other. In interesting ways. I'm really liking hard light and vivid light if I want a slightly more vivid Madras check or linear light. In fact, let's go for Vivid Light. Now we may be able to impact this a little bit by perhaps decreasing the opacity again. Let's see what happens when we take it to, well, let's try 35 per cent on each of these layers. So here we have something that's a little bit brighter than it started off with because of this blending of the top layer in with the one underneath. If you think that's not enough, let's just take it up to 40 and let's try each of these at 40 per cent. So you can tinker with these as you like. But what you've got here is also a seamless repeating pattern. So let me choose, Edit and Define Pattern, assuming that we like this pattern. Let's call it my dress. And I'll click Okay. Now this pattern piece itself is 3,000 pixels by 3,000 pixels. So if we want to test it, we're going to test it in a larger image File and New. And I'm going to create a document that is a little over twice the size of this because we're only testing it. It doesn't have to be a fixed size or particular size. I'm choosing 7,000 by 7,000, I'll click Create Layer, New Fill Layer Pattern and test out our address check and just make sure that it's looking as it should look and it's a really pretty little check. I really love the effects that you get here because it really is a bit of a surprise. What you get, you started out with a photograph of a flower and you end up with an address check. So I encourage you to play around with the photo I'm giving you and also other photos that you liked that have interesting colors in them. And see what sort of stripes you can get out of it. And see what you can make in terms of these really gorgeous Midrash textile patterns. 15. Pt 14 Overlapping Circles Pattern: For this next pattern, we're going to create a pattern of overlapping circles. But because this is actually fairly complex to create, if you build it up by hand, we're going to use what are called smart objects. They're just going to make life a little bit easier. So we're going to start with a new file. I'm going to create it as 600 by 600 pixels. It's important that it's a nice even number so that it's just easier to work with. I'll click Create. We're going to make a circle. So I'm going to the Ellipse tool click in the document and I'm going to make a circle that is the exact same size as the document. That's really important to start off with. I'm going to drag this circle so that it is aligned to the very bottom of the art board across its middle. So over here in the properties panel, she should have a width and a height of 600, an x value of 0ay value of 300, it's in the perfect position. Now I'm going to display my layers palette here, and I'm going to right-click this shape layer and choose Convert to Smart Object. That's really important because now this is a smart object and so we can make edits to it really, really easily. But before we do, we're actually going to place the other bits that we need. I'm going to take this ellipse and I'm going to duplicate it. So I'm going to right-click and I'm choosing Duplicate Layer. It's important that you create it as a duplicate layer. Don't choose New Smart Object via Copy or things are going to fall apart. So we're duplicating a layer. I'll click Okay. This one which is the one at the top, I'm going to move up and across here so that it's lined up to the very edge of the document. So I'm going to look in the Properties panel and what I should have for this particular shape. They should have the width of 600 and a height of 600 because it hasn't changed in size. But the x value should be -300 and the y value should be zero. Now, at the moment this one is on top of this one. I'm just going to move it behind again, that's critical. So I'm going to take this one that I just created. Let me just turn the first one off. Let's take this one that I just created and duplicate it. Right-click and choose Duplicate Layer. Click. Okay. And this duplicate, I'm going to move across, so I'm holding the Shift key as I do it, so it moves perfectly horizontally. I'm just lining it up to the other side of the document. So again, in the properties panel, we have the width and height are unchanged, 600 by 600. The x value is 300, y-value is zero. This is all looking just perfect right now, I'm going to turn on this top-most layer again, which is this half circle. I'm going to make a duplicate of it. Right-click and choose Duplicate Layer. Click. Okay, I'm going to take this one up to the very top. Hold the Shift key as I do, and just move it up to the top. Check the properties panel. We've got same size, 600 by 600. X is zero pixels, y is -300 pixels. That's perfect. But I'm going to take this top shape here and move it to the bottom of the stack so it's down the bottom here. We have on the top is this shape here. Underneath it are these two shapes. And then underneath them is this shape at the bottom. So just check and make sure that you've got everything as it is or as it should be. You should have a pink document. It's not going to stay pink for very long. Let's go and just double-click on one of these. It doesn't matter which elipse we click on. I'm just double-clicking on this. Now I'm going to start building up my concentric circles. This one was 600 by 600. I'm going to click on the Ellipse tool. Click in the document, this is going to be 500 by 500. I'm going to change the color of this to a different color, pink. I have a lighter pink here. Of course yours can be any color at all. I just suggest that you alternate your colors. So I'm just gonna make sure that this isn't a very middle of the document. If I'm not sure it is, I'm going to make sure that this reads canvas. And just click to put my circle in the middle of the document. I'm going to create another one. The last one was 500 by 500. This is going to be 400 by 400. So they're coming in by 100 pixels at a time. And I'm going to move this in to the center of the document. And I'm going to create another 1300 by 300. This is going to be that same light pink. There it is. Again, in the middle of the document. So what I've got now is I'm working on the smart objects. I'm working on just one of those circles in the original pattern document. It's a PSB file. So up the top here you should say something dot PSB, that's an embedded smart object. What we're going to do is close at, so I'm going to click it's X button to close it. And I'm asked if I wanted to save changes to it. And I will always say yes because that's going to save the changes I just made through this document. And when we come back to our master document, you can say every single one of these smart objects has changed. They've all got the exact same look now as the one that we just edited, double-click on this ellipse, I can go back into the smart object. And this is my document with the embedded smart objects. Now if I think I wanted to add another circle, I can easily do that. So this one's going to be 200 by 200. I'm going to pick up this darker pink. Again, make sure it's centered in the middle of the document. Again because it's an embedded smart object. I'm just going to close it. Click on the Close button. Yes, I do want to save it because I want to update the original document with this one that now has an extra circle in it. And here we have our document created with these four Smart Objects and now all edited. So they're all exactly the same. Let's go and save this as a pattern. Let's go and use it. Again. I'm just creating a document that is scrapbook paper size, layer, new fill layer pattern. And let's go to our last pattern, and this is our pattern of overlapping circles. Let's just take it down to 50% scale. Now this pattern also looks good if you put something in the middle of it. So let's go back to our sample that we're working on. Double-click on our smart object. I'm going to the custom shape tool and I am using one of the legacy shapes. So if you don't see your legacy shapes, this is what you're going to do. You're going to go to Window and then shapes. We're going to the flyout menu here and you're going to choose legacy shapes and more. And that will add your legacy shapes to your Shapes panel. So let's just close that up. And I'm going to my shapes panel. I'm going into legacy shapes. I'm choosing all legacy default shapes and then nature. And this is the one I'm using, this little flower here, but you could use anything you like. So now I'm just going to drag this shape in, holding the Shift key down to constrain it to the proportions of the original design. And I'm going to use my pink. So I go back to our shape tool and choose the pink that I've been using all along. Although of course you could choose a different color if you wanted to. Now we go ahead because this is an embedded smart object and just close it and say Yes, we want to save it. The entire pattern is updated, although we do need to save it as a pattern because it has changed. Choosing circle with flour. And now let's just go and double-click on the pattern and choose this new one that now has the flour in it. So here is the pattern we created earlier, and here now is one that has a flat and the centre. These overlapping circle patterns are really quite attractive. They look particularly good in just two colors, alternating colors of the circle. But you'll find that creating them using smart objects will make it a little bit simpler. And it's very easy to update every single circle in that pattern by simply updating your smart object. 16. Pt 15 Grid Pattern: For this next pattern, we're going to create a grid, but we're going to start with the grid and work backwards because it's time to have a look at the basics of how would you even create a pattern if you saw something on a sheet of paper on a website and you want to copy it or adapted, how would you know what you need to make the pattern? So we're going to look at this grid pattern. It is just a series of intersecting lines. So if I was to see this on a sheet of paper and want to turn it into a pattern. Firstly, I'm looking for some repetition. Obviously, what you're looking for Is elements that are repeated and they're exactly the same every time they're repeated. And here we've got obvious, obvious repetition. So to make it into a pattern, what I'm going to do, I've actually got the pencil tool selected here. I'm going to mark a point, a point that is really easy to identify it. So I'm picking the intersection here of these two black areas. So I'm just going to click there. So that's the point that I'm marking. And I'm going to look horizontally because patterns are rectangles, so we need something in a horizontal direction. I'm going to look at where i next see this faint line and all the way across here, this is the next time I see it. So I'm going to mark that. I'm going to come back to this point because again, we're looking to mark out a rectangle. Of course, a rectangle can be a square, but it doesn't have to be. And I'm going to look for the next time I see this bent corner. So here it is here. So I'm just going to mark that and then I'm going to check to make sure that I also have a bent corner here. I've marked out this rectangle. So let me just draw this. This element here would make a pattern. Let's go back to this document. And this is a pattern pace. So this is a pattern swatch, just these two bent lines. All that we need to create this grid pattern. Now that's not the only way we could create this grid pattern. Let me just turn this one off. Let's add a brand new layer and let's find another way potentially to make this grid pattern. Let's look at the very middle of this square because that's an identifiable points. I'm going to click here. And where do I see? The middle of a square? Well, here. And then if I go in a vertical direction, where do I see the middle of a white square down here and here. So this here would also make a pattern. So I've got that here in this document. This would also make a grid pattern. And let's add another layer here because there are other ways to make the grid. I'm just going to cover three of them here, but there would be others. So what if we said, instead of the middle of this white area, what have we said? The middle of this black area where the two lines intersect. Well, I'm just going to click there. And that's the start of my pattern pace. Where do I see that exact same point in the middle of two overlapping black lines here. And then vertically, well, I see it here. And I'd say the next one over here. So potentially this would be a pattern pace. It's going to be half a line. It's not going to be the full thickness of a line, it's just gonna be half a line. Let's go back to my pattern document here. Let's redisplay the last pallet. And this is also a pattern, in this case, this line all the way around the edge is half the width of these lines. You can see that these are much thicker. And it's half the width because it's going to be added together because this is going to line up over here. So it's going to be twice the thickness and twice the thickness round all edges. Now, I've gone ahead and created H of these as a pattern swatch. I just showed that particular layer and went to edit create pattern. So let's go and have a look in the master document that we're working with here as to what we've got. This one here is the pattern paste that's made up of the half line, the half line, weight line, all the way around in a square. You can just sit here. Let me see if we can say it more clearly. You can see here that this is this pattern pace and it creates this pattern. Here's the one that is the cross in the middle. And you can say that it's also creating this grid pattern. And here's the one that is that bent shape. It's just a two sided shape. And again, it is creating this grid pattern. So if you come to create a pattern yourself and you want to copy it from something or adapted from something. That's the first thing you're going to do is you're going to mark out on that document. Let me just go to the actual pattern paste. This was the one that we're using. It's going to shift slightly because of the different location of the lines. But you're going to work out where the starting point of the patent is and the ending point of the pattern swatches so that you can determine what it is you need to create to actually create that pattern. So for grid patterns, you can do it in one of a number of ways. You can do something that's all the way around the edge, but just make the lines half the thickness. You ultimately want your grid to be. So if you want your grid lines to e.g. be 100 pixels wide, then these would be 50 pixel boxes. This is another option, but this would be 100 pixel boxes because that's the line width you're not going to be adding to it to make it any thicker. And this one here, again, 100 pixel boxes because you've got one edge here, one edge here. And then this is going to be repeated over here, and this line is going to be repeated over here. They're not going to add to the weight. So you need to start with your boxes the exact way that you want your line ultimately to be. So that's another pattern that you can create your free to go and create that yourself by just creating these shapes. Let's go and actually do one together. I'm going to do this one here. So what I'm gonna do is use the rectangle tool. My document here is 600 by 600, and I want my line weight to be 100 pixels, e.g. so I'm going to make the width of the line 100 and the length or the height is going to be the full 600 because it needs to run down one side of this document and moving it into position. Let's just go and make it black. If you want to make sure that it's in the right place, click the Move tool. Go up here, set this to Canvas and make sure that it's aligned to the left-hand edge and to either the top or the bottom of the canvas. Then we're going to make a duplicate of this shape. So I'm just going to drag it onto the plus symbol here. I'm going to rotate it around, so I'll hold the Shift key as I rotate it. I rotate it to be perfectly horizontal, that's 90 degrees. Click the check mark, and let's just move it into position. Let's make sure that it is exactly correct. It needs to be aligned to the top of the document and either the left or the right. Now I can merge these two layers together, these two shapes together by selecting both shape layers, right-click and choose Merge Shapes. And then I get a shape that is the combination of those two rectangles. And then to make it into a pattern, edit, define pattern. I'm just going to call it grid. I'll click. Okay, Let's come back into this document. Let's make one of our pattern pieces visible. Double-click on this, and go and select the very last pattern, which is the one that I just created then working with you and click Okay, and there is our grid. 17. Pt 16 Create an Isometric Cube: For our next pattern, we're going to create what's called an isometric cube pattern. And isometric cube is a pattern that has all of its sides equal. It's not drawn in perspective. We're going to start with a new file. I'm going to make this 600 pixels wide, but 800 pixels high. So it's a little bit taller than it is wide. That will give us a bit more room to work with the document. And I want the background to be white because that's just going to make life a bit easier. I'll click Create. The basis of this entire shape is what's called a hexagon has six sided figure. So I'm going to my custom shapes and I'm going down here to the polygon tool. I'm going to click on that. I need to make sure that I'm working with shapes. So of these three options you want the shape option and fulfill. I've got my gray scale colors open here. I'm going to make my cube in gray scale, although we can re-color that later on, I'm just going to set this to a dark gray at this stage. I'm going to click in my document and then I'm going to make sure that the symmetric option here is checked. That's really important. Otherwise your hexagon is not going to be symmetrical and this is not going to work. A hexagon has six sides, so we're going to set the number of sides to six. The width and height. We're just going to type as 300. And just click, Okay. And this is creating a symmetrical hexagon. Every single one of these sides is the same length. It's also no longer 300 pixels high, but just ignore that because that's the way it needs to be. It doesn't need to be as high as it is wide. It's actually much wider than it is tall. But what we need is for their sides to be the exact same length and they are. Now, I need to rotate this so it sits on its point. So I'm going to with it selected, just press Control and T. On the Mac, that would be command and t, That's T for transform. And up here, I'm just going to rotate it around 30 degrees. So in the angle I'm just going to type 30 degrees and click the check mark. And now you can see that it's standing up on its tip. That's exactly as it should be. I made to center this in the documents I'm going to select on it. Go to my little three dots here, make sure it's set to Canvas and just center this. Now, the shape is centered in the middle of the document. To make things easier for us to work with this shape, we need some guide, so I'm going to view and then guides and new guide. I need two guides. I need a horizontal one at 50 per cent, in other words, running across the middle of the document. And I need a vertical one in exactly the same place. View Guides, new guide, vertical, 50%. And click Okay, it doesn't matter what color your guides are, just that you can say them. We're now going to make two additional copies of this shape. So I'm going to take my polygon layer and drop it onto this plus sign here. And I'm going to do that twice. We're going to focus on the middle copy, the second one here I've turned off the top one. I'm just looking at the middle one. I'm going to select a shape tool of some sort. Or I could just go direct to the Properties panel and I'm going to change the fill. So I'm going to my gray scale options. I'm going to choose a sort of mid gray. Then I'm going to the topmost polygon, turn its visibility on, make sure that it's targeted. Go to the Properties panel and I'm going to set its fill to a lighter gray. So we've got three different shades of gray for our polygon. The next thing I'm going to do to go and select the path selection tool, this black arrow tool. I'm going down here to this polygon. Let's just turn the others off for now, let's target this black polygon and click on it. And you'll see that we're seeing anchor points all the way around the shape. That's really important. And what is vital here. So really pay attention here is that there's an option here called constrained path dragging. And you're going to check that if you don't, when you start taking away your anchor points, Everything's going to blow out and two curves, you don't want that to happen. So constrained path dragging is going to allow us to just delete these anchor points. I'm going to zoom in here a little bit closer. I'm going back to my Path Selection Tool. That setting here is sticky so you don't have to worry about it once you've actually set it on, it's going to stay there. Then we're going to the Pen Tool Options here. And if you open up that little group of tools, you'll see that there's a Delete Anchor Point tool. You're going to click on it. Now, what we need to do is we need to create a shape here that is going to go from here to here. It's going to go up to here, and that's going to come down here. So I need one anchor point, this one here, this one here, and this one here. But I don't need these other ones, but I need one of them to come down here. So what we're going to do is we're going to get. Rid of these two anchor points, I'm just going to click on them with the delete anchor point tool. You're going to get this option or this warning that says this operation will turn a live shape into a regular path, continue. Yes. Thank you. Then we're going to come here and get rid of it as well. So now I need this anchor point and this one, and this one, I need this one to come down to here, but I don't need this one, so I'm going to get rid of it as well. Then, once I've got four anchor points left, three of them in the correct place, one of them not. I'm going to the white arrow tool, this direct selection tool, because it allows me to move and anchor points. So what I'm gonna do is just target this anchor point here. It should be blue and they should be hollow. So I'm just going to drag it down onto this middle point where the two grid lines intersect. Now, if you're not finding that yours are snapping into position, go to View and make sure that Snap is turned on. And make sure that your snap is turned on to everything that you can select here in particular, for us, guides, because we've got guides, we want to be able to snap to guides, so everything's good there. I don't want to change that setting, so I'm just going to exit away from there. So I've now got this panel shape. Perfect, exactly what I need. Let's go to this polygon. For this one, I'm actually going to move it behind the black one because it's going to make things a little bit easier for us to say what I need now is a shape that is going to be led to this one down here. So we need it to come down here, across here, here, and then up here. So we've got more anchor points than we need. We're going to select it with the path selection tool. You'll make sure that it's targeted here in the Layers panel and that you can see now those little blue anchor points will go to the delete anchor point tool. I want this one, I want this one, I want this one. I don't want this one, so I'm just gonna get rid of it. I don't want this one. I'm going to get rid of it as well. I do want this one, but not where it is. I wanted to come down here and be in this position every time you're moving one anchor point, the last one, it's always going to come to the middle here. So let's go and grab this. Make sure it's blue and all the others are hollow. And then just drag it down and it should snap into that middle position. If your shape moves when you do that, just undo it, just press Control Z or Command Z on a Mac and start over again. So now we need this final shape, but let's drag it below everything because it's just a little bit easier again to see what we're doing. Target this shape layer. I'm going to the path selection tool so I can make sure that my path is selected. I'll go to the Delete Anchor tool and I'm going to work out what I need to delete. I need this anchor, I need this one. I made this one. I don't need this one. I'm gonna get rid of it. I don't need this one here. So I'm going to get rid of it. Well, it didn't disappear, so let's go and get rid of it. This one here needs to come into the middle. So I'm going to the white arrow tool, the direct selection tool target this anchor point here, make sure that the others are hollow so I'm not going to move them and just drag this into the middle where it's going to snap. So now I have three shapes that together are going to build up what is called an isometric cube. Every edge of this cube is the exact same length, so we have our cube. In the next video, we're going to create this as a pattern. 18. Pt 17 Create the Isometric Cube Pattern: Now that we have our isometric cube created, we're going to select it over here in the last panel. I'm going to select all three pieces all but I'm just holding the Shift key as I'm clicking on each in turn. We don't want to select the background, just the three pieces. I'm going to right-click and create this as a smart object. So I'm going to select Convert to Smart Object. That means that I have one cube as a smart object. And this means that I can duplicate it really easily. I'm going to right-click on this and choose Duplicate Layer. Again, this is really critical that you choose Duplicate Layer and you don't use New Smart Object via Copy. Because otherwise when we come to recolor things, all the cubes aren't going to re-color if you choose this option. So focus on this and just choose Duplicate Layer. Click Okay. And then you're going to do it twice more. Then we're going to start moving this into position. So I'm going to target this one and I'm going to just pull it apart. So let's actually just target these and move them so we can see what we're doing. It will help you to have selected here this checkbox auto select. That means that when you click on a shape, you're actually going to select. It just makes life a little bit easier. So what I'm gonna do is arrange these cubes like this. So you can see that they're snapping onto that center line, which is really, really helpful. And the center of the cubes is snapping onto that line. What I'm going to do is put them all together so that they fit nice and tightly. Once I think I've got them into place, I'm going to zoom in and just make sure that they look, they are in place. But I don't have gaps. Also wanted to make sure that they're lining up reasonably well over here. This one does not look like it's lined up. You can say that that angle is not nice there. Well, it is when I move it, it looks a bit better. Let's go and check these angles, these positions. I think everything's looking reasonably, okay. If you find that you've got a gap that you can't get rid of and sometimes that will happen. Let me just hide my guides right now. Let's go to show and let's turn off the guides for now. If you find that along these edges where the cubes are running into each other, that you simply cannot get it so that you can't see a paint white line there. This is what you're going to do. It say we had a faint white line across here. I would go to the lasso tool, just an easy tool to use. I'd add a new layer to the document. I'm just going to lasso around where that white line is. So I'm going to take everything out a little bit larger, but I'm going to be very careful that we don't add any onto the edge here. I'm going to fill this with one of my gray. So let's go and we'd probably do the dark gray here because the dark gray against the light gray. So I've selected my dark gray with this eyedropper tool. Just click on it to select it and I'm going to fill it with the paint bucket tool. I'll go to Select and then de-select to de-select that selection. So this is going to cover up the whole, if you like, or that area where we're seeing some slightly lighter pixels. So now that I've got that shape in place and it's colored, I'm just going to drag it behind everything that will fill in the gap if you like. I don't need to do that because everything is working just fine here. So I'm actually just going to delete my lab, but you may need to do it. Sometimes I do, sometimes I don't. So now, to create our pattern, we need to ask ourselves the same questions as we were asked ourselves when we were doing that grid pattern is where as an element that we can identify for our pattern. And what I'm looking at is this point here. This point here next appears over here. You can see that it's the intersection between these two colors. So what I'm gonna do is I'm going to bring in a guide at that point. Now when I bring in my guides, you'll see that the guides that I hid earlier just reappear. I'm bringing in these guides from the roller. So I went to view and then I turned on rollers. And when you've got rulers visible, you can actually drag your guides around. So I'm just bringing into guides here that I need. I don't need this middle guide any longer, so I'm actually going to delete it. I can just target it and delete it, target this one and delete it. So the guides that I'm putting in right now, I'm putting in to mark out where my pattern pace is going to be. So let's have a look vertically at where we see this point. Again, this intersection between these three colors. Well, here it is up here. So I'm just going to drag down to there. The next time I see it. The intersection between these three colors with the light color on top. Well, this is where I said, I'm just going to drag this down here. So this piece in here is my pattern, but I need to make sure that I'm accurate. So I'm just going to zoom into these areas and just check to make sure that everything looks right. And if it doesn't, faze, guides can simply be moved like any other shape. Just going to put the guides into position, make sure that they're running along the side of this shape, but not into the white background here you can say that this one's over a little bit. It shouldn't be quiet so far over. Let me just bring it across so that's running along this edge of this shape here. It should run down the center of this shape, and it should run down the edge of this shape here, which it is, it's looking pretty good here. Let's make sure over this side looking pretty good here. It's running a bit low here. So I'm just going to move it up a pixel. Once I've made sure that my guides are in the correct position, I'm going to revisit the view panel and just make sure that Snap is turned on. This is going to be critical. And again, snap to guides is turned on. So that's going to make the next thing that we do a little bit easier. I'm going to the Marquee Tool, this rectangular marquee tool, and I'm just going to line up with those guides. And because snap is on, everything's going to snap and drag out an area or a selection that is around the area that is my pattern piece. Now it may not look like this is a pattern paste, but trust me, it's going to work out perfectly. Now that I've got a selection in place, what I can do is I can make that into a pattern. So when you've got something selected and you choose to make a pattern, then Photoshop instead of selecting the entire document, just makes a pattern out of the selection. So edit, define pattern. You can see here that the selection has no area outside. It's just this area that I have selected here. So I'm going to call this isometric cube. Let's go and test it, but don't throw out this document yet. Because if you've made any mistakes, if you haven't got things perfectly accurate, then you'll need to come back in and change those guides so that you can get them to work properly. Layer, New Fill Layer Pattern. Click Okay, Let's go and pick up the last pattern. And here is our isometric cube pattern. Now we can increase its size if we want to have a look at it a little bit closer. But I'm really happy with that. That's looking really good and I'll click okay, if yours wasn't looking good, then you would just come in here and adjust where your guides are because it's probably you've got a guide in the wrong place, e.g. let me just get rid of my selection here. Let's go to Select, de-select. Let's move this guy out. I'm just going to use the Move tool and add in a little bit of white in here. So the kind of mistake that it's pretty easy to do, Let's now go and make our selection. Let's make a pattern from this edit define pattern. This is called disaster, because that's what it's going to be. Let's go back into here. Let's double-click on this pickup pattern, which is disaster. And you can say that it is a disaster. It's got a whitespace in it, something that we did not want to have. And so if you see that in your pattern, all you're going to do is go back into this document and just let me get that get rid of that for a minute. Go back into this document, readjust your guides, redraw your selection and try again. Now, I've just, I'm done what I did to this pattern because I know that these guides originally were in the correct place. I want to make a pattern that is a different color. So what I'm gonna do is just double-click on any one of these polygons. Because that takes me into the smart object and now I can make changes to them. So I'm just going to target this polygon here. I'm going to select any one of these shape tools and I'm going to change the fill this time. I'm going to do this with some red, so I'm going to choose a dark red. Let's go to this shape. Again. Select a shape tool, doesn't matter which. And I've got some colors here already. So I'm going to go for a medium red and come down here to this shape. Make sure I've got a shape source selected so I can get to the panel up here, and I've got a lighter red. Now, when I come out of a smart object, of course, what we're going to draw is the same thing as we did previously with a smart object. We're just going to close it. So I'm going to click it's close button. I'm asked if I want to save changes to it. Yes, I do. So I'm going to click Yes. And you can see that because we created those smart objects the correct way, we've got our entire pattern elements have been recolored. So that allows me, because I've still got my guides in place. I know that these are the guides that are in the correct place. I can make my selection, I can make my pattern red isometric. Go back into this document, double-click on here, and go to my radar symmetric pattern and add it to that document. So at any stage in the future, you could re-create this isometric cube pattern and re-color it as you wish. But let's just go back into this design. What I want to do is I want to save this selection because I know this selection is in the exact right position. So even if the guides aren't there, if the selection is available, I can always get my pattern back. I still have my selection in place. What I'm going to do is choose Select and I'm going to choose Save Selection. And this is going to be called pattern. So I've got saved inside this document a selection that is my pattern. And at any stage, even if I lost that selection, Let's just get rid of it. And let's get rid of my guides. So let's do view and let's clear all the guides. I can come back in and choose, Select, Load Selection, come to my selection. That is called pattern and click, Okay, and there's my selection in place, the exact selection I need to make my pattern. I can come in at any stage recolor my cube, grabbed my selection, make my pattern, and I'm out of here. Just make sure of course that you're going to save your file because that's critical. This particular file has taken a long time to create. So you will want to save it so that you get access to it in future. If you want to create another pattern with a different color. 19. Pt 18 Multi coloured dots using Pattern Preview: In Photoshop 2021, Adobe added a new tool and it's called the pattern preview, but it's actually a whole lot more than Pattern Preview and we're going to investigate this now. So I'm going to create a brand new file. I'm going to create it at my pattern size. So for this, I'm going to make just a little bit bigger than I've been working on up until now, Let's choose something that's 1,200 by 1,200 pixels in size. Now, if I want my pattern to have a white background, then I can add my background in at this stage. There's one other setting that is absolutely critical here, and that is this art board setting. You cannot have the art boards setting check. If it's checked like this, you won't be able to use your pattern preview, just the heads up. So we're going to disable art boards. If you have been using them in the past, make sure that anytime you want to do the pattern preview or use this pattern preview tool that you have artboards disabled. So you're creating a brand new document without art boards. And then on the View menu you're going to have pattern preview enabled. If it's grayed out, it's because you have art board selected and you'll have to start with a brand new document. So for this document, I'm going to create a set of circles, these multicolored circles, just as we did previously, just to see how differently they can be created using this tool. I'm going to use shapes, I'm going to the Ellipse Tool, my fill color. I'm going to select a color to use here. I'm going to go to the turquoise color. I'm going to use a stroke on there. So I'm actually going to use the pink stroke, so it's gonna be turquoise and pink. And we'll settle for our stroke in just a minute. Well actually it's really big, so let's just wind it back to a more reasonable level. I'll hold the Shift key as I drag out my circle. I want mine to be pretty big. So I'm just going to make it pretty big. I think I'd like a larger border on it as well, a larger stroke. So let's settle for that. I'm going to the Move tool because I want to center this. So make sure that we have canvas selected and we're just going to center this shape on the middle of the document. So in the last pallet, let me just press F7 to get to my layers palette. I've got the ellipse on a layer by itself, so I'm going to make a duplicate of this. I'm just going to drag it onto the new icon here. For this one, I'm going to reverse the color. So again, just going to a tool that is one of the shape tools or going to the properties panel, whichever you prefer to work in and seem to have lost my oldest my Properties panel. I'm going to invert these colors. I'm going to give it a pink fill, and I'm going to give it a greeny blue stroke. Now for this shape, I'm going to move it across to the very top of the documents. I'm going to make sure that it's middle is in the top corner of the document as we did when we were beginning to create that pattern of offset circles. But I'm going to do this by hand today. I'm going to choose Edit and then Free Transform. Make sure that I have this checkmark enabled so I can set the middle of the shape. And I'm just going to make sure that it's at 00, which it is. So that's just fine. I'll click the check mark just to confirm that transformation. So this is the beginning of my pattern. I'm going to use the pattern preview tool, so I'll choose View and then Pattern Preview. I'm warned that it works best with smart objects. And you'll want to pay attention to this because they're right and does work better with smart objects, particularly when you have elements that are overlapping the edge of the art board, as I have here with this circle going to click OK. Because we can always try it out. And if it doesn't work the way that you want it to, then you can make that object a smart object by just going to the Layers panel and just right-click and choose Create or Convert to Smart Object. So you can do that after the fact, but just be aware that smart objects are going to be a better tool to use here. So at this point, if you want to move things around, you could, but I don't need to because my pattern is there. It's been created. This little marker here shows the outline of the pattern. So this is what my pattern swatch would look like. I can add this to my patterns panel by just going and previewing my patterns panel with window and then patterns. I'm just going to click on the check mark here. And that adds this pattern as a new patterns. I'm going to call this multi-colored dots. And click. Okay. To get out of pattern preview, I'll choose View and then Pattern Preview. And you'll see that my pattern still looks as it did when I first created it. Not quite as friendly, perhaps as creating your patterns by hand, but certainly in many cases, a whole lot easier. We need to test this pattern with File and then New, I'm going to create something scrapbook paper size doesn't really matter how big it is because we're just testing the pattern. Here's my pattern that's gone in, out of order into the pattern collection. So you might have to look for your pattern. Now what you can do in this pattern's panel provided you've got the layer, the base layer of the document selected. You can click on this pattern here and just add it to the document, but let me just wind that back. If you don't have this last selected is I don't have it selected right now, if I try and click on the pattern, you'll see that nothing happens. If I double-click, I'm just invited to change the patterns name and I can't click and drag it into the document either. And the reason for this is that the layer itself is not targeted. So targeted layer, then you can just click it to add the pattern and you can see that it's actually being added as a Fill Layer Pattern Fill layer just the same as if we'd chosen layer new fill layer pattern. This can shortcut the process. We double-click on this. We can change the size of the pattern. I'm just taking it down to 50% and click Okay. So there are other ways of creating patterns just by clicking on the check mark or the plus sign here and also adding it to a document. Just being aware that you will need to have a layer targeted to be able to do that or it simply won't work. 20. Pt 19 Leaves Pattern: For this next pattern, I'm going to give you the pieces that you need to make. This pattern is a document that has some leaves in it. So I'm just going to open the file. I have already opened up recently, so let's just go and open it. This is a document I'm going to give you. I suggest that you make a copy of it so that you're not working in the original. Because the process that we're going to go through using this pattern make tool is actually going to destroy this file. So you would just save it as a different name so that you can have the original stool there that you could use later on. So this document I'm going to create as a pattern. You can see that every one of these leaves is on a separate layer and none of them are extended over the edge of the document. That said it would be really nice to have a background to this document so we can see things a little more clearly, particularly because this leaf has some colored elements around it. So I'm just going to add a new layer to the document. I'm going to target this little icon here to get my default colors, black and white. And I'm going to make white my foreground color. I'm just going to tip into this particular brand new layer using the paint bucket tool, white. And I'll drag it underneath absolutely everything. So it's now a background. Now with my Move tool, I have this option selected here, auto select. And that makes life really easy because then I can come into each of these leaves and just click on it and it selects the layer that that leaf is on, makes life really easy. However, this is just likely to happen because I've got a background in my document. It's possible that I might accidentally select my background, just going to put my background back where it came from and I'm going to lock it down. So with this background layer selected, I'm going to click the lock icon. Now that means I can't drag it, so it's locked down so it won't move. That's going to make life a whole lot easier. I've got my white fill. It's not selectable. So let's go and make a pattern out of this. I'm going to choose View and then Pattern Preview. Click. Okay, I'm going to zoom out so I can see things more clearly because I want to say my pattern as I'm developing it. I'm going to the Move tool and I'm going to start moving these elements around. Now, as soon as I move a particular element around this one in particular, you're going to notice that it's going to fracture if I try to rotate it and it's over the edge of the document, so that's a head up here. Things are going to go horribly, horribly wrong. So I'm actually going to undo that. And if I want to move this element over the edge of the document, I'm going to make it a Smart Object. I'll right-click and choose Convert to Smart Object. Now, if I move it over the edge, let me just do that. I can rotate it without fracturing. I will want to move these shapes over the edge of this pattern element because I want to break up this look of it being sort of having lines or columns and rows here. And the easiest way to do that is to move elements over the edge of this box because then they're not going to look so lined up. So every single one of these that goes over the edge of a box before I send it over there, I'm actually going to create it as a smart object because it's just going to behave so much better. So let me click the Enter key or the Return key just to confirm the movement of these objects and anyone that I plan to takeover the edge, I'm going to make a smart object over. These leaves will look better if they're rotated a bit as well. So I'm going to not only move them over the edge, but also rotate them. You can say that I am creating this as a smart object after it's over the edge of the document, I'm actually getting a couple of these shapes to work with. I don't think I want to do that. So I'm just going to wind this back, undo everything, make this into a Smart Object before I move it over the edge of the document slide, there's just so much easier when you listen to what Photoshop is saying to you as a warning when you come into this tool and actually do make these smart objects. Anytime you find that something's going a bit haywire, then you can always just undo what you've been doing, make it into a smart object, and it's going to work just that much better. Now, if you want to say this without that blue pattern marker visible, you can do so. You'll go to View and then just disable extras. Have a look at the design, see if anything. Needs altering. Now you can grab it here. You just won't be able to see things. You'll probably want to set extras back on again so that you can see what it is that you've selected. Because extras is a whole lot more than just this pattern outline. If we're happy with this, we can create as a pattern. I'm going to get my patterns dialogue back. Let's go to Window and patterns. Let's go and just click the plus sign to add this. Adding my leaves as a pattern. And we can test it with File and then New going to create a document that's much larger. What we're working in and make sure that we have this layer targeted so that I can just pop my pattern in here. If you want to edit your pattern with its still open, you can go back and make changes to it. If you think it needs some additional work. You will of course want to then save this pattern in case you want to come in and tweak it a little bit later on. But you'll find that this pattern make tool makes, making patterns like this a whole lot easier because you can have a really good look at what you're creating and decide whether you want to make changes to it. Now you could also e.g. add to this pattern. So let me just zoom in here and I'm going to use the Elliptical Marquee Tool. I'm just going to click on it. I'm going to hold the Shift key down. As I drag out a very small circle, I'm going to target the eyedropper tool and pick up one of these pink colors. And because pink is my foreground color, I can fill this shape really easily. But before I do so, I'm going to need to add a layer to do it on because all of these layers or most of these layers as smart objects. So I'm going to add a new empty layer and I'll press Alt Backspace. That would be option delete on the Mac. And I can go back and add a few more dots. I'm just dragging out circles using the shift key to constrain the circle to a circle rather than an ellipse. Target, a different color, Alt Backspace option Delete. Now, I didn't de-select this selection first, so let me just do select, de-select, create a different circle that's not selected, and then Alt Backspace. And so I could continue, I'm going to de-select this selection, go and select, and make another one. Again, sample another color from another leaf, maybe this orange here, alt or Option Backspace. Let's select, de-select. And it will also help to add some of these little circles over the border of this pattern again to try and break up the look. But you can say that I've got a slight problem here in that it's going to be created over the edge. So let's just de-select that. Let's add a brand new layer so that this dot is going to be on a layer by itself. I'm going to make it separate so it's not over the edge. Let me go and pick up a darker color for it, fill it. And then I'm going to get the move tool. I'm going to make this into a smart object and now I can move it over the edge. So again, just being really aware that things are going to be so much better as smart objects if we're using them over the edge of the document. Now this again is another pattern. So let's go to Window and patterns, and we're going to add it as a pattern. Now, let's go into this document and let's change this. I'm going to double-click on it and go to the end and add my pattern that now has some additional little dots in it. 21. Pt 20 Using Capture for patterns: In Photoshop at 20:20, Adobe added a feature that allows us to create patterns from images and from photographs. And we're going to look at that right now. So we're going to start by opening a photograph and I'm opening back up the photograph that we used for the stripes pattern. So that is the photograph of the flower. And here it is here. Now to get access to the new tool that we're using, we're going to choose Window and then Libraries. At the foot of the library's panel is this plus sign. So you're going to tap on that and you're going to choose extract from image because this is Adobe Capture buried inside Photoshop. So I'm going to click on that. And it opens up this dialogue here. And what the dialogue does if we select the patterns option is that allows us to create a pattern from the photograph. So we've got a few things here. In this pattern area. We've got the arrangement of the pattern. So this is a hexagon shape. This is a different shape pattern. It's more like a grid. And this is more of a diamond shape. And another hexagon version and a sort of grid version. So you'll select the type of pattern that you want. I'm just choosing this very first one. And then in this little box here, let me just make this dialogue a bit bigger so that we can see the box as we work. You can see that this is the shape that is being rotated around to create the pattern. Well, we can make that bigger or smaller as we like. So if we make it smaller, we've got some of the transparent area appearing in our pattern. But if we make it bigger, we can get into more detail in this flower. And if we rotate it, then we can rotate the flower into this triangle shapes so that we can get the part of the flower that we're most interested in saying. And so there's a lot that you can do in terms of selecting the type of pattern that you want, the scale, the size of this triangle that you're working with. It's going to be your pattern pace and then the rotation. So I have a sort of idea as to what I'm looking for. I really like this sort of dimensional aspect to this pattern. So if I'm happy with what I've got here, I'm just going to click Save to CC libraries. That saves this pattern as a pattern inside my libraries. I'm just going to close this dialogue down and I'm going to create a brand new document to test our pattern. So again, I'm going for a large size document can be any size that you like. And in capture, all I need to do is to click on the pattern and it's added to this document. Now scaled at the moment at 25%, I could take it up to 50% or whatever I wanted it to be scaled to. And I'll click Okay. A word of warning though that right now this pattern only exists inside the libraries dialogue and it doesn't exist inside the pattern's dialog. If we want to add it to our patterns dialogue, we will need to add it. So I can just click here on the plus symbol and I can then type a name for it and add it. You can see that the pattern shape, the shape of the actual pattern swatch is a rectangle. I'll just click. Okay. So now it's accessible not only from the library's panel. Let's choose Window and libraries so we could get access to it here. But it's also accessible in the pattern's panel. Because we've added it to the pattern's panel. 22. Pt 21 Using Capture with Drawings: Now, in addition to using photographs with Adobe Capture to make patterns, you can also use illustrations, but there is a bit of a gotcha here. So let's go back and open our layers because there were some elements here that we could use for our pattern. There are a couple of problems here. One of them is that it's a PSD file so we can't use it. So what I'm going to do is I'm going to save it as a JPEG. That's going to fill in the background with some white. And it's also going to be something that I can then use to make a pattern from. So I'm going to choose File and then Save a Copy. Now I'm going to locate a position to save this, and I'm going to save it as a JPEG image. And I'm just going to call this leaves. And I'm going to close this version of the document and I'm going to reopen the leaves that I just created. So let's go and get this. So now that it is all on one layer, saved as a JPEG file will get access to the capture tools to create a pattern from this. I'll choose window and then libraries. I'll click the plus symbol and click Extract from image and just move the dialogue into position here. So now I can just choose the elements in this image that I want to use so I can drag the picture around and I can obviously adjust the scale and the rotation to get something of interest here. With something like an illustration as we're using here. One of the nice things that you can do is you can turn it into something completely different. So we've got leaves here, but you can see that the pattern that we're extracting from it is really a lot more sort of whimsical, a lot more like just a drawn pattern rather than looking in any way, shape, or form like believes that it came from. So again, you can experiment with different types of patterns and just move things around using any of these options. Actually really like this one. So let me just see if we can get something interesting here. It's almost like a flower here. So I'm just going to click Save to CC libraries. Again, the pattern that I've created has now been saved into the library's panel. Let's go back to the document we're working on. I'm just going to click to add this pattern to the document. And of course we can easily add it to the patterns dialogue. There's a number of ways of doing that. We saw earlier that we could open the pattern's panel and add it, but let's just double-click on it here. I can also added as a pattern by just clicking here because that says create new preset from this pattern. So now I will add it to the pattern's panel by just clicking on that button there. So when we come in, you can see that it's been added as a pattern, again, accessible to any document in future. I encourage you to play around with this Adobe Capture feature inside Photoshop because there are some really interesting results that you can get from it. You can use your own drawings or you can use photographs what ever, and just extract patterns that bear little resemblance to the original drawing, but have a charm all of their own. 23. Pt 22 Save a Pattern Swatch from a Pattern Created using Capture: In the last two videos, we've been making patterns using Adobe Capture inside Photoshop. That's what we've been doing when we've clicked here on this plus sign. And we've chosen to use capture on an image to create a pattern. Now the difficulty with this is that we don't have an original pattern documents, so we don't have the master file. So while we can get access to the patterns very easily because I've already, as we did in those videos, added them to the pattern's panel, and I can just add them to the document here and create. It looks like I don't have that layer selected, so it's not going to work well, I've got a background layer selected. Let's add a brand new layer so that we can add this pattern. So while we can add a pattern to a document, we don't have the original pattern swatch for a site like Spoonflower, that's going to be a problem because on Spoonflower, we have to upload the pattern swatch. In this video, we're going to look at how we get access to a pattern swatch. That's what we need when we've created our pattern using this different tool, if you like, the Adobe Capture tool. So what you're going to do is make sure that you've added your patterns to the patterns dialogue. And when you hold your mouse over the pattern, you're going to see a description of the pattern and its size. What I'm saying here now is red flower, 1330 by 768 pixels. That's the size of the pattern swatch. So all I need to do is this. I'll go and create a brand new file that is the exact same size as that pattern red. So it's 1330 by 768. I'll click Create. So this is the size of that pattern swatch. All I need to do now is to make sure that I have my layers visible. Let's just add a layer to the document, go to patterns. And I'm going to add this pattern to the document and it's going to be added at full size at 100 per cent size. So when I double-click on it here, I'm just making sure the scale reads 100 per cent. That's critical. So what this is, is the pattern swatch. If we have a look over here, this is going to line up with this piece here. And this here is going to line up with this. So this is a pattern swatch. And if I went ahead and save this, then I could upload it to a site like Spoonflower. Now you can't assume that every one of the patents that comes from Adobe Capture is going to be the same size, because here's the other pattern that I created, and this one is much larger. It's 2660 by 1536. So we would need to create a different size document for this particular pattern. So you'll need to check each of these patterns that you create using Adobe Capture to make sure that you get the size right so that you can create a document that is the right size and then drop the pattern in at 100 per cent size. And then you will have exactly what you need in terms of a pattern swatch for those sites like Spoonflower that require you to upload a pattern swatch. So for Spoonflower here, I would just go ahead and choose File and then Save a Copy. And I would say that as a high resolution JPEG. Let's just go and save that. Going to call it red flower. I'm going to select JPEG as the file format. I'm going to embed the sRGB color profile. I'll click Save here because it's going to Spoonflower. I will want to upload the maximum size. I'm going to make sure they have the largest file size possible because that is the least compressed and I'll just go ahead and click. Okay. Now if I wanted to re-color this pattern or perhaps do something different with it, I would also save this as a PSD file so I could come back and work on it at a later date. 24. Pt 23 Recolor a Black and White pattern: One of the things that you'll want to be thinking about when you're developing patterns to sell them. E.g. selling scrapbook paper on Etsy is the colors that you're using. We created this pattern as a black and white pattern. But let's just head to Etsy for a minute. This is a search that I did on Etsy for digital scrapbook paper, polka dot. Because I want to talk to you about collections like this. While these may not be the main collections of scrapbook paper that these particular people are selling. These are really good filler collections. Having a few collections of the same design in multiple colors allows you to boost your site, you have more things to sell. And here what you'll see is that this person has got two lots of scrapbook paper. They're just the exact same design, but they've been recolored different ways. This is a whole collection of the same digital scrapbook paper just recolored a whole lot of different ways. So is this, so is this. So you can see that there's a lot of mileage in creating collections of scrapbook paper that are just the one scrapbook paper recolored. And that's what we're going to look at now. So we're going to have a look at the possibilities of re-coloring this chevron pattern. Now, I'm going to do it on the pattern in use on a sheet of scrapbook paper. But you could do it just as easily using the original pattern piece. So this would be e.g. the pattern piece that you would upload to Spoonflower. So you could go through the same process for re-coloring it. I'm just going to draw it on the largest size pattern because it's just going to be a bit more visually interesting. So the process of re-coloring a pattern in use is quite easy, and it's much, much easier than recreating the pattern over and over again at different colors. So what I'm going to do with this particular design is I'm going to add what's called a hue saturation adjustment layer. So I'm going to choose Layer and then New Adjustment Layer and choose Hue Saturation. And I'll click Okay. Now the reason why I'm using a hue saturation adjustment layer is this. It goes in as a separate layer inside the document. See, I've got my layers palette open here. This is the hue saturation adjustment layer. It can be turned on and off, and it can also be edited by close up this panel. I can always come in here and just double-click on this thumbnail and that reopens the panel and I can make changes to it. So it is a really good way of building up the color changes to a document. Now, changing our black and white document is a little bit different to changing a color document because I can drag across here two different colors as having no effect whatsoever on my black and white. Now if I increase the saturation or perhaps decrease the lightness, then I get some measure of change happening but nothing much. So obviously something's wrong here or something's not working for us. Well, there's something that's not working for us is that with black and white, we can re-color the black, but we're going to need to select color eyes. So when I select colorize, I can make changes to this color of the black. So I'm just going to zero back the hue. I'm going to leave the saturation about the middle. The lightness is at zero by default. But if we start bringing it forward, you'll see that the color, the hue that we have selected here is being applied to the chevron, so the black is turning into red. So we need to adjust between this. We need to adjust the lightness to where we want to be and then the hue to where we want it to be. And we can take it through all the colors of the rainbow. So if we're looking for a purple here, we're going to go into the purple area and then adjust up or down on the lightness. And we can also adjust the saturation so you can get a more saturated purple. So when you're happy with what you've got, you can just close down your Properties panel. Now, this would be a purple scrapbook paper. The document is 3,600 by 3,600. So I could just save this out. I could save this out as a high-quality JPEG image quality, Chevron purple. And then I could come back in later. And if I wanted to make a pink chevron, I'm just going to double-click on the thumbnail for this hue saturation adjustment layer. And I'm going to go find pink. Here is my ping. And so then I could save this out as a pink Chevron. Now if you want to be able to come back to these colors at a later date, that may be an issue. What I'm gonna do here is I'm just going to double-click on this. I'm going to call this pink. Because what this layer did, this hue saturation adjustment layer did, was it turned black into pink. So I can turn it off to go back to the original black and then go back into Layer, new Adjustment Layer and hue saturation. If I want to make a purple scrapbook paper here, what I'm going to do is adjust all the values here and find my purple. So if this is the purple I want, then I'm going to double-click on here, and I'm going to call it purple. Then I can save this out. And then to make it a different colors such as yellow, I'm going to turn it off. You want to make sure that you turn off the hue saturation adjustment layer. Otherwise you're building layers are fixers on top of fixers and you'd have to remember which pixels were visible to actually have the buildup of effect give you the actual color that you want. And that's just not going to be practical. So I suggest that you turn off each of these when you've finished with them and go and add a brand new adjustment layer for the color that you want to work with. So I'm just actually going to call this yellow as I make it. And now I'm looking for yellow. So I want it to be quite light. I want some level of saturation. I'm going to the yellow area, of course, I want to be in colorized, so that's going to work. Increase the saturation. If that's yellow I want then I'm going to save it out and then I'm going to turn it off and add a new adjustment layer for the next color that I want to make. At anytime we can go back to these purple, pink, yellow by just clicking on them. But you'll see that you get different results if you're stacking them on top of each other. So you do want to make sure that each adjustment layer just gives you one color and everything else is turned off so that you're not impacting the color that you're creating by whatever it is that's visible underneath. So just remembering anytime that you want to re-color something that is black, you're going to need to have the colorize option set on so that you can actually colorize your black. 25. Pt 24 Recolor a Color Pattern: Now, in addition to re-coloring a black and white pattern, that's obviously possible to re-color a color pattern. I'm going to create a new sheet of scrapbook paper. But of course this could be just opening up the pattern document and we can re-color the pattern swatch so that we could then upload it to a site like Spoonflower. I'm just finding that it's more visually interesting to look at it at a larger size. I've got this pattern here that we're going to work with. If I click on it, nothing's going to happen. If I double-click on it. I'm just invited to change its name. The reason, of course, is that I've got the background layer selected, It's got unlock anchor on it. But if that happens to, you can also drag and drop your pattern into your document and that will work. Just be aware that this has got some really weird behavior in terms of getting patterns out of that pattern dialogue. The pattern here is at 100 per cent, I'm going to bring it down to 75 per cent so we can see a bit more of it. And I'm going to color it again using a hue saturation adjustment layer. Fairly similarly to what we did with the black and white pattern. But we've got a lot more alternatives here. I'm going to choose Layer, new Adjustment Layer and hue saturation. Click Okay. Now with a hue saturation adjustment layer on a color image, we don't have to colorize at the impact. If we chose to colorize that, we would be making everything the same color. So you can say that we've got different tones of the same color. Colorized typically is not what you would want to be using on a multi-colored document or multi-color pattern like this. Instead, what I'm going to do is shift the colors around. If I drag on the hue slider, It's going to have marginal association with the actual color. I'm on the Neith here, so I've got green selected, but you can see that we're getting purples and stuff. Because what's happening is that all the colors are just being moved around the color wheel. So there is the possibility of getting a different colored pattern just by adjusting the hue slider. And of course, if you increase the saturation, you're going to get more robust colors. If you decrease the saturation, everything's going to be more muted until it's ultimately just black and white and gray. And lightness may or may not give you good results. You can just work around that. You can see that we're losing the white background, It's becoming a murky gray. So that is a disadvantage if you'd like to adjusting lightness is that you're going to lose any white background. It's going to change to a different color. But here is an option for just re-coloring the entire pattern. So this is what it looked like, this is what it looks like now. I could name that so I could get back to it. But let's go and have a look at a different way to use the hue saturation adjustment layer, which is a little more interesting, stool layer, new adjustment layer hue saturation. Click. Okay. Up until now we've been using this master channel, which means that anything that we do in terms of picking a color is affecting absolutely everything. But we don't have to use the master channel because we can also get access to color channels. Now here, reds are red, yellow, green, cyan as a sort of bluey green. Blues are obviously blues and magentas are a sort of pinky purple, if you like. So it can be a little hit or miss because it's a little hard to know whether these pinks here are magenta is all reds. I think they're probably magenta. So I'm going to select magenta and watch what happens when I drag the hue slider around. What's happening to the flowers here is that they're changing all the things that look like flowers. They're changing color, but this is not changing color because it's not pink, it's not in that magenta coloring. And so what we're doing here with this hue slider now is we're only affecting magenta, we're only affecting the areas in the image of that. I've got this pinky purply look. We could recolor our image, but only re-color the flower here, e.g. I'm going to turn that off. Let's go and re-color birth layer, new adjustment layer, hue saturation. These I think are in the cyan area. So I'm going to select cyans. And I'm going to drag on the slide here. And yes, they are signs because they're changing color. We could choose a different color for them. But notice that none of this flower, or pretty much most of that flower is not changing because it's not in the science, the colors that are in it and not in the science. And look what I've done here. I've actually bought these colors closer to this. So it looks a little bit more monochromatic because I've been able to drag the blues because these were blues. There were blues and these were pinks. But I've been able to drag the blues closer to the pinks. There's a lot of mileage to be gained by using a hue saturation adjustment to re-color a color image neuron, we can re-color the entire image by just dragging the hue slider on the master channel. So that's re-coloring the entire image. Everything's changing here to a different color. But you can also do things such as re-color an element in the image. Let me just turn that off so that we're not building up here. We've recolored the center here, and here we've recolored just the leaves and we've got a more monochromatic effect. So lots of possibilities in terms of re-coloring your art using the hue saturation adjustment works on black and white images using colorize on color images, you can shift the entire color in the image, or you can just isolate separate color areas through the channels here. Let me just gone line this one. This is controlling the flask, so it's going to be in the magentas. And here is the adjustment on just the magenta channel and we can adjusted in isolation. So we're not changing the science, we're just changing the areas that are magenta. 26. Pt 25 Create Collection Marketing Materials: When it comes to selling scrapbook papers on sites like Etsy where you're selling an entire collection of scrapbook papers. Let's have a look and see how people put together their, at least their primary marketing elements. So here we've got a set of papers and there are a series of papers shown here with a bar or design across the middle of the page. Most of these are done in a similar way. The person is showing you the papers that you're going to get in that package. And they've got some sort of advertising or something that is describing what's happening inside that package. And so that's what we're going to do. Now we're going to create a very simple presentation like this. Now these here are rectangular, they're a bit wider than they are tall. But I'm going to create mine as a square document because it could easily be cropped to a rectangle if it needed to be. But if you're only selling on one side and if that site displays things as a rectangle rather than a square, then go ahead and make a rectangle document instead of a square one. Now, I've already gone ahead and recolored my chevron pattern to 12 different papers. And I've saved every single one of them as a scrapbook page. Here I have them in a folder. There's a couple of extra bits and pieces including the marketing materials, just a sample of what it is that we're going to be creating, but I've got my 12 pages already saved. You would of course, need to do that before you create your marketing materials, is you need to have the elements that you're going to put together for those marketing materials. So now I'm going to choose File and then Scripts, and I'm going to do load files into stack. Now this option is typically used for a different purpose, but it's going to suit us really well. So File Scripts load files into stack and we get a dialogue that is load layers, and we're able to choose files or an entire folder. Now I need files because I don't want to bring in everything in that folder. So click on Browse. I'm going to go and grab just the scrapbook pages and click. Okay. And now they're listed in this dialogue. Now you don't want to check either of these boxes, just leave them as they are and just click. Okay. What happens is that Photoshop now creates a document that is made up of all 12 sheets of paper. And it might take a little while to open these up because if you say if this is high-quality JPEG images, they are going to be pretty big. So the next thing I'm going to do is to sort them into some sort of order because it's just going to make life a little bit easier. So I want my reds together and I'm going to sort them in the order. I want them to appear in the marketing document. I've labeled mine, so I've got purple, pink, red, orange. I'm going to bring in my light orange here, and I have a sort of pineapple color. Then I've got a mid blue, I've got a darker blue. So let's put the mid blue up here. Light blue. I've got a dark green, a lime green, and the turquoise, I'm going to put turquoise between the light blue and the dark green. So I've got everything in sort of a color order for the third, That's going to make life a little bit easier. The next thing is we need a simple way of laying these pages out. And a simple way of laying these pages out in our document would be to use guides. But rather than having to put in all our guides by hand, we can get Photoshop to do that for us. I'm going to choose view and then guides, and I'm going to choose here New Guide Layout. So this is the new guide layout. It's eight columns and rows, we'll just one row. So what we want, because I've got 12 sheets of scrapbook paper. I'm going to arrange them six across the top and six across the bottom. So I want six columns because I want a row at the top and a row underneath. I want two rows. So I'm going to turn on rows. I'm going to set this to two rows. And I don't want gutters, I don't want these spaces between these elements. I'm going to set my gutters to zero. Now I'm going to check to see what I've got. I've got guides for six elements across the top here, a line across the middle and guides for six across the bottom. That's nice and handy. Now, if you think that this is a design that you're going to use over and over again. You can come in here and save it as a preset. So you could save that as a preset, e.g. called scrapbook paper marketing. And just going to save you a step later on. If you had multiple designs and it's going to be easier for you to open up the design that's relevant to the number of sheets of scrapbook paper that you've got in a particular collection. So I'm just going to leave that to you to do. I'll click Okay. So now I've got my guides and I've got my scrapbook papers. All I have to do is start moving things around. So I'm going to target the Chevron paper. I also have up here, auto select selected. So when the move tool is enabled, I can auto select things, which means I can very easily just grab on a sheet of paper that's visible and just drag it around. And so what I'm doing is I'm dragging the first sheet over this box over here, and I'm going to take this second sheet and position it up here. And because I've got snap turned on, you can see I've got snap turned on and it's snapping to all these options including guides, then the papers are just snapping and position. And because I've got them in the right order, because I ordered them here. This is very, very simple to do. I'm just dragging them into position. So there's the first row. Now let's look at the second row. Here. I'm going to drag down because they were full size, so I'm just going to drag them down and across. Let them snap into position. Make sure you do that Two last one as well. Okay, so I've got my scrapbook paper laid out here. I want to crop this because I wanted to crop any excess. So I'm going to the crop tool, let me go and grab the crop tool. And I'm going to make sure that it's marked out at the top bottom corners of this document, which it is I'm going to make sure it's set to delete cropped pixels. And I'm just going to press enter and then enter again. And you can see now that all of these sheets of paper have been cropped to the art board. Just a nice, easy way of getting things to look neat and tidy. I also don't need my guides anymore so I can go to View Guides and I can just hide the guides. I would hide the guides by turning the show optional for them. If I wanted to clear my guides, I would go to guides, Clear Guides. I think I'm just going to turn them off at this stage. Okay. Now we want our element for our cross the middle of the documents. I'm going to add a brand new layer. I'm going to make sure that black is my foreground color. And I'm going to use the rectangular marquee tool. So I'm just going to click on the rectangular marquee tool and I'm going to drag a shape across the middle of the document. Because it is still selected, I can go to the Paint Bucket Tool black as my foreground color and just tip paint into that area. Then I go to select and deselect, to deselect my selection. And then I'm going to the Type Tool and I'm going to type what it is in this packet. So I'm going to start with the specifications for the papers themselves. It's going to clear up my spelling mistakes and adjust my capitalisation. Then I'm going to put it in Chevron. And for this I'm going to change my font. I'm using a font called and then it ends. I'm pretty sure it's free for commercial purposes, but you will want to make sure that any font that you use is free for commercial purposes because you're selling scrapbook papers. That's a commercial purpose. Now you can go ahead and add other elements to this. You might have a logo. You may want to add some fancy bits and pieces to it. But basically the point of this is to be able to arrange your 12 or however many sheets of scrapbook paper that you've got it very quickly and very easily inside a document. Now, the other thing that you might consider here is adding some sort of order, if you like, between the shapes of scrapbook paper. So let's see how we do that. I'm gonna do it with a drop shadow. So I'm going to target this sheet up here so you can see I've got it selected. I'm going to the fx icon here and I'm going to click on drop shadow. I'm setting my drop shadow to black so you can see I've got black selected here. I'm also going to adjust the positioning of the light so that it's going to throw the shadow out. If you had the light coming in from this direction, you wouldn't have a shadow very much because you're throwing light in from the top-left. So I'm going to throw my lighting from the top right, and that's gonna give me a shadow. The distance is the distance away from the sheet of paper, the edge of this element. The spread, is actually the size of it. It's not really possibly what you would think of as spread size is actually a bit more like the spread. I always think that these two have been named wrongly. Size gives you a sort of blurry effect and you can also adjust down the opacity. So just look until you find what you want in terms of the drop shadow, we'll click Okay. In the layers palette here, you can right-click the drop shadow just like right-click over the top of it and you can choose from here, copy layer style. Then we're going to select all the other layers. Click on the first one, shift, click on the last one, right-click and choose Paste Layer Style. And that pastes that same layer style onto all of these pages, onto all of these elements. You want to make sure that everything looks right to start off with, because there's no way of editing all these layer styles all at once, but you can obviously paste them in so that all the work is done. So it's a nice, quick and easy way of creating a marketing material document that you can use on sites like Etsy. Now, as I said, I create a minus a square. But if we needed to, we could at any stage crop this to a rectangle. So assuming I've saved this because you would want to save it as a PSD file so that you can get access to it at anytime in the future to edit it. You could also come in here and you could just crop it down to a rectangle. Then that would be suitable for a site that required rectangular images rather than square images. But I suggest that you start at least with a square image because it's probably going to be easier to work from square to rectangular landscape rather than try and make a landscape image into a square image. 27. 26 BONUS Move and scale pattern in a shape: When you fill shapes with patterns in Photoshop, you have some additional features that may be a little bit difficult to say at first instance. So I have a shape here that's filled with a pattern. Let me just show you how I created that. I went to the Ellipse tool, drag out a shape that's making sure that I had shaped selected here as an option with one of these shape tools that selected, I can then go to the Fill choose Pattern, and locate a pattern to use. Now there are some scale and angle options here at the bottom of the dialog. But if you go past that stage and wanted to be able to make changes to your pattern, There's an easy way to do that. So here is my shape layer with its pattern fill, I'm going to double-click on the thumbnail and that opens up the pattern fill dialogue. This is also typically available when you actually create a layer that's filled with a pattern, you go to layer, new fill layer pattern and you get this pattern fill dialogue. From here. You can change the pattern that you use. You can also change its scale. So I'm gonna make this 50 per cent also going to rotate it so that it points a different direction. Now there's one additional option that is not obvious here, and that is that you can move it. So with this dialogue open on the screen, I can just drag inside the shape and position a pattern exactly where I wanted inside the shapes. I'm just looking for a balanced position where the elements at the top and the bottom look reasonably balanced within their shape. I'll click Okay. So at anytime, just double-click on the layer thumbnail and the pattern fill dialogue is going to appear, giving you access to those options. 28. Project and wrapup: We've now completed the video training portion of this course, so it's over to you. Your project for this class is to create a small collection of patterns in Adobe Photoshop and a marketing document to advertise them on a site like Etsy. Post an image of your completed marketing document as your class project. I hope that you've enjoyed this course and that you've learned lots about creating patterns for sale and Adobe Photoshop. Now if you did enjoy this course and when you see a prompt that asks, you would recommend this class to others, please. Would you do two things for me? Firstly, answer yes, that you do recommend the class. And secondly, write even in just a few words why you enjoyed it. Your recommendations help other students to say that this is a course that they too might enjoy and learn from. If you see the follow link on the screen, click it and you'll be alerted when new classes are released. If you'd like to leave me a comment or a question, please do so. I read and respond to all of your questions and comments and I look at and review all of your class projects. I'm Helen Bradley. Thank you so much for joining me for this episode of graphic design for Lunch, and I look forward to seeing you in another class here on Skillshare very soon.