Design a Monochromatic Brick Pattern | Chris Heath | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Design a Monochromatic Brick Pattern

teacher avatar Chris Heath, The Geometrical Design Guy

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

8 Lessons (42m)
    • 1. Introduction

    • 2. Types of Patterns

    • 3. Grid Quick Draw

    • 4. Capturing Leaf Growth

    • 5. Bird Watching

    • 6. Vectorize

    • 7. Colourize

    • 8. Your Project

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

In this class, we will learn how to use a geometric grid made up of nested squares to:

  • establish a decorative pattern’s unit of design
  • set the pattern’s unit of repetition, and
  • explore options for using the ‘unit of repetition’ to distribute the ‘unit of design’ over a surface.

We will also be exploring a range of terms so that we can clearly differentiate between:

  • what we are designing, and
  • the method of distributing our design over a surface to create a pattern.

Oh! and in the process, we will also be creating this monochromatic brick pattern.


As part of the Geometric Surface Pattern Series, this class follows on from what was covered in the previous two classes ‘Design an Arts and Crafts Enclosed Pattern’, and ‘Design a Simple Decorative Band’.

The video lessons in this class illustrate the usefulness of a grid for creating a variety of patterns. For the purpose of learning, feel free to copy what I have done. Then using the grid, try out your own decorative ideas.

To follow this class, download the grids from the 'Your Project' page and print them out. The PDF files are an integral part of this class and are designed to help you turn your decorative ideas into reality.

To complete this project, it is assumed that you have used a vector drawing tool such as Adobe Illustrator or Affinity Designer. However, you may side-step the vector drawing tools and complete your project with whatever technique you wish, whether that be pen and ink, water colour or stencilling.

Meet Your Teacher

Teacher Profile Image

Chris Heath

The Geometrical Design Guy


Check out my profile page to discover more classes for artists and designers.

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: have you ever tried to design a pattern? But you just don't know where to start. Well, today we're going to start with something basic, and that is terminology. Because with that terminology, it can be difficult to explain to clients the pattern that you're creating. Huh? I'm Chris and I'm a writer in designer. The project for the day will be to create a basic brick pattern. Now, technically, this is called a stretcher bond or running bond pattern. To keep things incredibly simple, we're also going to stick to one color. There is a monochromatic color scheme, and by monochromatic, I'm talking about using tints and shades of the same color. We will also go for one style of leaf, and we will also pick, for example, a bird. And we will work on making that birds pattern, or at least the pattern on its wings. Geometric. So you're here now, so why not stick around? Hey, it's just get started 2. Types of Patterns: Initially, this class was going to be about how to create an all over pattern, or was it simply a repeat pattern free, all over pattern for a seamless repeat and the end, I decided to explore some of the terminology that is used in surface pattern design. I settled on a simpler pattern that is commonly known as a brick pattern. Then I wondered, What is the difference between a brick pattern and 1/2 drop heaven? Other than the direction in which the designers office it end the shape of the unit it has repeated for May? Exploring how to distribute a design over two dimensional surface requires the use of terms , for example, like horizontal office, it vertical offices and diagonal offset. For example, instead of 1/2 drop and break, we can start to think of these as a vertical offset of 50% or a horizontal offset of 50%. The stats to raise some questions to explore what else is possible. For example, what would happen if we had a horizontal offset of 25% or 75%? But before we can talk about office, it's and, for example, grids. What do we call the design that is being distributed over a surface. What do we call the bits that make up the design? And what if these bits can stand alone and look equally balanced? Is the design in their own right? If we're not too careful how we classify the distribution of our designs and the designs themselves can all get a little bit difficult and confusing? Of course, when dealing with clients, you should speak their language. For example, used terms like full drop half drop. Brooke. These are common terms, and many people know what they mean without it having to be clarified and for the purpose of design. Consider using terms that more accurately describe your design and how it has distributed over a two dimensional surface. I decided to go back to one of my favorite references. That's called Jim. It's called roaring for art students by Morris. Some kind introduced a set of terms I like to use. It's not an exhaustive list of terms. It's just enough to get us exploring the distribution of our design over a two dimensional surface. First up is the unit of design. To keep the simple, it's consider this flower to be our unit of design. When this unit off designers repeated, for example, vertically, diagonally or horizontally is in this example, we can call this a. And here are a few examples from the class design Addicted of Pain, which fall into this category. When the unit of design is repeated, for example, both vertically and horizontally, we can call this a diaper, according to Morris. Strictly speaking, the term diaper is applied to units of design that it confined Teoh a geometrical form. So a square, a diamond or lozenge or a hexagon Piccoli qualify is units of repetition. Now notice the change in terminology. I was talking about unit of design, and now I'm talking about unit of repetition that there's a subtle difference between the two. So just to show you if we remove the unit of repetition, which has now formed a grid sometimes known as a net, we end up with what we can call in all over Hatton. End of the unit of design spills over the unit of repetition. We can call this a free all over pattern. The thing to note here is that although the grid formed by the unit of repetition is gone. The underlying harmony that it brings to the design remains back to the diaper. And what happens if we office it? The unit of repetition, which in this case is a square? This particular diaper is based on a square units of repetition. A 50% vertical office it off. This unit results in what is called 1/2 drop. A 50% horizontal office in off this unit results in what is called a brick pattern, although we tend to reserve this time for rectangular units of repetition inspector diaper to industries a few more times from Morris's book. If we remove every second unit of design, we end up with what is called Chickering, pretty much like the checkers or drafts board. If we remove more units of design, we end up with what is called spotting. Sometimes these spaces are filled with smaller items, and this is cold, powdering and revisiting some of my earlier questions about what do we call our design? You can call the design that is being repeated. A unit of design, the unit of design can be made up off one or more design elements in the end. The terms you use may differ from these tunes, and that's fine. The important thing to note here is that terms you used to classify different types of patterns should work for you and exploring new possibilities and design for May. These terms may well evolve over time, as I explore not only the distribution off units of design over two dimensional space, but also, for example, when exploring fractal and sacred geometry and even distillations all great material for future classes. See you in the next lesson. 3. Grid Quick Draw: but I thought I'd do is cover off how to create the script. And I've done it once before. In a previous listen, I think would be good to do it again and create a grid that is specific to what we are drawing today. So it started with an A full page. I work in millimeters and will start very quickly with a square, and I'll just correct the size. Make it 50 mils by 50 mills. And that's not centered. So what I wanted Dio is central. Next thing is, we'll just make the father it so we can see what we're doing. I want to draw a circle inside, and Diamond is going to be the same. I could step thes, but I prefer to put an exact measurements, and now we need to duplicate this square. So he's command. J duplicates. There's and I want to scale it by a ratio off 7071 That's good. So now I can not just slipped away and select Becks. I wanted depleted again without reducing in size. Come on, Trey and rotate that 25 to graze. So now I want to select thes three and group them and duplicate them and scale this group by the same ratio, which waas 0.7071 And now for circle Here sits nicely within these two squares and I'm gonna GOP command j again and again and again and once more. And that's probably enough copies. 123456 like Stephen. So group all of these and call it's crude unit now. But the Screwed Unit is just a few more things to do. And that is to head some exes and diagonals to the actual unit itself. Just grab the pin tall on. I want to draw them at this level, not within their Chris escape between its line so that I joined up escape again. And here we have a So what good is this simple grid unit? And what I'm going to do now is just turn it and it's simple by selecting it over here. Did I hear clicking? Create So announce reproduced up there. So for deleted from here, I can always bring it back in here. So this is 50 by 50 so set this up. So it is five miles from the edge of the paper and 100 bills from the top is fine for now. Duplicate grid units slide it across. Snap it in place on that again and again for never got this. I can duplicate all of these. I slept on the and again and again in the mail are just cripple of these And I just call it the grid and the scent of it on the page there, I think I'll make round it off to 1 50 tingle we're using is essentially that shape the with a double square that's 100 by 50. My personal preference is to send everything on this London here and I think we're done. We'll see you further down the track to Victor. Rise out design on top of the script. 4. Capturing Leaf Growth: Let's listen. We will be looking at some ideas, and as to where you can find some inspiration, just like the example you've seen earlier, we're going to draw a variation of that example. I think it's good to get some practice to drawing these elements before actually drawing the pattern in order to start on this. What I've done is I've got some pictures from some old journals, So a lot of these air from the building used. This is a journal, which was out and about in the late 19th century. So these air she dated around 18 69 18 70. It's an example off, some leaves drawn, and cities were published in the building years on a particularly like some of these leaf shapes, the ones with the scholar, but each is on them and like the symmetry and some of these happens as well. For example, this one doing here, and also the symmetry and these leaves here on the buds up here in these leaf shapes. Here they look strong. They look like thes buds and leaves it just bursting from the plant. Here is another example, have actually used a variation of this before, and I'll just put that up so that you can see it. This was for a sign for my workshop now. This was painted back in the 19 nineties, so it's a photograph that I took at the time, a little bit grainy, but have skinned it and to give you some idea, and in this example, it was actually a lot stenciled. And this is the design that I based it on. And again, it's got these scholars shaped leaves, which I want to incorporate in the brick pattern design that I'll be doing today. Here is another example This one's from the building news data dating 69 that has some examples of bilateral symmetry. So we've got one symmetrical line down the center, and both the left and right mirror each other. The's journals, if you can go down to your local school of architecture of the school of architect, has been around for quite a long time. You might even find journals which date back to the 19th century, and they're a wonderful resource of if you're a lead that she takes some other photocopies , or they may allow you to actually photograph some of these pages with, for example, your eyes. So if we would Teoh start drawing some of these, how do we go about it? We'll just start and draw the basics. Study for a straight line but generally after leaf shaped look, that and the least rapist to have a bit of a steam. What we're basically looking at doing here, bringing us steam into here and killing it around and just like a true on some scallop shapes. You hear me talk about what I liked about the storing of all these drawings, and that's the the strength that these leaves seem tohave asses they burst out from the stem. What we've got here is some really nice clean curves. So, for example, that nice, clean curve through the girls around that hasn't Bean sketched all over the place on It's just a nice, long, clean line. The same here. It's a nice, clean care of up to the in a nice clean curve, likewise down here as well. So that's sort of the thing we want to replicate. That leaves just to give you an example. If we were to draw a nicely fits that's young and grow, then What we want is one nice clean to like that. If we start to curve it, it sort of looks about like that, and it just doesn't have any strength to it. It looks weak because it spent and also looks older. So if we were to draw, this is a a blade of grass, for instance. Then that's nice and strong and curved. It still kids under gravity. It's just growing straight up and straight. But where is this? One looks now, by contrast, pretty old and with it. So just to give you another example on if we maybe just draw a lucky draw, some some glass curves and another one there on the other one at the one, he's got a bit of a bump in. It's a but I think it will be fine for now. What we want to dio drool some plain the and look waas drawing a cave here. So it just really marking it. We were gonna put these scholars leaves that's gonna be in the background. So what I got is basically the start off three leaves. But before I draw, those actually want Teoh drew on the stems and again I'm just really doing slightly. And of course, this leaf here is gonna be thinner up here. And it's was a kid. That's slightly We got too much care on its here. No, we got the start of a leaf. Should do want to correct that because try try and get a nice, clean, strong curve in there. What it does. I'll just put this in first and just a little bit. I'm gonna do this. What? Take a few goes to get the curves where you want them. It's probably too so again, Things to watch out for here is you want you're the steam If you live to be narrower at this point and wider at this point hand to get a nice, clean Kevin near let's clean curves at here not, you know, not like this and out like that 5. Bird Watching: Now it's time to tackle the good pat off the spectacular design and my starting points. It was actually one of these bids on here that know how well that could be sealed, stretched paper. So this is from first addresses, studies on design and just to give an indication of a style that was after when designing the example that you can see in the corner was actually based loosely on these designs on this page. So it's not identical. But what what to do for this exercise is move away from this is reference source for the type of food and really work from photographs. So I trolled through my photos library of the photos that have taken I'm not that keen on using stock photography. So what I have done is I've taken some photos off seagulls, so there's a few different photos here. Also taken some photos off some ducks and on photo off a pigeon. So thought of tekel one of these birds. So what I've got here is my grid, and I'm really just going to use this to experiment on just drawing a bird, and I will probably just stop when I'm happy with the results Now with this sort of draw because we're gonna victory, rise it later. It doesn't have to be perfect. Weaken tidy up some of the proportions and some of the curves later on. Although I'm basing this design on the double square, actually want the center of the design to be here, which means the woods off my brick there's gonna be from this point to this point. So I'm just gonna it to this printed grip, which you can download and use yourselves. Total does up a photo off the pigeon up on the corner there is a reference and see how we got just trying to reproduce that bird. Probably want it's here somewhere in this vicinity and its shape is probably a little more hawkish than in beside roughly roots, But he's going to go. - One thing I've done is just think that thes bids and also just started another variation of the pitch in and what I'd like to do is never have got a pigeon, which is approximately the right proportions. Is I really just see if I can create some bitter variations that I can use. So what? Speed up this video so you can get a feel for what I'm trying to do here without it taking too long. We now have a range of options that we can use the ideas of the other concepts severe. And what's a good A. Scanned into the computer, I can tidy up the curves and the proportions of the food. One thing off progressively through these sketches, as I've moved from having a a narrow nick to a broader nick which accident a little bit more pigeon like pigeons, looking a little more plump with the the water Nick, we'll see you in the next missile. 6. Vectorize: It's time now to victory. Rise our design and we're back on offensively. Designer with the grip that we drew up earlier. What I've done here is I have scanned the good sketches that I before, including this one with the leaves. And there's another variation. There is the original design are true there and duck design there. And then that told Siri's off pigeons, where it's just experimenting with different shapes and adjusting the proportions slightly . So just gonna close all those dance. They don't need thumb now, just starting at the bottom here as a reference, I have this design and here, Georges to enough A now and I also placed the skin drawing off one of the pigeons in here and just But that's control you, The other one and his Thea other picture in which I thought I might actually use. Okay, what I wanna do is a suit off shape. So I must will start down. Yeah, on bringing it up to that point, they just approximated. Now I might just bring it down to there for now and move these shapes into position later. - Here I have the basic bird drawn up still needs a bit more work, some fine tuning, but the shapes of the air so weaken, rework those later. I think it's time to tackle another part off this design. One thing I want to do now is reverse at the color so I could get a better idea of how this design is going to look. One thing I can do with this food group is to go into a symbol that sitting around up there and I can see that forgotten the league's. What I'll do now is actually go offline, study at the curves within the bird shape and they know, come back and explain some of those changes. Once they're done, the design is now finished. I thought I'd show you the design and how it has built her, but by but starting off with the units off repetition. So the unit of repetition is thus gray rectangle, and that gray rectangle is a double square. What I wanted to show you is how I built up this design. So what I'm doing is just placing a couple of thes grid units in the corner and or just suman so you can see more clearly that fiscal units. The height of the grid unit is this height here. At least it's snapped to this height here. So basically, this grid was used to determine the location off this white line just here. So I headed this center stem or center flower and just worked out a little bit more. Since you saw it last, I've added a few more details up in the Syria and go put some weight down the bottom also included a dots here on day. I think probably now is the time to show you the leaves. So the reason why I don't have this joined up is because I've got a stem hitting off in that direction to the left and the steam hitting off in that direction to the rights. I could just hide these little grids and display the bird. So I just want to close on on the symbol and actually show you another great units. Okay, so this one was used to help determine the center off it. Point, there also helped me, like, hates the thieves. And the size of this drop would droplet just here. So now just hide that on display. This one here. So again. This is sit and you can sort of see that the center of this lines up with this good line coming through here and with her lines up with the bottom and also lines up that's gripped line across here. So I used this to help position the tail. So the tail ends on the scoop Here. Is this just one? And this one comes down on this Paris. That's grid line fear. So I like to use these goods to introduce the same proportion at different scales. Anyway, what you may have noticed is because this is a symbol. He would have noticed that curve over there change. So I just play around with us so you can see as I'm strict, get it here on the other bird. That's also changing. That's such a really good way of actually seeing your entire design when you're using cemetery and you can sort of see how balance to does. And Mike, if you are the changes. So now I'm looking at this. I'm sort of not entirely happy with this. Curves might just have a little little with that. The next thing I'd like to show you a Z another good unit that I've used. And it's this one here that's essentially the same grid unit 50 mils by 50 mills. But all I've done is I've actually moved it along and the idea behind that just handed off explain that shortly. Has I wanted all the kids in the wings to radiate from a certain point what leased to be equally distant from a certain point which is the center of the script. So I've sent it This grid sort of approximately on the center of the wing. A little site lines up nicely with e hid there and what you saw, really. It was thus so just turn that one off so you can see this a little more clearly. So this is centered on the same point is the previous grid and it was essentially just a group off lines which three degrees apart. So they divide nice and evenly into the circle. And if I just zoom and you can see this more clearly holding down the command cakes I wanted to grow and expand From that center point, you can see that thes circles approximately fall on that read there is do these and it's only approximate only because the wing isn't perfectly symmetrical. But as we get further out, you can see that more arm or the curves on the wing and the dots and these goods here and this curve here and these Kurds and points and those points there and all of these lines here, you can see all radiates from that seemed to point up there to the leaves were built pretty much the same way as earlier classes. Okay, so just looking at these leaves here, you can see the all branch off the Sloan here because tend to run tangent to the grid lines and all terminates on a grid line over near a grid line. This flower is just sort of been centered by I vertically but really slightly off centre because it was based on a Pentagon. This one here has been scented vertically on that on there. Uh, this curve comes down tangent Teoh, diagonal on the grid that you can see. The sleeve clearly terminates around this point here and terminates around that point there . And that's pretty much summary off how this design was put together. But I will also do what I'll do now is I will just take a copy of that and that. Come on, see to copy it. And what I'll do is I'll just drop it into this blank document group. Even though that has attached some theaters, Make sure it's detached. Now I've got a new group. I can you simple from that group, and we'll just move it up. He'll in stepping on a little step just there and now I just drink these, and here we have have finished design. 7. Colourize: the last step has to colorize her image, So this is actually really quite straightforward. What we want to do is I had a rectangle, so just create any old rectangle. No, that's just floating there at the moment, and we'll make it one 100 kilometers by 50 which has exactly the same size as our unit off repetition. But just rake that up onto there and it's just floating above this symbol, which is sitting underneath and what drink that, then that basically reappears and every other instance off this symbol. So the next thing is, we need to do so. Select this rectangle, go to Phil and here we can just sort of play around with the color sexually sort of okay where it is. But we can come back and play with that later. So now what we need to dio has select one of these options here so we could pick, multiply like a color screen color dodge overlay. A soft light, soft light looks a little crisper, and the we have a monochromatic Brooke pattern 8. Your Project: that's project time. Your challenge would you choose to accept is to create your very own brick pattern. To make this easy, I'd like to suggest that you follow this process that I'm about to share with you. The first is to emulate thin, deviate, then innovate. So what do I mean by these three terms? Well, what I mean is to emulate, copy exactly what I've shown you. It doesn't have to be a perfect copy. You just need to get something going. And again, this is all about just getting some practice. And with using the grid, the next stage is to deviate. That is deviate from what I've done. So take what you've copied and change some of the elements around or spot the Met with something else. It could be a simple as changing the leaf shape or changing the curves of that stems. Really, Just get some practice and to use the grid to guide the size and location and curvature of your lines. The last stage is to in a vase. So what I would like you to do here is basically start from scratch and find some elements . Will find some objects that you can incorporate into your very own design a design that you can be proud off. And you can do this by simply just having a look around. The house will look around the garden, take some photographs of objects or plants or animals, or in six something which you can use to incorporate into your very own pattern. Swapped the bird out. Swap the leaves out, spot the steam out. You could even just replace the leaves with a ribbon, so think creatively Think laterally. This is your opportunity to create something which you can be proud of, something that is original to you and remember to share what you have done on the projects area. I'd love to see what you could do. Also follow me on school. Sheer. There will be a link above the video or below the video, depending on what device you're using to watch this video and stay tuned for more classes by May Crust Geometrical design guy