Transcripts
1. Intro to Hand Drawn Patterns in Adobe Illustrator: Hello and welcome to this
class sketch to Success, Master hand drawn patterns
in Adobe Illustrator. I'm Helen Bradley and I'm
a Skillshare top teacher. I have over 280 courses here on Skillshare and over 182,000
student enrollments. In this course, I'll show
you how to successfully turn hand drawn sketches into
patterns in Adobe Illustrator. I'll show you how to set up your sketches so they'll
be easy to work with, including how to make a printable template
for your drawings. I'll show you how to plan
a more complex pattern and how to set up designs
using multiple colors. And then how to quickly reduce
them to one color designs. I'll be focusing on tips for designing a successful
workflow too. You'll get the whimsical
beauty of hand drawn elements, but with a focus on
the designs coming together very
quickly and easily. Now everything's
taught step by step, and I'll give you
my sketches so you can follow along
with the videos. By the end of the class,
you'll have a range of finished designs and
you'll have learned handy tips and techniques for making patterns from
your own sketches. Without further ado,
let's get started making hand drawn patterns
in Adobe Illustrator.
2. Pattern 1 Draw and Trace: For this first pattern, we're
going to make a pattern of circles to show you that
this is not rocket science. This is the design
I'm going to use. I've actually
sketched this out on a sheet of copy paper
with a felt tip pen. I photographed it with my phone. I e mailed it to myself, and I've opened it up here just in preview so that I
can show you the image. There's part of my desk here. There's a big
smudge of ink here. One of these shapes is really off and nothing looks well lit. But it doesn't
matter because this is going to make a
really nice pattern. There is one thing to be
aware of though here, is that I've tried to
arrange my circle shapes in roughly what is going to
be the pattern formation. So I've got an even
number of rows, I've got eight rows,
I've got 12345678. And the result of having
those eight rows is that this is pretty much
what the pattern Swatch is going to look like. I've also got four columns and things are neatly arranged. Now if you didn't like
some of these circles, you could draw another
one to one side, trace it and then replace it. You're not committed to
all of these shapes. Just think in terms
of laying things out. And if you make a few
mistakes as you draw, just draw some extras
around the edge. But this is the design
we're going to work on. So I'm going to
start in illustrated by creating a new file. I'm just making something
1,000 pixels by 1,000 pixels. These are going to end
up being vector shapes. Size is not really crucial. I'm going to bring in my files. I'm going to choose
File and then Place. And this is my mini
circles image. You can see here
that I don't have any of these options selected. I'm not linking it, I'm
just going to place it, so this is going to be
embedded in the document. The next thing we're
going to do is to crop our image to get rid of the
bits we don't want to trace. So I'm going to
click on Crop Image. I'm just going to drag the
crop handles in to try and get rid of as much of this image as I don't want
to trace as possible. But it wouldn't really
matter if we had to include this ink splotch because
even if it does trace, it's easy enough to get rid of. Later on, I'm going
to click Apply, and that just crops the image. You can see at this point how badly it's been photographed. This side is dark,
this side's light. None of that matters. We're going straight
up to image trace, and the default image
trace is black and white. Every pixel in the
original bitmap image has been interpreted
as black or white. Let's have a look at
the tracing dialogue. This is the image trace dialog. If you don't see all
of these options, you'll just click
the advanced arrow here to open up the options
that you have available. Now you could increase parts to see if that gives
you a better result. You could also increase corners to see if that
gives you a better result. Also for this particular image, increasing noise might remove
some of the edge bumps. You'll see here that
we've got fills created. Each of these shapes is
going to be a field shape. It's not a line, it's
just a field shape. The other thing I'm
going to do is try and ignore my white color. That will make things a
little bit easier later on. That means that all
the white objects will be dropped out
of this design. Having done all of that, is going to click here on Expand, and that will expand
everything into filled shapes. We'll go to the
layers panel because we need to see what we've got. Obviously, we've got a
group here and inside the group are lots of
different shapes here. All I've got is shapes. They're all compound parts. They're compound pars because they've got holes in the middle. Every one of these circles
has a hole in the middle. When you trace the
shape that has a hole in the middle or when you create a shape that has a
hole in the middle, they're always going
to be compound paths. Now, some people just have
a fit over that and go, I don't want a compound path. What is a compound path?
It doesn't matter. It's just a path that has
a hole in the middle. And if it really worries you, you can just double click on its name and just
call it circle. And these can all
have the same name, they can all be called circle. You can remove the
offending words compound path because it doesn't affect the document at all. Every shape that has a hole in the middle is a compound path. We're going to break
everything out of this group. So I'm going to select the
group and choose object group, because I want to
be able to get to these individual circles
to move them around. Now because they're circles
with holes in the middle, you'll see that they don't actually bring their
white with them. We actually cleaned up
the white, We removed it. Now if you happen to
have any white here, you'll see it as an
empty thumbnail. Something that is white. When you select on
it, it's going to show white fill over here. You can likely
safely remove that. Right now what we want to
work on is just black lines, no fills, no nothing. We're ready to make
this into a pattern, and we're going to do
that in the next video.
3. Pattern 1 Make the Pattern: To create this
design as a pattern. We're going to
select over all of our shapes and choose
object pattern, make. I'm going to close up
my Swatches panel. I'm going to hide my art boards because
right now this change between white and black or white and gray is a
little bit disconcerting. I'm going to choose
view hide artboards. I'm going to make the
width and height of my pattern an even round number. We don't want patterns that have fractional
values on them, that's just inviting
problems later on. Now, this is close
enough to 300, I'm just going to take
it up to 300 here, close enough to 470. You can go either way,
doesn't really matter. I'm going to increase
my number of copies so I can see more shapes. I'm also going to zoom out because you can zoom in and out in this pattern preview
or pattern creation mode. I'm also going to turn
off my tile edges so I can have a look and see that everything looks
pretty balanced. A little bit concerned
about this area here. Let's turn the
tile edge back on. The reason we turn the tile
edge back on is because only these objects here
are actually selectable. You can't select anything else, it's just part of the repeat. This is selectable,
I'm going to grab it, just make sure that I have it. And I'm just going to
move it a little bit. I can move this one,
or I could rotate it, I could do whatever I like here. I'm just looking at breaking
up the pattern a little bit. Just maybe making it look a
little bit more balanced. Turn off the tile edge so you can't see where the tile is. If you're happy with that, we're just going to click done. Now, we didn't move
things around. This set of objects
here is not in the exact same arrangement as
we used inside the pattern. Let's just delete them, and let's go and get the objects as they were
arranged in the patent. To do this, we'll go
to the swatches panel. We'll double click on our pattern swatch,
which is this one here. I'm going to select all. And what that does is select just the objects
that were part of the pattern in the arrangement that they are
inside the pattern. We'll choose edit and then copy. I'm going to click cancel, because I already
have this pattern. I'm going to choose
edit and then paste. These are the objects in the order in which they
were in the pattern. That means it's just going
to be a whole lot easier for us to use them again
to make another pattern. And we're going to
do that right now. I'm going to select over them. What I want to do is to fill their middles. Let's zoom in. We know that we don't have any middle fills
for these shapes. Now, before I do anything, I may look at this
shape here and do something about it
because it does have a pointy top on it. Let's go and see
what we've got here. I'm going to select over the shape and I'm going
to the smooth tool. It shares a tool
bar position with the shaper tool,
the pencil tool. Let me just make sure I've got the smooth tool,
which I haven't. And I'm just going to smooth out these lines and get a slightly better result
for that particular shape. Now, at this stage, you
may also have a look at any other shapes that you
think you want to smooth. Hit them with the smooth tool, just remove the worst
of the bumps from them. This is a hand drawn design. You don't want to
remove every bump because otherwise you're
going to lose that quality. If we wanted circles, we would have drawn circles
in the first place. But you might think
that there are too many bumps or bumps in the wrong place that you
can just smooth out with the smooth tool. Pretty
happy with that. So let's just soon back out. I want to fill these shapes. I'm going to make
any adjustments to the shapes before I do the fill. Otherwise, my fills
and my shapes night part company and be
different shapes in the end. So I'm going to select
over everything and I'm going to the
Shape Builder tool. The Shape Builder tool shares toolbar position with
the paint bucket tools, but Shape Builder
is what we want. I'm also going to
double click on the tool so I can
set the settings. What we want to do is we want to turn on Cursor Swatch Preview. And we want to make sure
that we can highlight the fill and highlight
a stroke when editable. It's going to click okay. Now I'm going to go
and get a color. I'm just going to
use this pink color. And I'm going to
click in the middle of these shapes to fill them. Now there wasn't
anything in here. We already discovered that these were just black filled shapes, so there was no middle. But what the shape
builder is doing is it's taking that inner path inside these black
compound paths and it's making a
shape out of them. It's making shapes where there weren't
shapes if you like. Let's go back to
the layers panel. You'll see now that we have a path that has been created by the shape builder tool that is the center of every
one of these shapes. There's one for each
one of the shapes. We know that this is
in the arrangement that will work for our pattern. We'll select over everything
object pattern, make. All we'll have to do this
time is just adjust the size. Remember we took this up
to 300 and I said that, I think that this was
close enough to about 460. Let's just take it back to 460. Let's zoom out, just make sure that everything
looks all right. See a few more copies of this. If we're happy with this,
we can just click Done. Now the other thing
you may want to do at this point is to add a
background to your pattern. Let's go back to the
pattern we just created. And let's turn on the tile edge so we can see
where the tile edge is. Our pattern is 300
pixels by 460 pixels. That's what the tile is. We're going to create
a rectangle that size. Let me just go and get
a color to use though. I'm going to use a pale orange. At this stage, I'm going to
click on the Rectangle tool, click here, and make a
rectangle 300 pixels by 460. I'm just reading that from
this pattern dialogue. Let's click, okay. We're going to move it
behind everything with object arrange and
then send to back. Then we're going to move it. Now I like to use the
arrow keys for this. Just makes it a little bit
easier because I'm not going to grab a
circle by mistake. I'm just going to
use the shift up arrow key and the
shift down arrow key, shift left and right. At this point, I'm going
to turn off the tile edge. And I'm just going
to make sure that none of the circles
here are cut off. There's no missing pieces. Let me show you what
a missing piece is going to look like,
if we can get it. Yeah, there we are. Here's
what missing pieces look like. You want to make sure
that you don't have any, that every single shape
is fully visible. You may want to have a really
good look in these areas. Just make sure that
everything looks fine. Now, when I turn my
tile edge back on, you'll see that my tile edge and my rectangle are actually offset from each other.
They're not over the top. The rectangle is not exactly over the top of the tile edge.
And it doesn't have to be. And in a lot of cases
it shouldn't be, because if it is, you're
going to see things cut off. Really happy with this,
everything's looking just fine. I'm going to save this
as a new pattern. I'm going to click save a copy. Because I opened up a pattern that didn't
have a background. This time I wanted to have
a background. I'll click. Okay. New pattern has been
added to the Swatches panel. I'm done now, so I'm just
going to click cancel. Let's see what we've got. Going to add a rectangle
to the document. This is the original pattern. It is just black circles
with no fills at all. If I turn my art
boards back on again, you can see that the pattern, as it appears outside
the artboard is hollow. There are no field shapes there. This is the next pattern. This was one with field shapes, but again no background. And this is the one with field
shapes and a background. Now if you wanted
this one to look like it wasn't a field shape, this is
what you're going to do. You can simply recolor it. Let's go to recolor artwork. Let's close up this dialogue. Let's go to advanced options. We can make the
pink and the orange the same color by simply dragging the pink
onto the orange. Now you can see that
they're slightly different tones of
the same color, and that's because
of this setting. What we're going
to do is open up this little down
pointing triangle. And we're going to choose exact. That makes the orange
the exact same color. Everything that was pink, now this exact same color of orange. And we can click Okay. This is now another swatch
in the swatches panel. We've got the original
hollow design. We've got a design with
filled shapes in the middle. We've got a design with filled
shapes and a background. And now we've got a design
with filled shapes, but the fill is exactly the
same as the background. It looks like it doesn't
have fills at all. There's a fair bit of mileage
that you can get from just simple circular shapes
drawn on a sheet of paper. This is an indication
as to what can be done.
4. Pattern 2 Draw Trace and Color Flowers: For this next
design, we're going to use some hand drawn flowers. And on the screen now is the image that I've
already drawn. So let's go back to illustrate and we're going to
create a brand new file. So I'm again going to use my 1,000 by 1,000 pixel document. I'm going to choose File and then place and go and
choose my flowers image. Again, I'm just going to drag to create it inside this document. We're going to obviously need
to vectorize this document. But before we do that, let me introduce you to my theory here. What I did was I just drew
the outlines of the shape. I didn't bother coloring things in because it's easy
enough to color things in inside illustrated by just using the
Shape builder tool to join these shapes here into a single object that
can then be colored. You don't need to go ahead
and do the coloring, but what you will
need to do is to trap the areas you want
to be a different color. I want these flowers to
potentially have inside a little center here that is a different color to
the rest of the flower. I've made sure that all
of these circles or these shapes here are
actually complete shapes. There's no gaps into
the rest of the flower. So you can see every one of
these is a joined up shape. That's just going
to make it easier to select and color later on. Let's go and get the image. We're going to
image trace again. The default option is going
to be black and white, which is just perfect for us. We may, however, want
to adjust the trace, which we do by opening up
the image trace panel. Again, opening up
this advanced area. And I'm just going to increase
my corners and paths and also increase my noise
just to make sure that these are sort
of smooth out shapes. I'm pretty happy with that. I'm just going to close
the dialogue here. And I'm going to expand again. We'll go to the layers panel
with window and then layers. Or you can just press F seven. You'll see that everything
is inside a group. So we'll choose object
and then ungroup. That should give us a
whole series of paths. Now there are some empty
paths here that are in actual fact elements here in the drawing of
the white elements, which we're going to
deal with in a minute. But you will want to
come down to the very one at the end which
is the background. And you will want to
delete that because that's a white background
that we don't need. I'm just going to close
this for a minute and let's go and select the
Shape Builder Tool. First of all, select over all the objects and come in here to the
Shape Builder tool. Now with the Shape Builder tool, I'm going to make sure
that I can color. I've got highlight
fill and I've also got the ability here to pick colors
from the color swatches. I'm saying a cursor
swatch preview. This all means that I'm able
to fill this with color. I'm going to the swatches, I'm going to start with black. For black, I'm going to
fill in these areas. Now let me just
zoom in so we can see everything a
bit more clearly. As we're drawing with
the shape builder tool, I'm going to make
sure that I not only join the hollow bits here, but also join them
to the surround, so I end up with a
large filled shape. Now, this is going to be
the center of the flower. Later on, this is going
to be the flower. They're all the wrong colors,
doesn't really matter. Let me show you
this one up close. So we're going to drag to
create this as a shape, but we're also
going to drag over the outline edge to make sure that it's
included in there. So that's why we didn't
need to bother coloring things in because we can color with the shape
builder tour much, much more quickly than we
could color with pen on paper. And there's absolutely
no necessity to do that. Again, I'm just making sure that for each of these flowers, I'm picking up all
the shapes that make up the flower petals, but also picking up
that outside edge. I'm just clicking and dragging to move the workspace
or the artboard round. I'm just holding
down the space bar that changes the cursor to the hand tool just makes it a bit easier for me to see
where I'm going with this. You can pretty much see from your selection that
you've got things correct because you should have
just a single set of anchor points around
the outside shape and a single set of
anchor points around the inside center of the flower. If you make a mistake with
this and fill the wrong area, just press control
or command Z to back out one step and then you can
go ahead and do it again. Okay. I've got everything there. I am going to fill the
center of my flowers. And it doesn't matter really
too much what color I use, But I am going to make sure
that I select everything. Then I go and select
everything over again. Go back to my Shape
Builder tool and this time select a
color for the fill. I'm going to zoom in and
just click in the center of the flowers to make sure I
have a colored filled shape. Now, we don't have
to use the center of the flowers later on
as a separate color. We can actually make them
the background color. I'm going to show you how
to do that, but for now, it's better that you give
yourselves the options of having different
colored centers by actually making them
a different color. Let's have a look in
the layers panel. See what we've got. We've got individual
paths and compound parts. Again, compound parts
are just pars that have a hole in the middle
exactly as they should. But we'll do better with this particular pattern if
we put things together. I'm going to select over the objects that
make this flower. And I'm going to choose object and group
at the same time. I'm going to learn this
keyboard command control. And because I have to make
a whole lot of flowers, it's just going to be a whole
lot easier for me to just select over the pieces and press control and go
on to the next one. The reason why we're
making these flowers into a group shape is that
they're going to be easier to move around in the
pattern panel if we need to, because they're all going
to be inside groups. When they're inside groups, they're going to travel
as a group of objects, not as individual objects. I'm double checking in my Las panel to make
sure that there are no orange objects left out
that aren't inside a group. Everything's looking
really good here. We're going to come back
in the next video and actually make the pattern
out of these objects.
5. Pattern 2 Make the Flower Pattern: You might have noticed that
I've actually not done what I suggested that you do in the first set of
videos in this course. And what I'd suggested to you previously was that you
have an even number of rows and the same number of objects in each of those rows. Now, I haven't done that here. I've got three objects here, and then two, and then
three, and then two. Now there are a couple of
things that you could do here, and one of them is
that you could use the loose objects to fill in
objects that you don't like. For example, if you
didn't like this shape, you could delete it and move this one down
into its place. And if you didn't like this one, you could delete it,
you could move this up. So it gives you a little
bit of flexibility. If you decide that once
you're inside Illustrator, you don't like some of
the objects you've drawn, then you can just
get rid of them. Still, leaving you with
this four x four grid. Now, I'm just going
to undo that, because there's also
something else that you can do with an arrangement
that looks like this. So I'm going to show
you that first. So let's go and grab hold of everything and go to
object pattern make. I'm going to turn
off my art boards with view and then
hide artboards. Just easier to see everything. I'm going to zoom out. So I'm going to zoom
tool and I'm going to zoom out so I can see everything a little
bit more clearly. I will also increase the
number of elements that I see. Just makes it a little bit easier to see the final design. And you can see that I've
got a few problems here. These things are running
into each other, but I can choose
something like brick by row or brick by column
as we did previously. But we could use a
different offset. So I'm going to set this
to a one third offset. You can see that brick by column with a one third offset is actually using all of those objects that we
had in that design. It's just a slightly different
arrangement of objects. And the result is that we end up with a pattern that
looks pretty good. Now what I'm going
to do here though, is change this width and
height, because again, the last thing that you want is widths and heights that
are fractional numbers. And it's actually better if they are actually even numbers. I'm pretty happy with this. If I want to put a
background on it, I can. Right now I'm going to
click to show my tile edge. I'm going to add a
rectangle here that is the same size as my pattern.
Let's just click here. It's 818 for mine by 656, it's gone over the
top of everything, which is why everything
has disappeared. That's just fine. We'll
go to object, arrange, and send it to the back so it's behind absolutely
everything. It's also a really bad color to show the rest
of our design on. So let's go and give
it a different color. So I'm just going to
give it a pink color. I'm actually going to use that pink color in a few minutes. Let's have a look here, and let's just move
the rectangle into a position where we're not cutting off any
of our designs. I'm just having a
really good look here. I'm going to zoom in
and just make sure that none of the edges of any of these flowers
are being cut off by the placement
of our rectangle. I think this one is here. I'm just going to nudge
it across a little bit. I think everything's
pretty good there. So I'll just click done. Now, let's go ahead and create a rectangle and fill it with the pattern
that we just made. Now of course, with our pattern, we can go ahead now and
make some color changes. I'm going to the Recolor
Artwork Dialogue. Let's go to Advanced
Options here. You can say that my
black can be mapped. There's an arrow and
there's a color spot here. If you didn't have
one, you could just click to add
the color spot. And just click to make
sure that this is an arrow so you can
recolor things. Now what I'm looking
at is I'd like to just reverse
these colors around. I'd like the orange
bit to be black. Wherever the orange is, I want it to be black. Now, I'm going to
drag this down. We're remapping
orange onto black. Then whatever is black, I want to be a pink color. I'm going to drag my
black up into my pink. Whatever was pink, I
want to be orange. What I want to do is to set all of these two exact colors. They're not going to
be shades of color, They're going to be exact. Now as soon as you
choose one to be exact, all the others are exact. The only thing I'm
not happy with right now is I think my
orange is too bright. So let's go in to edit. Let's unlink the
colors and let's go and tone down the orange. We could even beef up
the pink a little bit. It's very easy. Once
you've got your pattern in place to go ahead
and recolor things, I'm just going to click Okay. Of course, that's
going to give us our initial pattern as well
as this recolored version. Now I also suggested initially I was adding
centers to these flowers, so we would have an option of making them a
different color. But what if we wanted these to be see through, if you like, so we could have the
background color in the center of the flowers.
Very easily done. Again, going back to the
recolor artwork dialogue, going back into
advanced options. In this case, what we
want to do is to make the black the same orange
as the background. So we're going to drag the black up to map it to the same orange. But again, it's not coming
in as an exact match. So let's just go and ask for
it to be an exact match. Now it looks like we've just got pink shapes on an
orange background and we're actually seeing
through the center of the flowers.
That's not correct. The center of the flowers are actually individual
shapes of their own. They just colored with
the exact same color as the background. That's giving us three
versions of this pattern. The original one, the colors that I planned to use all along, and then the colors where
we've dropped the center of the flower out and we've just got the background
coming through, looking like it's coming
through the flower. In actual fact, these
are separate shapes.
6. Pattern 2 Add Another Shape and Color: Before we leave this
particular design, let's have a look
at something that we can do that is going to need a little bit of
mental gymnastics to get ahold of exactly
what we're doing, but I think it is of value. What I want to do
is I want to make a duplicate of these
center shapes. I want to make it a little bit larger and behind
this center shape, and I want it to have
a different color. This is how we're
going to do it. Firstly, we're going to grab
over all of these objects. And if you remember,
they were inside groups. Each one of these flowers
was a group of its own. Well, we're going to
ungroup them because it's just going to make life
a little bit easier. Then we're going to choose
one of these pink shapes, it doesn't matter
which one you choose. And we're going to select
all of the pink shapes by choosing Select and then
same and fill color. Now every one of those
pink shapes is selected, we're going to make
a duplicate of it. So we're going to edit, copy, and then immediately choose
Edit. Paste in place. Right now we've got pink shapes on top of identically
shaped pink shapes. Let's make these a
different color. Let's go to the Swatches panel, and for now we're just
going to make them blue. Going to the layers panel, we've got all the
blue shapes on top, but underneath we've got pink shapes that are
the exact same size. Let's go and target one
of these pink shapes. Now you can see that
this is selected here. It's not the blue
shape that's selected, it's the pink shape because I'm selecting it from
the layers panel. That's going to be
really important because otherwise it's
going to be difficult to select that
shape because it's identical size to the blue
one and it's right behind it. Now let's go and select
all the pink shapes. Select same fill color. You can see in the
layers panel that the pink shapes
are now selected. What we're going to do next
is we're going to make them bigger and we're going
to offset them a bit. Let's choose effect, distort, and transform, and
then transform. And we're going to make them, for argument's
sake, 120% bigger. We're also going
to reflect them, maybe on the x and the y axis. You can do it randomly
if you want to. All we're looking
at is something different between the front
shape and the back shape. You could even move
them a little bit. So you could increase
the horizontal and the vertical values to
move them a little bit. Just whatever you need to see. Something a little bit
different in these shapes, I'm going to actually take
mine up a little bit bigger. I think I might get
better value out of that. Once I'm happy with
what I've got, I'm just going to click okay. Now, for the center of each
flower, we've got two shapes. We're going to go
back and group these because we're going to make
a pattern out of them. We want them all to
travel together. Again, I'm just selecting
over everything. Control or command
G. Now with this, you only have to select
over the bits that make up the flower so you don't have
to go all the way around it, provided you're picking
up the middle of the flow and some of that edge. We already know that those
flowers are single shapes, so you can just select that
little bit of the object. Double check in
the layers palette that everything is
inside a group and you don't have anything that is left over any of these blue
or pink or black shapes. Okay, let's go and
make our pattern. Object pattern make. This is a refresher on
this particular pattern, what we're going to
do, let me just go and get my pattern options dialogue. We're going to choose a
brick by row, I think. No brick by column for
this one, a third offset. Let's see, nine by nine so we can just see what
everything looks like. Let's zoom out a little bit. Let's turn off our art boards so we can see things
more clearly. I'm going to bring down the
size here or take it up. You can take it up or bring it down just so long
as you're working with whole numbers and for
preference even numbers. Now I'm going to add
a background to this, but one thing I'm going to
be 100% sure of is that the background is not any of
these colors. It's not blue. It's not pink and
it's not black. Let's go and get
the color first. I don't have anything
selected here, so I can just go
and grab a color. I'm actually going to
make it this gray color. Click on my Rectangle tool, click in my Document
and create a rectangle that is this size 820 by 660, it's gone over the
top of everything. We're just going to
choose object, arrange, send, to back, to send
it behind everything. And then we just
have to move it. I'm just using the
keyboard to move it. The up arrow key with the shift key just moves
at ten pixels at a time. Just makes things a bit
easier for lining things up. I'm going to check that nothing
looks like it's cut off. Yes, I think this is
slightly cut off. Let's just move it
over a little bit, see if we can get a
better result there. I think everything's looking
good for me right now. Let's just click Done to drag out a rectangle so we can
test our new pattern. The fill is targeted here. Let's go and fill
it with our design. Now of course, we can go
ahead and recolor the art. Let's go to the Recolor
Artwork Dialogue. Let's click Advanced Options. I'm going straight into edit. And I'm going to start
working on these colors. But I am going to unlink
the harmony colors. I want to find this black, because I'd like
that to be pink. Now you can see that
that's not working for me. Wherever I take it,
it's not pink yet. Well, let's just
go down and adjust the brightness of
it and the hue. Now we should be able to
get some control over it. Now, I want the background
gray to be orange. Let's take that out
into the orange area. I want this pink to be white. What I'm going to do is reduce the saturation and
increase the brightness. The pink has now become white. For the blue, I want
it to be black. So I'm going to click on it. And for that, I want
the brightness to be zero and that will
take it to black. Now I just need to work around these colors for the
flower and the background, because I'm not really
happy with those. Let's just increase
the saturation, maybe increase the brightness to just lighten this
up a little bit. You can choose these colors
from the color selector here, or you can just use the hue
saturation brightness option. You can also choose RGB,
so you can adjust it, red, green, and blue, just whatever makes
best sense to you. You can use, when you're
happy with what you've got, just click okay and you can
continue to work on this. But as you can see,
we've been able to build a third color
into our design, again with a very hand drawn look done by just
duplicating those shapes, enlarging them,
arranging it layerwise. The smaller of the
object is on top and the larger of the
objects is behind.
7. Pattern 3 Make a Template for Overlapping Shapes: For this pattern, we've got a whole lot of
overlapping elements. While it might look like it's
fairly simple to create, in actual fact, it is a
little bit more problematic. The reason for this
is that there's not a lot of room for maneuvering
in a pattern like this. You can see that this point just appears inside
this shape here. And there's not a lot
of left right movement that we can have here. We need to be fairly
accurate in something that is even just a
hand drawn pattern. We need to make sure
that things are going to line up reasonably well. The other thing that I've
discovered is that when I draw these shapes
on a sheet of paper, even though they look relatively good on a sheet of paper, by the time they get
to the computer, they look much thicker
than they were on paper. So I'm going to opt
for thinner lines rather than thicker ones because I know I'll get better results. So let's see how I actually
created this pattern. And to do that I'm
starting an illustrator. And I'm starting with
a print document. So I'm going to file new, I'm going to print documents. I'm going to make mine letter
and landscape orientation. If you're in a country that
uses a four, just use a four. It's not the paper
size that matters. It's what we're
about to do here. So we're going to
mock up this design. So I'm going to the
rectangle tool. I'm going to have a white
fill and a black stroke. And the black stroke is going
to be this element here, so it's fairly thick. This one I'm going to use
about a seven point stroke. Just going to hold the shift
key as I create a rectangle. I'm going to rotate
this by holding the shift key so that I
rotate at 45 degrees. Now I don't want the
bottom two lines here. I'm going to select over them. Just select over
that anchor point with the direct selection
tool and press Delete, and those two lines disappear. Now you'll see that
the bounding box is still looking
like a rectangle. We were just going to choose object transform and
reset bounding box. Now the bounding box more accurately describes the
shape that we've got here. Now just be aware that this
shape does have a white fill. That's going to be
really important, so you want to
make sure you have a white fill at this stage. I'm just looking for the
angle that I want here. I think that's a pretty
good angle for me. I'm going to select this shape, hold the Lt or Option key down, and drag a duplicate away. This is going to be the
inside line and I'm going to reduce its
thickness quite a bit. I'm just going to place it
where I think it will go. I'm thinking that this is sort of the basis for my pattern, but before I do anything, we're going to test it. I'm going to select
over these two shapes and choose object pattern, make. Because there's no
point in drawing these shapes if the whole
thing is not going to work. Ultimately, I'm going to
have more shapes than this, but I am going to
use brick by row, and I'm going to
use a half offset to start bringing in the side. So these shapes are overlapping. And you can see they're
overlapping here. That's good. I'm going to
bring down the height now. Right now, those
white backgrounds are making sure that this shape is going over the top of
itself in the wrong way. But I'm just going to click here to make it go in
the correct way. Let's go back to
reducing a height. And we're going to reduce
the height by quite a lot. And ultimately we're going to have these as
hand drawn shapes. They're going to
be a few of them. But right now, I'm looking at the balance between
these shapes. And what I'm thinking is that
this gap is way too big. It didn't look too big
in the starting shapes, but right now it's larger
than I want it to be. I'm going to select this shape and I'm just
going to move it up a bit. I'm just going to have a look at the result on my pattern. Now I'm thinking,
now I could reduce the height a little bit as well. This is looking like an
attractive pattern to me. I can increase the
number of repeats I'm seeing on the screen just
to see what it looks like. Now, if I'm happy with that, I need to be aware of something. The shape that I have here, if I just click done, we've made it into a
pattern, is not this shape. They're not the same thing. Because what Illustrator does is when you come out of
the pattern make tool, it just gives you back
what you started off with, but not the edits
that you've made. Let's go back into this pattern by just
double clicking on it. Let's select over It, because this is
actually my new shape. I'm going to choose
Edit and then Copy. I'll click Done. I'll click
here and choose Edit, Paste. These are in actual fact, the shapes that are in use
in this pattern, not these. I'm going to get rid
of those with these. I'm just going to start lining them up on
the sheet of paper. I'm going to make
some copies of them. Now. I've got everything
selected here. I'm going to hold the shift key. I'm constraining
the proportions of this as I'm just sizing it down. I'm going to grab a second copy, Alt, drag this away,
and I'm going to Alt, drag a few copies, however many copies I want
for my ultimate design. Now I'm just going to use five. That's a reasonably good
collection of objects. If you want more,
you can do more. Now we're going to print this, and we're going to draw
over the top of it. And drawing over the top of black lines is not
a really good idea. Let's select this and let's
reduce its opacity down. What I'm going to do is
reduce its opacity to a low level ultimately because we're going to
use black pen over this. What's going to happen is we're not even going to see the gray. And so you can just
ignore the gray that's using this as
a sort of template. The spacing of these doesn't
matter because we're going to arrange them
differently ultimately. Anyway, I will go ahead and print this with just
file and print. Once it's printed, I'm going to go ahead and draw
over these lines. I'm probably just going to draw a really thin rectangle here with a hollow center
that I can fill in. But this is going to
be just a pen line. I'm using just a regular
felt tip pen, fairly thin. Once I've done that,
photographed it, brought it back to my computer. We'll go ahead in
the next video, open it in Illustrator and
create our pattern from it.
8. Pattern 3 Trace Color and Make the Overlapping Shapes Pattern: Having printed this template, I've drawn over it. I took a photograph
of the drawing and I have e mailed
it to this computer. The document has now been
saved onto my computer, so I'm ready to continue
to work with it. So I'm going to create a brand new document for my pattern. It's 1,000 pixels by 1,000
pixels and it is RGB color. I'm going to bring in my, my photographed image
with file place. Here it is. I'm just going to
drag it into the document. I already did a little bit of cropping on this on my phone. Now you'll see that I
drew in and filled in this shape here because it went a bit haywire as
I was drawing it. But there is no need
to actually do that. We're going to fill them
with the Shape Builder tool, select this and go to
the image trace option. We're tracing it to the
default black and white. If you want to make
some adjustments, you can click on the Image
trace panel option here. So that you could
make adjustments such as increasing paths
and corners a little bit and increasing
noise that can often help things to look
a little bit better. I'm going to close this dialogue
and go ahead and expand this into the shapes
in the layers panel. We have a group, so
we're going to select the group and choose
Object and then ungroup. At the bottom of
the layers panel is this compound path that
is the white background. So we're going to select
that and delete it. Now thinking ahead to how we're
going to use this design, it might be useful
to be able to make these thinner lines one color and the thicker
lines another color. If we're going to do that,
we're going to pre prepare that before using the
shape builder tool. I'm just going to select
over these top shapes because they're the ones I
actually want to create. Just going to make
sure that I get all the white shapes as
well as the black outlines. Now I'm going to the fill color and I'm going to make
it a different color, so I'm going to make
it a light gray. We'll zoom in here
so that we can see to join everything together
with the Shape Builder tool. Going through with the
Shape Builder tool, I want to make these
into a single shape. You see right now, they're the filled white shape as
well as the filled outline. But we want to make them
just a single shape. It's just going to make
life a bit easier. Make sure you do
it on both sides. This shape actually had two pieces of white
in it originally. Let's drag over this. Of course, if you
make a mistake, you're just going to
undo it and start again. This one is perfect. Let's just zoom back out. One of the issues we're going to have with this
design is if you remember when we created this one that it had
fills behind it. Now this one doesn't
have fills behind it. So what we're going to need to do is to put those fills in. I'm going to zoom in a little bit and I'm going to the penal. I'm going to select a
different color to work with, so I want the fill color here
to be some different color. I'm going to start drawing, so I'm going to click
here and I'm just drawing inside this
gray field shape. I'm going to move down
and across and up. This shape later on is going to allow us to line everything
up in our pattern. But at the moment it's over
the top of this gray line. And obviously over
the top of this one, I'm just going to move it
behind everything with object, arrange, send to back. Now I'm just going to
pick up this shape, drag a duplicate away, and just pop it behind this one. Because there's a
pretty good chance that it's going to fit perfectly behind every single one of these if it doesn't
just adjust its shape, but should fit
pretty well for you. Now I've got my literal shapes. If we want to do this as a black and white pattern,
it's really easy to do. If we want to do it as
a multicolor pattern, it's also very easy to do. We will need to group these
by selecting over them and pressing control or command G. Or you can do it from
the menu if you prefer, by choosing Object
and then group. Now that we've got our group
shapes, we can arrange then. So I'm going to drag the
second shape over the first and just position it
where I think it needs to be. And then I'll do it with
the other shapes as well. Once I've got them into
the approximate position, I'm going to select
over all of the shapes. Now remembering
they're in groups, they're going to
behave as groups. I'm just going to line
them up at the top. I'm also going to
choose this option which is horizontal
distribute center. They're going to be
spaced evenly apart. Let's see how they go
now, making our pattern. I'm selecting over them,
choosing object pattern. And then click Okay. In the Pattern options dialogue, we're going to select a brick by row and we're going
to do a half offset, because that work
perfectly last time. We're going to
bring in the width. I'm just holding the
shift key as I tap the down arrow key to move
ten pixels at a time, the overlap here is wrong. You can see it's incorrect. So we're going to try a
different horizontal overlap. And that's telling me that I've bought these too
close to each other. So let's just take
them out a little bit. Just making sure that I
use a even number here. I'm thinking 424 will
probably work for me. Now, we need to
reduce the height, so I'm going to here and again shift down arrow
to reduce the height. But you can see that the
layering is all wrong here. And this is going to change
the layering, the overlap. So let's make it
the right way so we can see what we're doing as
we're reducing this height. Let's turn on some more repeats, so we can see a little
bit better what the design is looking
like. We can zoom in. I'm pretty happy with this. It's looking pretty
well arranged for me. I'm just going to click Done. I'm going to select
over my shapes. Move them out of the way. Let's create a
rectangle that is the 1,000 by 1,000 pixels
of this document. I'm going to line it up to the document now we'll
fill it with our pattern. Now that we've got our
pattern, we can recolor it. So let's start with the
black and white version. I'm going to recolor Artwork. I'm going to click
on Advanced Options, and then we'll deal
with the colors. What I want is for the
grayer areas to be black. So I'm going to
drag the gray onto the black and set that to exact. Now I've got black
where I had gray. And if I want the
background to be white, then I can just
double click here and set my background to white, which is 255-25-5255 in the red, green, and blue channels. I'll click Okay. And then. Okay. And this is now a new pattern in
the swatches panel. So we have the
original pattern and we've got the new
colored version. Now I'm going back to this one, that's three colors because I want to change
the colors of it. I'm going back into the recolor artwork dialogue,
into advanced options. Every one of these
colors can be remapped. They've all got arrows, and they've all got a color
here that's really important. Before we go into
the edit option, I'm going to unlink my
harmony colors so that these colors can all be
changed individually. This is the black here. If we want to make it
some other color, you can see that moving it
around has no effect on it. What we're going to do is
increase the brightness. I've got hue saturation
brightness here. But you could have
other settings. You could use RGB
if you wanted to. Let me just increase
the saturation. So now we can drag this around to get a different
color for our lines. When you get a color
combination that you like, click Okay, so that
you can save it. And now of course,
you can go back and create a different
color combination. But you will want to save
the ones that you like, because they're going
to be difficult to get back to if you don't save them. Here I'm just using the color relationship that I had previously and seeing if I can find something interest
where the colors are staying in that same spatial
relationship to each other. Not really happy with that. I'm going to change my
colors individually. When I find something
I like Click. Okay. And of course, all these swatches
are going to be lined up in the swatches panel. Every single pattern we've made and every single recoloring of those patterns is saved
as a pattern in this file. Of course, as with all
of your patent files, you want to save this file. So you save your patterns so that they would be
accessible in the future.
9. Pattern 4 Plan the shapes: Let's look now at some
planning for a design. What I want to do is to create a pattern that looks
something like this. So obviously, there's going to be other elements all around it, but I'm thinking that this is the basic design that I want. Now I'm going to let
you into a secret here. There's way more than we actually need and we're
going to see why. And then we're going to
see how to pare it down. And I suggest that you start any design like this where you want some
things to overlap just in a hand drawn image
so that you can work out what exactly you need
and what you don't need. I'm going to select everything
with the selection tool. Just grab everything.
Let's turn off our artboard so that we've
got a nice clear background. And let's choose object,
and then pattern. And Meg, I'm going to
zoom out a little bit. What we're going to do with
this pattern is to use the brick by column because that's going to
offset these pieces. What I need to do is to close up this gap here and this
one here a little bit. You can already see that there's going to be a
problem because I've got two flowers where
I only need one. Let's just deal with the height. I'm going to close that up a little bit. Looks pretty awful. Now let's have a
look at the width. And again, I'm holding
the shift key and the arrow key just to
close up this area. I think that my height
is not really great. All you want is a rough idea
of where the problems are. There are quite a lot of problems in this
particular design. Now we're going to the
direct selection tool, which is going to
allow me to select various elements
here in the design. I'm going to get
rid of the excess. There's excess here. You can say that I've got
too many flowers here. So I'm going to
click on one that I can select and remove it. Now I'm going to have a look
here and remove this one. We'll also have a
look down here. And I can remove
one from down here. There's another one
that can go here too, but I can't select over it. So let's go and see if it
comes from somewhere else. Now you can see that
there's a problem here. These two are supposed to
be on top of each other. So are these two.
We've obviously got some excess flowers here. Now looking at it,
we're going to have a flower at
this intersection. One here, one here, one here. It looks like we're
right for flowers, but we're certainly
not right for lines. We've got way, way
too many lines. I think I can probably just close this up a little bit more. So it might be a little bit easier for you to see
where the issues are. Now I'm going to have a
look at removing lines. Up here you can see we've got two lines, we only need one. So I'm going to select over
that line using, again, this direct selection tool, because that will allow
me to select this line. Just click a couple of
times to remove it. Now we've got that one solved. Let's have a look over here. We've got too many lines. Let's select and remove the
one we don't need here. Same problem down here. We've got a problem as well. Now, in removing all of
those excess objects, we've got a pattern. It doesn't look very good, but its purpose was
never to look good. Its purpose was to show us just what we need to make
a pattern like this. We don't go overboard
and create too much. I'm going to select everything
with Select and then All. And I'll choose
Edit, and then Copy. I'm going to click Done, so that I can actually
create my pattern. And then I'll press control
or command V or choose edit, and then paste to
paste my shape in. Now I'm finding that
recently I'm having a lot of trouble actually grabbing
things from inside a pattern. I don't know what it
is with Illustrator, but if that happens to you, just go back in
and do it a second time to see if you can get
the pieces that you need. Now we're having a look at the actual pieces that we
need to make a pattern. And you can see it's a lot simpler than what we
thought we needed. Now we can go ahead and create some sort of a template for
designing this pattern. Print it out, hand draw it, and then turn it into a
pattern in Illustrator. And that's what we're going
to do in the next video.
10. Pattern 4 Make the template: We now have a pretty good idea what our pattern piece
needs to look like. It needs to look more
like this than like this. We could go ahead and make
a template at this stage. But let's take this
just one step further, because you may want
to create something that has more hand drawn
elements than this. Let's have a look at this. And this is basically
the same design, just expanded a little bit. There are more flowers, there are more lines, but the principle is the same. You can see here
that we don't have any of these lines out here, and we don't have any
flowers around the edges. That's what we
removed. We removed these flowers around the
edges and these lines. That's exactly what
I've done here. I've removed the flowers
from around the edges. And these lines,
let's just prove to ourselves that this also
would make a pattern. Because if that does
make a pattern, then we could create
this as the template. So choose object pattern, make. You'll notice that
I've got my art boards hidden at this stage. I'm going to choose
brick by column. I'm going to bring the
sides in quite a ways. I'm decreasing the width. And then I'm just going
to adjust the height. Although things aren't lining
up and they're not going to line up because it
was just a drawing. It obviously, this line
that is in the wrong angle, everything else is
looking really good. There's just a single line
in each place and there is a flower over every
single intersection. If we could create a
basic pattern that looks pretty much like the
one that we just used, then that template would allow us to create a
hand drawn design. I'm just going to
click done for this. So this is the kind of layout
we need for our design. So let's go and create
a brand new document. This is going to be printed, so let's choose
file and then new. Now in this case, I'm going
to create a print document, and I want to use letter size because that's what my
printer is going to print on. If you use a four
in your country, then choose a four. I'll click Create. Now we need to create
those rectangles. I'm going to click
in the document, I'm going to create a rectangle that's 50 points by 50 points. That's just a pretty good size for this particular design. I'm going to rotate it around holding the shift key so that it is rotating 45 degrees. Now at the moment it
has a fill on it, which is just fine, but I
do not want these lines. I'm just going to the Direct selection tool
and I'm going to select over these two edges
here and press Delete. Now I have a shape I can use. I'm just going to drag
a duplicate away. Now I'm going to select
both shapes and Alt, drag a duplicate away. I'm going to continue to do this until I build up the shape
that I'm looking for. Let's just compare it
with what we had here. We've got a grid of three by
three squares on an angle. And then all the outside edges are just the out pointing lines, but none of the
completed rectangle. Well, here I have a
grid three by three, and I've just got
out pointing lines, None of the edges are complete. Now, we need a flower shape. I'm going to select
the ellipse tool. I'm just going to
drag out an ellipse. I'm going to fill it with black, and I'm going to remove
the stroke from it. We can turn the ellipse into a flower using pucker and bloat. I'll choose effect,
distort and transform, And then pucker and bloat. We've got preview turned on, so I'm just going to adjust
this towards the bloat area. Now I have a small flower. I'll click okay. I'll choose Object,
Expand Appearance. So this is now a flower shape. I'm just going to size it down, holding the shift key to
reduce its size in proportion. And I'm going to place a flower at the intersection of every
single one of these lines. Now I am going to rotate
it around a little bit so that it is in a more
interesting rotation. These are the flowers
that I'm going to draw. Now that I've got my first
four flowers in position, I'm going to select
over all of them and all drag duplicates away. That's a good basic template I'm going to select
over everything. I'm going to
decrease the opacity because again we
want the lines to be just very gray scale
so that they're not going to show up when
we trace our drawing. Now that I've created this,
I'm going to print it. I'm going to draw my shapes. I'm going to photograph it. I'm going to send it to my
computer and we'll open it up in Illustrator and continue with our pattern
in the next video.
11. Pattern 4 Make the pattern: I've now printed
out this template. I've inked it, I've taken
a photograph of it, and I've uploaded
it to my computer. We're ready to progress with it. So I'm going to create a
brand new document with file and then my documents, 1,000 pixels by 1,000 pixels. I'll click, I'm going to bring in my drawing with
file and then place. This is the drawing.
I'll click Place. And I'm just going to drag
into my document now. You'll see that this time I did ink my flowers in solid ink, but you could do as we have done previously and fill them
with the Shape Builder tool. You'll see I've got a piece here that I will need to remove. Let's start by tracing it. So I'm going to image trace. I'm going to open my
image trace panel again, using these advanced options, I'm going to increase
my paths and corners and slightly
increase the noise. I'm pretty happy with that. I'll just close
this dialogue and I'll go ahead and expand it. We'll go to the layers palette. Again, you can get
to that by choosing window and then layers. Let's just open it up. We're obviously going
to have a group with all these elements in it. So the first thing I'm going
to do is break everything out of the group with
object and then ungroup. Now this little piece up
here I want to pick up, but I also want to pick
up the background. The background white
is always, again, going to be at the very
bottom of the layers panel. You can just go and select
it and press the delete key. This is this piece up here, so I'm just going to
select it and remove it. These bits are all
the spaces in here. I'm just going to
grab all of them. I don't need to
actually select them. If I'm working in
the layers panel, I can just select
the layers here, but not have them selected
in these little icons here. And just drag them onto the trash can and that just
gets rid of all of them. Basically we're left with
a single compound path. My worry with this is it's
probably not straight. Let's go and deal with that. I'm going to target
the rectangle tool. I'm going to add a red
stroke to this shape. I'm going to increase the
stroke to about three points. And then I'm just going to
drag it over what should be square so I can get an idea
as to how far I am out. And I am out a little bit
here in the last panel, I'm going to lock this rectangle down because I don't
want it to move. I don't want it to get in the
way as I'm working on it. I'm going to select
over my shape. And I'm going here to what's called the free transform tool. I'm going to target
that now with the free transform tool we
can drag on this corner. You'll see that when I
hover over the corner, I get this really funny shape, sort of cursor if
I click and drag, but add the control key or
the command key on a Mac. As I do it can actually
just adjust this corner. I'm just going to do that. I'm going to do
that here as well. Click and drag. Holding the control key, because I'm on a PC, would
be the command key on a Mac. Let's just see if we're
straightened it out. I think this bottom corner
needs to be done a little bit. This one needs to be
brought in and this one needs to be brought out again. Let's target it. Go to
the free transform tool. Let's look at these corners, making sure I'm holding
the command key, or the control key
as I'm working now. This doesn't have to
be exactly perfect, but it will need to
be relatively square. I'm pretty happy with that. So I'm just going to
unlock that rectangle. I'll select it and delete it. Now I'm going to take
this shape because it is all one shape and I'm
going to rotate it. I'm holding down the shift
key as I rotate it around, it looks the way that I'm
used to this pattern piece. Let's hide the artboard by choosing view and
hide artboards. We'll select over
this shape and make a pattern out of it
with object pattern. And then we already know we need to choose
brick by column. And then I'm going
to start bringing in the width until everything
intersects nicely. You'll probably want
to select to see nine by nine so that you can
see things really clearly. Just gone the wrong
way with my zoom tool, let me just get it back. You want to check that everything
is looking pretty okay? I'm going to just decrease
the height because I do want it to be a round number and I want it to
be an even number. If something is not stretching far enough, you can select it. Let me just press
control or command A so that we can see where
our piece is here. This is selectable. You could come in here with the direct selection tool and you could drag
on an element. I'm actually just going to
dim my copies right now. If something didn't
meet up exactly, you could select over the end. Here you can see that some of these nodes around the end are selected but
the rest are not. And then you can just
move them. I'm actually. Just going to move them down so you could see that you could extend this if it was not
quite long enough to join up. But given that we pre
prepared this template, it should be pretty accurate. I'm just going to undo that. I'll turn off my dim copies
so that I can see my design. I'm pretty happy with
that. I'll click done. Now, you might have noticed that that design was fairly thick. It is also possible to
thin it down a bit. Let's open up the
Swatches panel. Let's go and target the
pattern we just made. Once it's targeted, we're
able to drop it onto the plus sign here to
create a duplicate of it. I've still got my
original pattern. I just want to make
a thinner version. I'm going to double
click on this pattern. I'm going to show my tire lurch, so I can see where I'm working. And press control or command
A just to select everything. You could also select all. Now there's a method for
making things smaller. For this, you'll use
the Effect menu, Click on Effect, and then Path. And then choose Offset Path. Here you can see that offsetting the path ten pixels
enlarges everything. You can see things have
got really, really thick. Well, we can go in a
negative direction, so I'm just going to
start going down. And you can see now we're
getting smaller shapes. You probably don't want to
go too small because you're going to lose some of the
quality of what you have here. But I'm thinking
about minus three would be pretty good
for this design. I'll click Okay. If I'm
happy with that design, I'll click Done, because we're working on
a duplicate now. Right now, this is
telling us that the pattern contains
active content. I'm just going to click
cancel at this stage. Let's go and select everything because I use that offset path. You'll see in the
appearance panel that we actually have an offset path
attached to this shape. What I can do is expand this
with object and then expand appearance that bakes that
offset path into this shape. Now if I click Done to
complete my pattern, I won't get that error message. Let's see what we've got here. This is going to drag
out a rectangle, and this is one of my patterns. This is the thinner version and here is the
thicker version of it. We've been able to create two
versions of this pattern, basically from the
same hand drawing. Of course, if we wanted
a thicker version, then we could create
that as well. Let me just click
away from here. Let's take the original
onto the plus sign. Let's go and double click on it. Let's select everything
we select All will go to effect
path, offset path. This time I'm going
to offset it, say by about seven. That's thickened it up quite
a bit. I'll click okay. And we'll go back and expand it with object expand appearance. Then we'll just click Done. Now we have three
versions of our pattern. The very thick version, the original version, and
then a thinner version. Of course, these patterns can be recolored by selecting on them. Go to the Recolor Artwork tool, click Advanced Options,
You'll click the arrow here. Make sure that you
have a color selector and also that you've
got your arrow. I'm going to just
start with a color, let's brighten it up,
increase the saturation, and then adjust the hue. I'm just trying to pick up
that color. There we are. And then of course, we can go to the edit tool and just choose the color that
we want to work with. Now this design is going to work really well
with a single color. It's going to fail if you want to create two
different colors. If you want your grid to be one color and your flowers
to be another color, because you are going
to have overlap issues. If you wanted to do that, you would be drawing
the flowers on one sheet of paper and
the grid on another. You'd need to trace each
of them, layer them, and then you'll probably need where the overlaps
are going to fail. You'll need to shorten
the grid so that it comes alongside the
edge of the flour. So just a heads up for that. It's going to be quite
a bit trickier if you want to make that a
two color pattern, but certainly works very simply
with a one color design.
12. Pattern 4 in Multiple Colors: If you're interested
in seeing how a two or multicolored version
of this design would work, let's have a look and see
how it could be done. What I've done is I've
taken the grid here and I've pulled the flowers
out as a group separately. The flowers still have the same spatial relationship
to the grid, so if we picked up
all these flowers, they would position themselves in the exact correct
place over the grid, And that's pretty important. I printed that out, I inked it, I photographed it, I bought it back
into illustrator. I traced it all the things that we've
been doing all along, and then I used the shape
builder tool to fill it. Let's have a look
and see the result. I've also put the flowers
over the top of the grid, so I just move
them over the top. In this case, what
I have done is I have created a grid in black. The flowers have a black
surround around them, and then the petals
and the center of the flower are colored with
different colors of gray. Now, this is going to be the
easier way of doing this, is to make sure that the
grid and the outside of the flowers are going
to be the same color. If they're going to
be separate colors, then it's going to be even more complex to do The next step, we're going to make a
pattern out of this. I'm going to select over everything with the
selection tool, choose object, pattern, make. Again, we're going to
use our brick by column. I'm going to bring my pieces
in and then just adjust the height as well because
we want that to be a round number and
a whole number. If I dim my copies to 50% it's going to be pretty apparent
what the issue is. You can see here that these lines are going to go
over the top of the flowers. They're going to
go over the top. Down here too here. But they will be all
right on this line here. We're just going to experiment with various overlaps
that are going to change that positioning and see how good a result we can get. Well, this is pretty near as
good as we're going to get. We've got everything working perfectly along here
and along here, there's overlaps here,
and that's unavoidable. And everything along here
is looking pretty good. I just think that if I changed my height and my
width a little bit, I would close up the gaps
that I'm seeing here. I think that's a better result. Everything's looking
clean along here. It's a disaster along here, but the other sides are okay. Let's see what we can do. If we were to look
in the last pallet, we would see that the
grid is a single shape. And then the flowers are an
individual set of shapes, but they're all inside groups. So what I'm going to do is zoom into the area I need to work in. I'm going to the
direct selection tool. Because this is a shape
I can just select over the edges of it and I can
start pulling these pieces in. It's also possible to go and get the minus anchor point tool and just remove some of
those anchor points. That might be the easiest way
of doing it is select and remove some and then
just draw these back in. As I mentioned, it's going
to be a whole lot easier if your grid and the outside of your flowers are going
to be the same color. Because then you
don't have to worry about getting the
intersection of these two shapes perfect because they're ultimately going to
be the exact same color. That's why I think it's
an easier way of working. Let me make sure I've got
my direct selection tool selected to come over here. And I'm just going to get
rid of those anchors again. Because I just think
that that's probably the simplest and quickest way of pulling these shapes back back out. And I'm
going to turn off my dim copies because
that's going to give me a look at this design. Obviously what I'm looking for is any point at which the
lines go over the flowers. But that's not going to be the case because I only
had four lines that I had to fix and I have fixed them. Everything's pretty good. Now, I'm just going to click on now that's saved the pattern to the swatches panel over here. Let's just go and test it. Just going to turn my
art boards off because I just think it might be
easier for a minute. Let's drag out a
rectangle and go and fill it with
our new pattern. We can recolor the artwork by clicking on the recolor
artwork Dialogue, and go to Advanced Options. Every one of these
colors is adjustable. That's just fine.
We can go straight into edit and start
pulling our colors out. I'm just unlinking the colors so we can see what it
is that we've got. This one here is
the black color. I'm just going to increase
the brightness on that now we can get access
to that actual color. This is the center
of the flowers here. This is the petals. You can adjust the colors
on the color wheel here, or you can adjust them
here using the HSB, hue saturation and
brightness options. Just select your
color first and then adjust the hue saturation
and brightness. If you prefer to work in RG B, then select RGB from
this drop down list. When you're happy with your
color scheme, click okay. If you want to recolor
the pattern again, then use this one as the starting point because it's just going to
be easier to do. So this color isn't actually doing anything
in the design, so we can just ignore it. We can rescale our object by choosing object transform scale. I'm going to turn off
transforming the objects. I just want to
transform my pattern. I'm going to bring
my pattern down to 50% so we can see it a
little bit more clearly. This is the pattern. We also
have the original pattern. And we've got the
first recolor and the second recolor as I said, provided you're happy
with the outsides of the flowers being the
same color as the grid, then everything's going to
be a lot easier to create. If you do want the grid to be a different color than
inside the pattern dialogue, you're going to have to do a
lot more work on the grid to keep it away from
the flowers so it doesn't look like it's
overlapping the flowers. But I hope that helps you
see the possibilities for creating multi colored
versions of your designs.
13. Project and Wrapup for Hand Drawn Patterns in Adobe Illustrator: We've now completed the video training portion of this course, so it's over to you. Your project for this class
is to create one or more of these hand drawn patterns
in Adobe Illustrator. Post an image of your
completed design as your class project. Feel free to download and use my drawings or you
can create your own. I hope that you've enjoyed this course and that
you've learned lots about turning hand drawn sketches into patterns in Adobe Illustrator. Now if you did
enjoy this course, please click the reviews link to leave a
review for the class. Even just answering if your expectations about the
class were met is helpful. Writing a few extra
words is even better. Now if you see the follow
link on the screen, click it and you'll be alerted when new classes are released. If you need to leave me
a comment or a question, click the discussions link. To do that, I read and respond
to all of your questions and comments and I look at and review all of your
class projects. I'm Helen Bradley. Thank you for joining me for this episode of graphic
design for lunch, and I'll look forward
to seeing you in another class here
on Skillshare soon.