Transcripts
1. Introduction: Hi, everybody. Welcome
to this class on how to create seamless Brutalist
patterns Itrocreate. My name is re Hurry. I'm a digital artist
and an illustrator. In this class, you
will learn step by step what a Brutalist
pattern is in general, how to create template for that, how to create different
color schemes, and then how to create your own seamless pattern
tile in Procreate. And as part of bonus, you'll create multiple designs from the single pattern tile and then even create a seamless Brutalist pattern
brush in Procreate. I'm so excited to
share everything I know for you in this class. This whole class is designed
with beginners in mind. So every single lesson is kind of clearly laid out in
a step by step process. As part of prerequisites, you might need just an iPad and an Apple pencil
to take this class. So I'm so excited to kind
of share everything I know about creating this beautiful Brutalist seamless
patterns Itrocreate. I'll meet you in the
class section below.
2. Understanding Seamless Patterns: So welcome to the
first lesson of this class on creating seamless Brutalist
pattern in Procreate. So first of all, what is Brutalist pattern or what is brutalism in the first place? So this is a style
of architecture, which was evolved
post World War two, especially in the Soviet region, where they used minimal
amount of, let's say, textures, colors or materials to create a particular
architectural style. The main cause was
to reduce the cost. Eventually it transformed into
a particular style called brutalism which has been taken up in different
parts of the world, where they have used
minimal elements or minimal construction material in terms of the variety and created the particular
architectural designs, right? And we can see that same
philosophy behind using minimal, kind of variety of
things has been transformed and even
imbibed by graphic design, postal designs, paintings, furniture design,
so on and so forth. So this is actually a
basic explanation of what brutalism is or what Brutalist patterns
have evolved from. And now we will see how a
seamless pattern functions in Procreate, okay? So, um, when you open a
square canvas, again, you need not follow
through the entire thing, just as a concept
of how to create a seamless pattern or how a seamless pattern
functions in the first place. In the kind of coming lessons, we'll go step by step onto how to create your own
seamless pattern, right? So when you take a square
canvas, for seamless pattern, any size is better,
but to start off with, always we go with
a square pattern or scared of square
canvas, right? So let's say there is something which is on the top, okay? That should resemble
the bottom part also. Similar fashion. If something resembles
from the left, it should resemble the right
side also. Why it is so? Because when we design
a pattern tile, that will be copied and vertically and
horizontally, right? So when we copy it,
this particular, half circle or a semicircle on the right side will
become a full circle because this particular
semicircle will be combined by this
particular semicircle. That's the overall concept of how a seamless pattern
functions. Okay. Now we'll do a B six
seamless pattern with just circles and,
let's say square. Perfect. All right. So let's assume this
is a pattern tile. Okay? Now we're going to copy and paste it to see if the
seamless pattern functions. Like, as I've explained before, the top and the bottom
part should be similar. At the same time, the left and the right part should
be similar, right? So we'll copy and see
how the functions, duplicate it first and
reduce the size by half. Move it to the side, combine
both, move it to the bottom. Perfect. So if you
see in this case, we have drawn only a half
square and a half circle. But if you see here, this
is our actual pattern. This is a pattern tile which
we have created, right? But if you combine that
with the next pattern tile, you will see a circle,
almost a circle and almost a rectangle. Okay? So this is our
pattern tile functions when we're creating
a seamless pattern. In the next lesson,
we will see how to create a base template
so that we can design our entire let's say Brutalist seamless
pattern in Procreate.
3. Setting Up Your Base Template: Perfect, welcome to
the lesson, too. So in this lesson,
we'll be creating our base template for our
seamless Brutalist patterns. Okay? So for this, we'll start off with
creating a new canvas. So first, you tap the plus icon on the
top right hand corner, then go for custom Canvas. Then, in this case, we'll go for 1,000
by thousand pixels. Okay, uh, this will
be good enough. You don't have to go
for a bigger canvas. The reason so is because you are creating only one
single pattern tile, right, which can be
replicated again. So thousand by thousand
is good enough. But if you have, let's say a new version of
iPad or iPad Pro, then since it has a better RAM, you can go for a bigger
canvas, that's totally fine. But ensure that DPA
is always 300, okay? Because if in case
you want to print out your design on merchandises
or physical products, at least the 300 DPA is
good for clarity printing. If you reduce it,
then it won't be a good kind of quality. Okay. And the maximum layers, it depends on your RAM
quality of your iPad. So at least 50 is minimum. Ensure that is there, and
you're kind of good to go. Then when it comes
to color profile, you have two major
color profiles. One is RGB, and the
other one is CMYK. I would suggest you
start with RGB. I do understand if in
case you're printing out, then CMYK would be
a better option. But in this case, we'll
start with RGB since our pattern will be mostly used digitally, and if in case, you have to print it
out in the future, then you can always
convert it into CMYK using the tools
we have, right? Actually once these
things are taken care of, tap the tick mark on the top right hand corner and you'll have your square
canvas with you. Now, we'll start off with
creating square units. Okay, square units, and then we'll actually go
with hexagonal units also. So what does that
mean? Okay? So imagine that this is our pattern tile. When you say Brutalist patterns, when we talked about what the Brutalist pattern mean
in the first lesson, we talked about using
basics of basics. So in this case, we'll
use basic shapes. Let's say, basic
circle, squares, combination of both or a
basic triangle or let's say, a square and an inverted or
an angular square inside, or there'll be circles and a square in
center and circles. And actually kind
of this could be one particular
square unit, right? Or you can play with
negative space also. Okay, so this can be
one particular square. So this is how you create
multiple square elements and then mix and match and play with the position
of the oral pattern. Okay? Same with the
hexagonal patterns also. Let's say you have right? So let's say you have this
particular tile, okay? So in this case, when you're
creating hexagonal patterns, you'll have one single
unit like this. Perfect. And then you
might have an offset. So this is one hexagonal unit. Let's say you have one more
hexagonal outline like this. You can have something like this and fill this up
with a solid color. Or if you have a hexagonal pattern like this, right? Something like this. So it's
basically you're designing one single unit or creating multiple variations
of the same unit. And then once you
have sufficient unit, at least like four
or five units or four or five square units
or hexagonal units, then you will play with
mix and match, okay? You will arrange each
and every one of them in a different order and create the pattern and
overall scale, right? So the first phase of this particular lesson will
start off with square units. Okay. So for this, ensure you're using
the calligraphy brush and the monoline brush. Go for actions, switch
on the drawing guide, go to edit drawing guide. Remember, in our case, we have opened up thousand
by thousand pixels, right? Edit drawing guide. So we'll have at
least five squares, in single horizontal
and vertical. So thousand divided
by five would be 200. So we'll create 200 by 200. So this is the
overall grid size. We will move the blue
dot to the corner. So we have the entire
canvas exactly divided by five parts in
horizontal and vertical. If needed, you can
increase the thickness of your i and the opacity of your guide also
for clear visuals. Once that is done, you can tap tick mark on the top
right hand corner, and you have a particular canvas with different units altogether. Always ensure that every time you create a
particular unit, you're creating in a new layer. It's start open a new layer. First unit will
be just a circle. Okay. Once you draw a circle,
using the other finger, tap on the screen, you'll
get an exact circle. Once that is done,
fill the circle with a solid color and move the circle exactly
to fit the grid. Perfect. This has become one square element for us.
We'll go for the next. We can duplicate this circle. We can reduce the size. I'm breaking to the top corner. Duplicate once again. And combine all
the four together. You will see they
are slightly bigger, so we'll reduce the size a bit, they exactly fit into
our square unit. This is two. We'll create one more unit with a semicircle. I flip it vertically and then bring it down
and combine those both. That is one square unit
on second for you. It's about mix and match, you're mixing up
different less shapes and the overall
border is squared. That's the overall idea, you can go with complete
block square also. We'll do that in the
last uh we'll do that in the last space. Perfect. We're almost completing
a fifth square unit. You have a square here. If
it's exactly not angular, you can correct it visually. It's always better to start from a bigger shape and then reduce the size so that you don't
lose the pixel quality. A Perfect. We'll slightly increase the overall size of
this particular square. Duplicate it, reduce
the size here. Again duplicate the new one, reduce the size a bit, gain duplicate it,
reduce the size by this much gain duplicate it, this would be a final square. Perfect. Now we'll
combine all the squares. We have a shape like this. Okay y, so fill up the
parts which you want to. And then this particular thing would be can be or square unit. In my case, I would want
to erase this part also. So there's a virtual
square boundary rather than a physical
square boundary. Perfect. So in this case, we have five different
square units arranged in a single line. Okay. We'll create
five more now. It's all about just using your creativity and
trying out different shapes. There is no hard and
fast rule here on how to create it, duplicate it. Flip it vertically, sorry, by 45 degree, rotate it. Perfect. Now we'll fill this up. We'll fill this up now and we'll fill it up with a
perfect circle in the center. To get a perfect
circle, as I mentioned, tap the other finger
on the screen. If that's not in
the exact circle, you can slightly change
the position of it. Perfect. Duplicate this square, bring it to the bottom, and play around with it. Combine all the four. This is one of your square once again. There are so many number of options you can
always try out with. You can either change one of these into a circle.
That's also possible. We'll copy and paste
it and do the same. Instead of creating
new circle every time, we'll just copy and paste
the one existing one. Okay. Perfect. So this is one more. You have seen that I'm
just copy and pasting things and changing
certain aspects. It's all about trial and error. As many shapes you want, you can try. That's
the overall idea. We'll create one more
thing, one more shape, duplicate the main circle, bring it all the
way to the bottom and create a semicircle. Combine all the four, all
the four semicircles. And move it in place
with the order. We're doing it in
order. The reason is if in case in the future, you just have to pick and
position different things, then it'll be easy for you to do that. That's
the overall idea. So in this particular
lesson itself, we have created our
entire five sets, or kind of like let's say we can see it as one set
as five particular, let's say square units. So we have created ten
different square units to be used in a Brutalist
pattern, right? We'll create five more.
Again, as I mentioned, it's all about trial and error has many
shapes you can try. This is one. Duplicate it once again, move it to the side. Duplicate it once again. We will remove all the borders. Combine the both. This is one particular
square unit. We can duplicate this once again and we can
add a circle also. Perfect. Now we'll add
in the circle here. Duplicate it. Move it here. A combine all the three. This is one pattern,
duplicate the core, move it to the bottom so you have sufficient
space to work on, and flip it by 45 degree and see if you can create an
overall pattern from that. Yes. We'll erase things
which go out of our square. Now, move it in place so that it's in order and
we can find out when it's required. Perfect. We'll create one more. In this case, we can
create something with, um, let's say circles. We have circles like
that, the second circle. Well duplicate the
square also and bring it on the corner. Perfect. So, you know, we
have created three rows or 15 square units of kind
of Brutalist pattern, which we can again, play by arranging them in a
different order, right? So this is how you create
the basic shapes first. Then you rearrange it to
create a seamless pattern. So in this lesson, we
have created these units. In the next lesson, we'll play around with the color shades. I do understand that
Brutalist patterns are usually black or monochrome, but we can play around
with subtle colors so that we have a depth
in our overall pattern. I'll see you in the next lesson.
4. Creating Bold & High-Contrast Color Palettes: Welcome to Lesson three.
So in this lesson, I will talk about how to create your own color palette sheet
for your Brutalist patterns. So first, go to New Canvas, which is the top right
hand corner plus icon. Then go for custom Canvas. For your kind of like the whole color scheme
or color palette sheet, it's always recommended to
go for a vertical layout. I'll tell you why so in the
coming lesson also, right? So for height, uh, 500 is good enough, and for width, 250 is good enough because we just
have to pick the color. So you don't need a bigger
canvas for that, okay? Then tab tick mark and you
get your canvas right. Perfect. So we'll
draw a circle first. So since the Brutalist
patterns we talked about where there are
minimal color variations, we'll have maximum of three
color variations in each set. Okay? So this is actually one set, and we'll copy and paste it down further to create multiple sets. All right. So this is
our color palette sheet. Now we'll fill in
the colors here. So first, we'll go with
the monochrome color, starting with black and
ending with a light gray. So first, we'll choose the
gray color and fill it up. So before that combine
all the layers, so it's easy for you
to do the process. This is your first color
palette where you have a small gradient of black gray and white,
almost white, right? Second, we'll go with
a greener shade. The third color
palette will go for a lavender shade
or a dark purple. I can reduce this shade a bit. Perfect. Then the fourth one
will have almost a peach or an orange color. Perfect. So we have four color sets for our seamless
Brutalist patterns. Again, I always mentioned
that these Brutalist patterns needs to have that minimal tone only then it'll feel like
a Brutalist pattern. We are taking a bit of leverage and using different colors, but usually it's more of a gray or black or
monochrome colors, right? Now, since we have
this particular sheet, we'll export it now to kind of actually kind
of before exporting, ensure everything
is in one layer. Go for the actions tab and go
for share and then tab JP. You can save it in the
files or in the gallery. I would recommend you to
save it in the gallery, so it's visually available, and you can always import it as a reference, and save image. Right? So in this lesson, we have learned how to create
your color palette. Again, it's a very
organic process. You can choose your colors
based on your liking, if you want them bright or
if you want them monotone. Okay? So in the next lesson, we'll create our final
and main pattern tile for our Brutalist pattern and incorporate
the coloring also.
5. Designing Your First Brutalist Pattern Tile: Okay, perfect. So
welcome to Lesson four. In this lesson,
we'll be designing a seamless pattern tile
with the Brutalist tile. So I want you to open
the template file, which we have done at
the Lesson one, right? So we have multiple square
units in different layers. Just cross check it. And then we will
rearrange it, okay? So actually that before that, we'll plan onto how our overall pattern
needs to be there, okay? So for that, we'll start, we'll switch on the page assist. So it's easy for us. We'll
go for the first layer. We'll choose the red, so it's easy for us to
visualize things. Now, in this case, we have
multiple things, right? We have multiple elements,
multiple square elements. But it need not be that every single square element
will be of the same size, are actually in the same block. So we can have one scaled up
twice, so it can fit there. We can have one scaled up three times and
it can fit here. Okay? We can have um, we can have small pieces here. Okay? Something like that. This is actually one option. Or if you go to other
option where we have one, uh, one central like this, and we have one more mini
version like this, right? And then we have all
other small elements. So that's how you brainstorm and plan your square elements, which I have already
designed for. Okay? So to decide on how we
are going to plan our uh, page or the patentile
we'll plan now. So we'll have two options. First thing is, we won't
scale it three times, okay? We'll scale it only twice, so that we'll have two
major focus points. Okay? So first one would be here. Okay. And the
second one would be here or here. Right? And then all the
remaining will have a smaller version or
even scale down version. We'll be scaling it by half, so we can have a
smaller piece also. Or we can have a
bigger version here, and have a smaller version, and here a scaled down version. Again, here a smaller version, smaller version, scale down
version, smaller version. And we can continue like that. So we'll have a variety a bit. At the same time, it's not very so many
elements at one go. Okay. Perfect. So this is the overall plan we're going
to kind of stick with. Now we'll remove this layer and we'll switch off
the drawing guide. Sorry, the page assist. Now we have the elements, right? Perfect. So we will scale
twice this element, the one which is with the
circle in the center. Okay? We'll scale
up that element, so we'll find where it is. Yeah, this is the one.
So we'll scale it three times and place it
in this corner. And we'll have this element. Here. It's all about
arrangements. Okay? If you arrange things
in different patterns, then you will actually get a different pattern
altogether, right? And in case you don't if
in case you feel like certain square pattern or squared tile which
I've already created, the square unit which
I've already created, if in case you don't want
in this particular pattern, you can hide it so that you can work on things which
we really want to. You see that here we
are scaling it down for better visual variations.
You can do that also. Perfect. We have a few more
squares to fill it up. We'd have the semicircle. Perfect. So to see what
all things we have, we can hide the first one. We have the square block still. We have this and we
have the strips. We'll hide the strips also. We'll take the box
and move it across. Perfect. So now
we'll switch on it. We can remove the
drawing guide so that we can actually see the
overall pattern how it is. We have one more box here. We can duplicate the same
design and place it here. Yeah, perfect. It feels like this particular huge
design which we have, I would want to reduce the
size a bit, which you can do. Perfect, right? So we
have a bit of play here. Now, you have these
small two elements. We can fill it up with
the strips which we, uh, choose to omit, right? Then we can add one more of these vertical and
horizontal steps down here as its companion. Perfect. So we have our Brutalist pattern
right, in this case. Now one thing is very
important that we ensure that all the four
corners are combined. Okay? So what do you do first is combine all the
layers you have, okay, all the layers you have, combine them, and then
have a white backdrop. Okay? So how you can do is either you can
duplicate the file, so you have a
original copy of it. And then whichever let's
say the layer is hidden, you can delete it off so that
universe it's not in use. And then start combining
every single thing, right? Then add a new
layer, go to bottom, select white, and then fill that layer with white color
and combine the both. So now our pattern tile is
1,000 pixels by 1,000 pixels, and it's seamless in nature. So if you want to test
the seamlessness nature, now duplicate it, rename the
bottom layer as original. And then work with
the working layer, select it, duplicate it, ensure the kind of magnetics
and snapping are on always. Select one layer,
move it to the side. Combine the both,
duplicate it once again, move it to the bottom. Perfect. So this is our seamless pattern. Yes. So one aspect is a tile, and the entire thing is
a seamless nature of it. Since it doesn't
cross the edges, it doesn't seem like, you know, we have a lot of struggle
to go through it. It's just that you're
copying and pasting it in multiple ways vertically
and horizontally, and we'll achieve the
seamless nature of it, right? So now what you do is delete the things which we've
already done now, go for the original,
then share it. Okay? So go for Actions
menu, share JP. And save it in your file, which is a save image, right? So this is our pattern tile which we can use
to be printed out on fabrics or merchandise or even in our digital
products, right? So in the next class,
we'll talk about how many variations we can do with the pattern which
we already have made. I'll meet you in
the next lesson.
6. Bonus: Creating Brutalist Pattern Variations: Okay, welcome to
Lesson five where we'll be using our
pattern tile which we've already created of the Brutalist tile and
adding in colors to it. Okay? So remember,
in the lesson two, we have created a
color palette sheet. Now we'll import that into
our palette into our Canvas. So go to the Actions
menu, go to Canvas. There's an option called
reference, right? Tap that reference, and then you will see your
reference window, go to Image, Import image. It will go to the photos. Now we can select the color palette which you have created. Now, remember in that
last I told you that it needs to be a vertical strip because if it's a
vertical strip, it can be like this, then we can have our canvas
right next to it. It'll be easy for us to drop. That's the overall idea, right? Now, we'll duplicate the layer, and we'll work on
the working layer. So rename it as working layer. And rename the bottom
layer as original. Right? Ensure you're
choosing the kind of working layer when you're
importing the color. So in this case, we will we can have multiple colors in the same design or we can
have only singular color. Okay? In this case, I would want to divide
it with zones, okay? So the bigger zone, which is this particular zone
will have one color shade, okay, or one color set. And this zone will have other
color set, these two. Okay. And the remaining all, which is a smaller aspects, again, we have a
different color set. Okay, so we'll stick with that. Or in a way, we can do it like this particular set
will have one color set. This whole set will have one. This set will have one, and the other one will have F set. So all the four color
palettes are being used. Okay. So we'll start off
with the coloring process. First, we'll start
with the brown layer. Okay You can move or you can change
color schemes also. It's important that you make
sure there are gradients, so you have a bit of
variety in your design. Perfect. So this
is our one zone. Now, we'll go with the
second zone, which is here. We have three color sets, right. So either we can
go with green or purple or black and white, we'll actually go
with black and white. Okay, black and gray so
that our biggest parts are, you know, more
colorful. Perfect. Now, we'll go with
this part and we'll go with purple since it has
a lot of variations. Slightly reduce the shade
and make it more lighter. Perfect. I will go
for the darker shade of this than this. At last this. Perfect. And now we'll go again with the green. Perfect. So this is our whole coloring
process which we have done. So this has become
one tile for you. So if we have to, uh, you know, kind of a test for seamlessness,
we can do this. Duplicate it, select both, reduce the size by half. Right. Again, combine both, duplicate it so that you can see a bigger
picture of your pattern. Perfect, right? So this is your
seamless pattern. Actually, actually multiplying your basic tile horizontally
and vertically. You'll combine both. And
then go for a working layer. Now, you can add multiple
color palettes like these, or we can even alter the same color palette
which we already have. For example, we can
rename this as one. A duplicator, hide
the bottom layer, go to adjustments, hue and saturation and change your hue. So instantly, you will see a new color palette
for you, right? So this is your new design, and this was your old design. Can you see instantly
you have completely almost a new design just
because you have changed the hue and saturation of
it? So that's the idea. You can rename it as two. Right? So you can create multiple variations like this just by adding multiple colors. And if needed, you can even
add textures on top of it. Yes, we do understand that the Brutalist
pattern always focus on kind of minimalistic colors
or a bit brutal colors. But again, we are trying to change that narrative by
adding in few more variations. And it's nothing wrong about
adding your own flavor to a particular style and not be very rigid onto what
the style is all about. Perfect. Yeah. So
in the next lesson, we will learn how to create a seamless brush of the pattern which
you already created. I'll see you in the next lesson.
7. Bonus: Turning Your Design into a Seamless Pattern Brush: So welcome to this class. Welcome to the Lesson six, where we'll be creating our own seamless pattern
brush with a Brutalist style. Okay? So I would want you
to open the template, the template palette or the pattern tile file,
which we haven't done. Now once that is open, ensure all other layers
are switched off. Choose the layer on which
you have your pattern. Then swipe with three fingers
down, and then copy all. Okay. And then go
to a new layer, switch off the pattern,
ensure it's black. Now go to brushes, duplicate the monoline brush
that's very important. Once you duplicate
it, open the brush, go to properties like this, go to green and choose green
source, import and paste. Right? Once you have pasted
the particular patent, using two fingers, tap it
so that it inverts, right? And then tap the tick mark, show it's texturized, so
you change your feature to that can increase
the scale of it. Yeah, this is good enough. Perfect. Now, we'll test it out. Right? If you change the color, right? So we have created
this seamless pattern brush, where if in case you want this pattern and the background, then you can just choose this brush and create
the entire thing. Okay? And this is actually a positive brush where
it draws the pattern. But what if you want
the negative aspect? Okay? So for this,
what you can do is select a new
layer to test out. Go to the brush, same brush, choose the brush, go
to the green source. And using two fingers, tap it so it inverts. Now again, tick
mark. Now we'll test it once again. All right. So in this case, if you see now, it's actually drawing
the negative aspects, not the positive aspects. When I say that what
is the difference is, it is actually drawing the parts which are
not the pattern. Okay? So in this case, if you add something on
the background layer, let's say you add a
complete color, okay? You will see that the
pattern is not affected. It's been shown as
a backdrop, right? And you can use
this pattern brush to even save it.
How do you save it? Yes, go to the brushes again, swipe it from the right to left, and you can share it like this. Okay, you can either save it
to your files or even um, kind of share it online
using your mail. Okay? So I'll meet you in the next class
where we talk about the class project and we'll recap everything we have
learned in this class.
8. Class Project : Welcome to the final lesson where we talk about
the class recap, what we have learned, and we'll go through
the class project. So first, we have learned what the basics of Brutalist patterns are the Brutalist moment in general and how it
has started with architecture and
eventually moved into graphic design
and illustration. And then we talked about how a seamless pattern
functions in Procreate. Then to start off with
a Brutalist pattern, we created a pattern. We created a particular
template and square units. We created 15 square units,
if you remember it right. And then we went on with
creating a color palette sheet. Following it up, we have combined the lessons
or learnings from lesson two and three and created our own seamless
Brutalist pattern tile. Then we had a bonus
lesson of creating variations using different
colors, textures, and sizes. Then finally, we had
one more bonus of creating a seamless pattern
brush in Procreate. I'm sure you quite
enjoyed the class. As part of class project, I would want you to create at least two or even
three variations of a seamless pattern, especially the
Brutalist style brush or even the seamless
pattern tiles. After I've completed
the project, I would really be excited to see your beautiful creations. So do upload it to
the download section. And if you'd want to, you
can leave a review of this particular class on how you felt in terms of the
step by step learning. Thank you so much for
taking this class.
Srihari Muralidhar
