How To Set Up a Repeat Pattern Template in Affinity Designer and Create a Stylish Tablecloth Pattern | David ✏ Ault | Skillshare

How To Set Up a Repeat Pattern Template in Affinity Designer and Create a Stylish Tablecloth Pattern

David ✏ Ault, The Writer Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (1h 4m)
    • 1. An Introduction to the Class

      1:22
    • 2. Step One Repeat Pattern Template (Part One)

      7:12
    • 3. Step One Repeat Pattern Template (Part Two)

      9:22
    • 4. Step Two Hatching Pattern (Part One)

      9:23
    • 5. Step Two Hatching Pattern (Part Two)

      12:30
    • 6. Step Three: Creating a Gingham Pattern

      4:43
    • 7. Step Four: Creating a Tablecloth Pattern

      6:17
    • 8. Step Five: Creating a Book Cover for a Recipe Book

      12:44
    • 9. Repeat pattern template project

      0:43

About This Class

In this class you are going to learn how to set up a Repeat Pattern Template within Affinity Designer.

This Repeat Pattern Template takes advantage of Affinity Designer’s Symbol function and becomes a great tool to help you create stunning repeat patterns in a range of different design projects.

Using this template, you will also learn how to create both a Hatching Pattern and a Gingham Pattern, before combining them both to create an elegant looking Tablecloth Pattern, which is what the class is working towards and what will be the focus of your class project.

The Tablecloth Pattern really is a delightful design that works especially well within food related projects. Indeed, the final lesson in the class, will show you how to incorporate your Tablecloth Pattern within a Book Cover for a Recipe Book.

So why not start watching this class today and discover how YOU can set up a Repeat Pattern Template in Affinity Designer to create yourself a stylish looking Tablecloth Pattern.

Transcripts

1. An Introduction to the Class: in this class, you are going to learn how to set up a repeat pattern template within affinity. Designer. This repeat pattern template takes advantage of affinity designers symbol function and becomes a great tool to help you create stunning repeat patterns in a range of different design projects. Using this template, you will also learn how to create both a hatching pattern and a gingham pattern before combining them both to create an elegant looking tablecloth pattern, which is what the classes working towards and what will be the focus of your class project . The tablecloth pattern really is a delightful design that works especially well within food related projects. Indeed, the final lesson in the class will show you how to incorporate your tablecloth pattern within a book cover for a recipe book. So why not start watching this class today and discover how you can set up a repeat pattern template in affinity? Designer to create yourself a stylish looking tablecloth pattern 2. Step One Repeat Pattern Template (Part One): OK in this video, I am going to show you how to set up a repeat pattern template so that you are easily able to create different types of repeat patterns, including the tablecloth pattern, which we will be working towards over the course of the next few videos. As you can see, I am using the application affinity designer to create my repeat patterns in which is my go to application for both repeat patterns and half drop repeat patterns because of the symbol feature within affinity designer. Okay, so the first thing that I'm going to do is create a new document. And since version 1.8 of Affinity designer, when you click on new document, you are presented with a range of different document presets that are split up between different categories. You are able to create your own presets until we are in the print category of presets, and there are also presets under the categories off print, ready photo with devices and architectural. Like I said, we are currently in the print category. So, for example, we could click on this document if we wanted Toe have a standard print ready a four document but we are actually going to create a custom document. So I'm just going to move this panel over here for the time being, and then we can enter the details for our custom document. So the first thing I'm going to do is change the units of the document from millimeters to pick source and then we need to change the width 2 150 pixels and the height to 150 pixels . I shall keep the dp I to 300 so that the document is at the required quality for print. And finally, I also need to take the Create Art Board option. We don't need to change anything else to do with color margins or bleed so we can go ahead and create the custom document like so. And I'm just going to move the panel's back up here into the top right hand corner, making sure the layers panel is visible, and I'm going to rename Art board one as small pattern. Now, in this template, we actually need tohave to art boards visible, so I need to click on the art board tool and create a second dart board. It doesn't matter how big I make it for the time being, and I'm going to rename this second dart board as large pattern. Now. At the moment, our large pattern art board is actually smaller than the Small Pattern Art Board. So we need to click on the transform panel and change both the width and the height. The large Pattern art board needs to be 900 pixels white and 900 pixels high. That's it, and I will just zoom to fit so that we can see what we are doing better. The basic premise of this repeat pattern template is that by using the symbol feature in affinity designer, we will basically repeat whatever we put within this small pattern art board over here on the Large Pattern Art Board and the different panels that I have open to achieve This are the Layers panel and the transform panel, which we have already seen, as well as the color panel and the assets panel, where you'll notice that I have already set up a subcategory called patterns, which I was able to do by clicking on this little hamburger menu here and selecting creates subcategory and then Finally, the last panel that we need to have open is the all important symbols panel, which we will come onto presently. Okay, So if we go back to the layers panel and click on the Small Pattern Art Board, actually before we do that, I just want to make sure that all of the dimensions are exactly as they should be, As this is obviously vital if our repeats pattern is going toe work. So we need to check that the small pattern has dimensions off 150 pixels by 150 pixels, and that the large pattern has dimensions off 900 pixels by 900 pixels. So now that's confirmed as being all OK, we can go back to the small Pattern Art board and create a rectangle which is actually going to act as the back ground for our pattern. Okay, so we can make the rectangle any size to begin with. And I think I'm going to change the fill color from this gray to a more striking rate. So I shall just type in the hex code ff 00 00 like so. And you need to make sure that the stroke for the rectangle is set to numb, and then we can change the dimensions of the rectangle. So if we click on the transform panel, we can change this to a width of 150 pixels and a height of 150 pixels. And then it's just a case of lining up the rectangle so that it perfectly covers Thea Art Board. Then, if we go back to the layers panel and make sure that the rectangle is selected, we can then go to the symbols panel and click on create to create a new symbol from the current object. So now we have a symbol which, as you can see, contains the rectangle, and the next stage of creating the pattern template is to copy over this symbol and paste it multiple times so that it eventually fills up the Large Pattern Art Board 3. Step One Repeat Pattern Template (Part Two): okay. The next thing that we need to do is to click on copy and paste and then drag the new symbol over to the large pattern art board. You'll notice how the new symbol automatically appears under the large pattern within the layers panel. Now it is very important that we make certain that this symbol is in exactly the right place on the Large Pattern Art board. I'm just going to drag the arts boards over a little bit. And then if you click on shift and command at the same time and drag the rectangle to the right, like so you will automatically copy and paste a new symbol onto the large pattern art board , which should line up perfectly. And once you see the green guideline indicating that it is in the right position, you can stop dragging the symbol and release like So now I'm just going to go to the Transform panel to check that this symbol is in exactly the correct position. And yes, it is 150 pixels on the X axis and zero pixels on the Y axis. Once I am satisfied that both of these symbols are in the correct position. The safest thing to do is to make sure both symbols are selected and then group them together. Then we can click on shift and command once again on drag this group over to the right hand side until we see the green guideline again. Let's just check that it is in the correct position by clicking on the transform panel. And, yes, the X axis is 300 pixels on the Y axis is zero pixels, as we would expect. Select shift command once more and drag the group over until it is in the correct position . Yes, that looks fine. So what we can do now is make sure all three groups are selected and then group them into a single group like so and at this point, for my own peace of mind. I'm just going to click on Export and make sure that the parameters are all as they should be. And yes, the large pattern is definitely 900 pixels by 900 pixels, so that's OK now. The reason I'm being so precise and making sure that each of these symbols is in exactly the right position is because I want to make sure there are no minute spaces between the symbols, which would, of course, ruin our pattern. Now, you may or may not be able to see these little gray lines here which indicate where the different symbols are, but they are okay. What we do not want, though, are any actual spaces between the symbols. And if we zoom in, we should be able to determine whether we actually have spaces or not. And as you can see, this looks like it's okay. I'm satisfied that these symbols are in the correct position. And so I shall zoom to fit, then continue to fill the large pattern with copies off the small patterns symbol. So let's click on this group. Ah ha! That is just a single symbol. So I need to actually click on the group within the layers panel and then, using shift command, I shall drank this entire group down to the correct position. Again. I shall check in the transform panel that it is in fact, in the correct place before clicking on shift command again and dragging this group down to the correct position once more. That all looks fine, so I shall go back two layers. Make sure that all three of these groups are highlighted and then turn them into a new single group. So that's half of our large pattern template to complete it, and we can then click on shift command and drag a second group down to the correct position to complete the large pattern Art board. Okay, I had better check once more in the transform panel that all of the parameters air correct , and it looks like they are. But I can still see those gray lines which indicate where each of the individual symbols are, and this makes me a little bit nervous as to whether there are some unwanted spaces between the symbols. If we zoom in, it does appear that there are no spaces. However, I would like to make sure that this pattern is perfect, and the only way we can really do that is to export the large pattern as a PNG file and then zoom right in to make sure that everything is correct. So I shall click on file export. Actually, I'm going to click off here and make sure that the Large Pattern Art board is selected like so so that I coning click on selection without back ground because this is the way that you would save your large pattern if you ever needed to save your repeat pattern as a transparent PNG. So I shall click on Export, and I will call this file pattern taste. I'll click on Save. And then if I go and find where this file is on my hard drive within the Downloads folder, I can double click on it to preview the image. And then, by zooming in, I'm able to establish for 100% that our repeat pattern template has no gaps between the symbols. Okay, so even I am satisfied now that our pattern template is exactly as it should be. So I think we'll give it a test drive and show you exactly how the repeat pattern template works. First of all, I need to go to the layers panel and make sure that I select the Small Pattern Art Board and then I'll go over to the circle tool to create a circle. Just need to change the fill to another color. How about this yellow? And then, if I go to the layers panel I can move the yellow circle from the arts board into the symbol, making sure that it is placed above the rectangle background and voila! You can see that this pattern repeats throughout the large pattern Art board. Let's just wiggle it about a bit. Obviously, the object needs to stay within the small pattern art board, that is to say, within the symbol, but I'm sure you get the idea of just how this pattern template will work. Okay, I'm going to delete this yellow circle and I shall save the document. I'm going to put it in this repeat patterns folder, and I'll call it Repeat pattern template. And there you go. We have now created a repeat pattern template, which is ready to help you create all different kinds of repeat patterns. And in the next video, we are going to create the first of those repeat patterns, which is perhaps not all that exciting on its own, but is a pattern that can be used within many other types of repeat patterns. And the patterning question is cooled. They hatching pattern 4. Step Two Hatching Pattern (Part One): OK in this video, we're going to look at how you can create a hatching pattern using the repeat pattern template. Now creating a hatching pattern is actually quite a time consuming and tricky procedure, certainly when compared to many of the other types of repeat patterns, and especially when you consider that the hatching pattern itself is not really that much to look at. However, hatching patterns are important because they are used as a component with other types of patterns. For example, the tablecloth pattern that we're working towards in this class. Okay, so here we are in the repeat pattern template, and the first thing I'm going to do is save this document as Thehuffingtonpost turn. So I will just click on Save As and then name. The document hatching pattern hatching is actually an artistic technique, which is used to create a shading effect by drawing closely spaced parallel lines. So basically, what we're going to do his creator, Siri's off perpendicular diagonal lines. The gift, this type of shading effect on our small pattern symbol. So I'm going to click on the Small Pattern Art Board and make sure that the rectangle is highlighted because What I want to do is to change the color off the background from Raid two black. And this is because the grids that I'm going to place on the symbol layer to help guide me where exactly, to place the diagonal lines is going to show up far more clearly against this black background. And as you'll see later on, we can always change the color of the background whenever we care to do so. So as you can see, a change to the small pattern is immediately reflected on the Large Pattern Art board, and I'm just going to zoom in. In fact, I will zoom to selection, and there's actually going to be a lot of zooming in and out in this particular video in order to make sure that we are very precise in where we place the diagonal lines for are hatching pattern. Okay, now it is very important that the rectangle is highlighted and that the diagonal lines that we are going to draw within our symbol in the small pattern are actually created below the rectangle in the hierarchy. So once the rectangle is selected, we need to come over here and select the pen tool. We need to make sure that there is a stroke off 0.1 point so that we can actually see what we are drawing. And we will give that a contrast in color off white. And we also have to make sure that the pentacle is in pa Legal moat. But before we start to draw the diagonal lines across the small pattern symbol, we first need to go to the grid and axis manager and set up the grid that will act as our guideline when drawing the perpendicular diagonals. If you double click on this pre set up the top, you can then come down here and change the spacing and divisions to the parameters that we require that the hatching pattern we need to change the divisions to 30 and the spacing to five pixels. Okay, well, obviously, the grid has not appeared yet because we still need to click on show. Great. And there you go. Now the grid is showing up, although that doesn't look like it is the correct division and spacing for some reason. No, that definitely does not look right. Let's go back to the grid and access manager once more. Now I know what it is. I still need to click onto another cell so that it accepts the five picks or spacing. So just click on close and let's check that it is in fact, 30 divisions off five pixels. Yes, it's definitely correct. So now that we have our grid set up correctly, let's go back to the pen tool. Make sure that the stroke is set to 0.1 point, that the stroke color is white and that the pentacle is set to polygon moat and finally ensure that the rectangle has bean selected. Then using the pen tal and while clicking on shift, we can draw a straight line from this top right and corner down to the bottom left hand corner. You then need to draw up to the top of this little square and then draw another straight diagonal line right up to the top before finally completing the polygon like so now that we have created this diagonal polygon, we need to change the field to white. I will just type in the hex code, and then we need to zoom writing in order to see how accurate we were when creating this diagonal polycom, and the answer is not very accurate, Atoll. Not only that, we still have the stroke set to 0.1, so we need to come over here and make sure that the stroke is set to none, but not just for our diagonal polygon. It looks like I have also added a white stroke to the rectangle background, so I shall click on the rectangle and set the stroke to none. While I'm here in layers, I will also make sure that the hierarchy is correct and that the curve layer, which is in fact the diagonal polygon that I've just drawn, appears beneath the rectangle. It is actually vitally important that the rectangle sits beneath the symbol and that the diagonal lines or sit beneath the rectangle. Otherwise, when it comes time to save this hatching pattern symbol as an asset for use elsewhere, it is just not going to work. Okay, so once the hierarchy is being set up correctly, we need to make sure that the diagonal polygon is selected and then go over to the node tool so that we can then tidy up this diagonal line and make sure that it fits perfectly within the Greek lines. And then, if I click on Zoom to selection, we can then zoom in on the top part of the diagonal and using the note to once more, we can ensure that the diagonal polygon is 100% accurate. Okay, so let's zoom to selection again. It might actually help if I had selected the Small Pattern Art Board. Actually, I'm going to click on Zoom to fit because I want you to see how the diagonal line on the small pattern currently looks like on the large pattern, and you will notice these little triangles appearing. Oh, zoom in so you can see them better. As you can see, it is like a little triangle there due to how the diagonal line abruptly ends on the small pattern symbol. But don't worry about that, as that will actually be solved. Once we had all of the other diagonal lines on the symbol 5. Step Two Hatching Pattern (Part Two): Okay, so I'm going to click on Zoom to fit. And then, with the small pattern highlighted, I shall click on the zoom to selection. Now, once we have made sure the curve is highlighted in the layers panel, we can click on Command J, which is the keyboard shortcut to duplicate, and we can then move this duplicated layer to the left off the original diagonal line, making sure that it lines up with the great correctly. So, as you can see, I'm basically trying to move it over one square in this grid and without zooming in, there really is no chance of getting it 100% accurate. But I will try and do the best I can. It is never going to be perfect, however, if I can get it there or thereabouts like and then click on Command J again, and it should duplicate the next layer and automatically move it into the corresponding position. So let's see if that works. Yes, as you can see, it has duplicated the next layer into the position that I wanted it to go. Should I say approximately the position as I will certainly have to go back and make some adjustments later wrong. But I'm going to carry on clicking on Command J until eventually I feel the entire left hand side of the small pattern with these white diagonal lines. Okay, Now, it's just a case of zooming writing and finding out just how accurate or inaccurate these diagonal lines have been placed. And it is important that you always make sure the curve layer that you want to move has been highlighted in the layers panel. Otherwise, you risk moving the black background by mistake. So we need to move this 1st 1 a little over to the left on the next one is quite a bit out of position, and it appears that they're going to get worse and worse as we go on. But that's okay. We need to move this one right across, like so Same with this one. I think it's probably going to be easier if we delete this one, which means we will then need to move this one a little bit over to the right. So this one only needs to be moved over a little bit. That one doesn't need adjusting much at all. This one needs to come over a little bit to the left. They're starting to get further out of position again by the looks of it. So we'll line that one up correctly and moved that one over us. Well, probably easier to delete that one. Then I will move that one over to the right a bit and then nudge this one over a bit us. Well, and then that should be okay for this left hand side. Okay, I'm going to click on Zoom to fit so that we can check on the large pattern Art board. And yes, that looks all okay to the naked eye. But I suppose I had better zoom in a bit and make 100% certain. Yes, that seems to be perfect so far. And once we have completed the right 10 site of the small pattern symbol with the same white diagonal lines, then hopefully they will complete the pattern perfectly. So we shall click on zoom to fit once again, then select the small pattern and click on zoom to selection. And the bottom layer is theory. Jinling Diagne, a white line that we created with the pen tal in the polygon mode. So if we make sure that is selected, we can click on Command J and create a new layer, which is this one here. And we can then drag it over to the correct position. I think that should be okay. I will zoom in a little bit just to make certain need to move it up just a little bit. Okay, I will click on Zoom to selection again, and when I click on Command J to duplicate this layer, you'll notice that because I zoom Dean, it did not automatically move it to the required position. So I'm actually going to have to move it manually. We'll try and do the best I can. That will probably have to do. And if I do not zoom in this time, but just press command J, it should automatically be duplicated into the correct position. Or should I say approximately the correct position so I shall keep on pressing command J until we fill up the right 10 side of our small pattern like so well, that final line is definitely not in the correct position, so it will certainly need to be moved over a bit. Let's go back to the first duplicate line and start adjusting each of the diagonal white lines. In term, that one doesn't need adjusting much. This one's a little bit further out, though. I suppose they get a little bit worse with each one, so I'll move that one over a bit, too, and all nudge that one over a bit of. Well, this one's a bit more far out, so I will move it up. Same with this one. And it's just a question of keeping on going, making sure the lines are all lined up in the correct position. We are nearly there now. Just need to move this one up a swell and this one. There's quite a big distance growing now, which means that we're actually going to have to copy and paste this diagonal line and then drag it over to finish it off. Like so. Okay, so hopefully we have positioned everything correctly. So let's zoom to fit and find out again to the naked dined. That looks perfect, but let's zoom in and make sure yes, that looks great. So there you go. What we have done on the small pattern symbol has Bean repeated throughout our large pattern. Okay, I'm just going to save the file, right? If we then click on the small pattern, in fact, we need to make sure that the rectangle is highlighted were then able to change the background color. Just need to click on the Phil and then just click on whatever color you like in this way, we can quickly and easily change our hatching pattern to fit in with whatever other pattern we are creating, such as a tartan pattern, for example. However, for our tablecloth pattern, we need tohave a rate on Dwight attaching pattern. So I'm going to change the color off the background to rate. Okay, so there we go. And as this is the red and white hatching pattern that I will be using Aziz part of our tablecloth pattern, we need to save this as an asset. However, it is important that we make sure the symbol is highlighted in the layers panel as it is in fact, the symbol that we will be adding to our asset panel once the Symbolist selected, we just need to go over to the assets panel and make sure we are in the correct subcategory before finally clicking on add from selection like so. And there you go. Our red and white hatching symbol has Bean added to the assets panel and is now ready to be used within the tablecloth pattern. However, before we can create the tablecloth pattern, we first have to create another type of repeat pattern using the repeat pattern template. And that pattern is called a gingham pattern, which we are going to create in the next video. 6. Step Three: Creating a Gingham Pattern: In this video, we shall use thier repeat pattern template to create a classic gingham pattern, which will then in turn form the basis off our table cloth pattern. And this gingham pattern is surprisingly easy to create, certainly in comparison to the hatching pattern which we created in the previous video. Okay, so we are going to begin by clicking on Save As and creating a new document within the repeat pattern folder cooled gingham pattern and then making sure that the small pattern is highlighted. We are going to go to the rectangle tool and create a rectangle. We need to change this yellow Phil to a red color, and we're going to choose a darkish shade of red with a hex code off F 017 to 0. Like so, we then need to go and highlight the rectangle background within the layers panel because we're going to change the red background toe white, so I shall type in a hex code off F f f f f f. And as you can see, the large pattern automatically changes toe white. Now we need to change the size and position of our red rectangle shape so we need to come over to the transform panel and then changed the width 2 150 pixels and change the height to 75 pixels. Then we just need to reposition the red rectangle to the top off our white background rectangle like so the next thing we need to do is go to the color panel and then go to the A pass ity slider here at the bottom, where we will slide the A pass ity down toe 50%. There we go, which gives us this lovely salmon pink color. Okay, Next, we need to go back to the layers panel and drag the salmon pink rectangle into the symbol, making sure that it sits above the white background like so. And as you can see, this is immediately reflected on the large pattern, then making sure that the salmon pink rectangle is selected within the layers panel. We need to copy and paste a second rectangle so I shall go up to edit, then click on copy and paste. And as you can see when the second rectangle is pasted on top of the first, the 2 50% capacity rectangles added together returns the color of the rectangle to the original color as it waas at 100% capacity. But we do know actually want the two rectangles to sit on top of each other. Instead, we're going to go up here and rotate the second rectangle clockwise by 90 degrees and then reposition it over here to the left of the symbol. Like so, I will just make sure in the transform panel that this second rectangle is in exactly the right position, which it is. And there you go. We have successfully created our gingham pattern, and in the next video, we shall combine this gingham pattern with the hatching pattern from the previous video and creates the tablecloth pattern that we have been working towards. 7. Step Four: Creating a Tablecloth Pattern: OK. In this video we will be taking the gingham pattern that we created in the previous video and adding the hatching pattern asset which we created in an earlier video to make the tablecloth pattern that we have been working towards throughout this class. So here we are in affinity designer once more where we can see the gingham pattern that we have just created. And again, the first thing that I'm going to do is click on Save as to create a new document which I'm going to call tablecloth pattern and so that it is crystal clear exactly what this pattern entails for reference. Later on, I shall put in brackets gingham and hatching. Okay, so then we need to go to the layers panel and make sure that the Small Pattern Art Board is selected before going to the assets panel and then dragging the hatching symbol asset over to the small pattern. Like so Now it is important to note that we have actually dragged over the hatching symbol from the assets panel because when we saved this asset, we actually saved the entire symbol. But it is, in fact, just the rectangle together with the diagonal white lines that we need to place upon our large pattern. So we only need to drag down the rectangle into the symbol of the small pattern, which then leaves us with an empty husk of a symbol that we can now delete. Okay, if we click on the hatching rectangle, we can see that it currently covers Thean entire background of our small pattern. We actually want to decrease the size of this hatching rectangle, so we need to go to the transform panel and change the width from 150 pixels to 75 pixels and then change the height from 150 pixels to 75 pixels. Now, although this hatching pattern is the correct size, it is currently in the wrong position, so we need to move it over to the top right hand corner. Let's just make sure that I have selected the correct layer, and I will also confirm that it is in the exact location that it should be before copying and pasting a second hatching pattern and then moving the new pattern diagonally down to the bottom left hand corner again, I shall check in the transform panel that this hatching pattern is in the correct place, which it is. And there you go. We have completed our tablecloth pattern. So what we need to do now is export this pattern in whatever desired format we care to on the way to do this is to go to the Layers panel and select the Large Pattern Art Board before clicking on file export. And I'm actually going to export this as a PNG file. But I need to change the area from large pattern to selection without background. Now, this doesn't make much difference in this particular pattern. However, if you're exporting a pattern where you had hidden the background because you wanted to export the elements of the pattern with a transparent background, then this is the option you would have to choose. So I suppose I'm just used to exporting my PNG files. In this way, we'll leave thesis eyes at 900 pixels by 900 pixels because this is an ideal size for a pattern tile that can be repeated to fill larger areas. And I shall click on export. Okay, let's go to my repeat pattern folder and I'm going to rename the file to tablecloth pattern toil. Actually, let's add the word rate here as well. And then I will go to my desktop folder and locates the file within the repeat pattern folder. Oh, just double click it. And there we go. This is the completed tablecloth Patton tile. Oh, just zoom in on this a little bit so that we can have a better idea off what this pattern will look like. And I'm really pleased with this. This tablecloth pattern could be used as a fill within certain shapes and silhouettes, and it naturally lends itself to the theme off recipes. And in the next video, I will show you how we can incorporates this tablecloth Patton tile within a book cover for a recipe book. 8. Step Five: Creating a Book Cover for a Recipe Book: Okay, So in this video, I am going to show you how you can incorporate the tablecloth pattern into a book cover for a recipe book. And as you can see, we are in affinity designer once more. But this time the background image for our design is a paperback book cover template, which I have downloaded from Amazon KDP. This is actually a book cover template for a 120 page six by nine inch book, which has a 0.27 inch spine with and has a white paper interior, which helps determine the width of the book spine. And we're going to place the tablecloth Patton tile onto this paperback book cover template as many times as needs be in order to create a book cover for a recipe book. So I'm going to start by clicking on savers and creating a new document, which I should cool recipe book cover. And over here we have our tablecloth Patton tile, which is 900 by 900 pixels in size, and you will soon discover exactly why I set up our repeat pattern template at this 900 pixel by 900 pics or size, But let's first click on copy and then paste the pattern tile onto the book template. Now I'm going to drag the tablecloth Patton tile onto the front cover of the book template into the top left hand corner, where you can see this black dotted line, which represents the trim size of the book. And I'm going to zoom in a bit so that I can see the black dotted line a little bit better and then reposition the pattern tile so that it is right up against the black dotted line. Like so now this rectangular area here represents the spine of the book, which I'm going to design a little bit differently from the front and back covers. But I will come onto that later because right now I'm going to copy and paste the pattern tile, which would hopefully bring it up over to the black dotted line on the right side of the front cover. And this is why I deliberately designed the repeat pattern template at a size of 900 pixels by 900 pixels and specifically the small pattern symbol that's a size of 150 pixels by 150 pixels because of 150 pixel size. Square fits perfectly into a number of the common prince ices that are used in paperback book publishing the 8.5 times 11 inch paperback books, for example, on the six by nine inch paperback books that I am demonstrating in this video. So in the Layers panel, I'm going to make sure that both of these pattern tiles are selected and then group them together like So Okay, I'm going to zoom out a little bit so that we can see what we're doing better and then holding shift and command, I'm going to drag down a copy of the group's pattern and place it immediately below the other group to pattern. And then I would do exactly the same thing again, dragging down another copy of the group's pattern to fill in the remaining space on the front cover. Then, in the Layers panel, I shall select all three of these groups patterns and group them together to create a single layer like so now that all the pattern tiles are grouped together, I'm just going to reposition the pattern slightly so that it is evenly spaced between these black dot it lines that represent the trim size nearly there. Yeah, that looks about Okay. Okay, I'm going to zoom out. Actually, I think I will zoom out once more and then pressing shift in command. I'm going to create a copy of the front page pattern and paste it over here on the back page. I need to try and line it up a bit. I think that's about right. Of course, I'd better zoom in to make sure. Okay, let's see how that compares to the front cover. I think they're still need to shift it over a little bit here. Yeah, that should be okay. Remember, I'm going to design something a little bit different for the spine of the book. OK, now, although our pattern tiles perfectly fit within the front and back cover trim area, we still need to make sure that our design extends beyond the trim area. The best way to achieve this is to copy and paste the same pattern group above, below, into the sides and corners of their front and back cover. So I'm going to go to layers and select the pattern group and click on Shift Command and then drag a copy of this group to layer to be on the trim. I'll get there eventually. That should be okay. Okay, let's zoom out and do the same at the bottom off the front cover. Actually, I think whole zoom out even more again. I'm clicking on shift command and dragging a copy of the grouped. Lay it down like so, and I shall do the same for the bottom of the back cover and then once more for the top off the back cover. And then I'll do the same for the right side off the front cover and finally, the left side of the back cover. Basically, all of the template needs to be covered with your design. Otherwise, the book will not be accepted. When you upload your book cover to the likes of Amazon KDP. Okay, I'm going to zoom to fit again because the next thing that we need to design is the book covers spine, and I'm going to employ a quite simple but effective technique which contrasts well with this tablecloth pattern. And that is to simply create on off black rectangle, which overlaps the tablecloth pattern on both the front and back covers. So I'm going to click on the rectangle tool, and I have set it to this off black Phil. And to begin with, I'm just going to quickly create a rectangle, which I can then readjust to the correct dimensions later on. So I shall extend the rectangle to beyond the bleed above the cover and then extend the rectangle to be on the bleed below the cover. Like so then it's just a case of zooming in and making sure that the book spine lines up correctly with the squares in the tablecloth pattern. Okay, that looks about right. This side probably needs adjusting a little bit more. Yeah, I think that should be okay, so I'm going to zoom to fit. Let's reposition this a little bit, and I'm then going to make the book's title label visible. This is a label that I created earlier to complete this recipe book cover. I need to move the label layer up to the top so that we can see it, and there you go. We have created a cool looking book cover for a recipe book, and because we can still see the group pattern tiles an outline off them anyway, which fits the front cover perfectly. If we reposition the front cover over here to the left side of the workspace, we can get a better idea of what our front cover is actually going to look like, which in turn, helps us line up the label better so that it fits centrally on the front cover. Now, bear in mind that this is not an exact science and that the book cover might not cut exactly to the trim size, in which case, the label with recipes written on it may not align exactly between the age of the books by in effect and the right hand page of the book. But really, this is the best we can do, and it shouldn't be too far out anyway. Okay, lets reposition the cover back to the center again, and I will save the file, and then we can export the file and we need to export the file as a PdF. It is important to note that you need to make sure that the preset is set to pdf Latin and that the raster dp I is set to 300. Finally, the area needs to be set to hold document. I am going to call the PDF Recipe book, Cover six by nine, 120 and then we can go and double click on this. Pdf and preview it within Adobe Acrobat. Let's zoom in to 100% and there you go. I'm really happy with that. It's a great example of how our tablecloth pattern could be used to make a really cool looking book cover for a recipe book. 9. Repeat pattern template project: your class project is to set up a repeat pattern template in affinity, designer and then create your own stylish looking tablecloth patterns. Feel free to post your tablecloth pattern in the project gallery, and I suggest you choose a different color than the red color demonstrated in the class and perhaps even a different color to the other patterns that have already being posted to the Project gallery. I would just like to take this opportunity to thank you for taking the class, and I look forward to seeing your class project very soon.