Transcripts
1. Hello & Welcome!: Can you draw a wonky circle? An off-kilter rectangle?
A not-so-straight line? Then this is the class for you. My name is Kelley Bren Burke and I am a recovering perfectionist. When I began creating art in the Procreate
app back in 2017, I loved how digital art can help us make perfect circles,
squares, and lines. I still love that, but too much perfection
can make your art look less human
and more digital. So let's silence our inner
critics for a bit and embrace imperfection while we create our monochromatic
cut-paper cities. All you need for
class is an iPad, the Procreate app, and
a compatible stylus. I'll supply color
palette ideas and lots of fun Procreate
brushes and stamps. During class, we'll explore
monochromatic color palettes. Then we'll create a single
building as a warmup. Master layer management. As we add windows and
doors to our buildings, we'll apply easy
highlights and shadows to give our buildings
a cut-paper effect. By the end of this class, you'll have a perfectly
imperfect city in your favorite color. and new Procreate tips and tricks for your next
creative adventure. This class is best
for those who have intermediate to advanced
Procreate knowledge. But if you are an
ambitious beginner, you are certainly welcome to
join us as well. As always. I will walk you through
every step I take. Ready to embrace imperfection? I will see you in class!
2. Class Project & Resources: For the class project, you will create your
own monochromatic city. I'll walk you through
every step. And I'm sharing Procreate
color palettes, brushes, and stamps
to support you. You'll also have a worksheet of shape ideas to inspire you. Here's a quick peek
inside the class. First, we'll explore
monochromatic color palettes. Then we'll draw a
single building to help get us warmed up. Next, it's time to
create our city. We'll use layer management to keep our buildings organized. Then we'll decorate
our buildings with charmingly imperfect
windows and doors. Finally, it's time for
easy highlights and shadows to give a
cut-paper effect. But wait, there's more! You'll have access to
two quick bonus lessons. First, an easy way to completely change the
color of your city. And then a lesson
on how to resize your completed canvas so you can share it as a
reel on Instagram. If you have any questions now or during class, I've got you. Click on the Discussions tab. I’ll respond to every message. I can't wait to see
what you create! Upload your illustration
by clicking on the class Project
and Resources tab. Your work will inspire me and others and I will
leave a comment on every class project. Ready
to take the first step? Download the class resources.
To access these goodies, click on the class Project
and Resources tab. I'll see you in the next lesson.
3. Canvas Setup & Layer Management: Welcome back. In
the last lesson, we explored monochromatic
color palettes. In this lesson, we are going to set up our
canvas and we're also going to talk about
getting around limited layers. The layers in Procreate
are determined by the size of your iPad. And let me just show
you what I mean. So I'm going to hit plus
here and I'm going to create an eight by ten canvas
to use for this project. I'm going to hit plus
tap that little folder. Tap inches, tap eight, then ten. Procreate will always
default to a DPI of 300, which is an excellent
print quality. And then it'll tell
you the maximum amount of layers to use. This one has eighty nine. And you may have more or less layers available to you
depending on your iPad. For this class, we
want about 90 Layers. The class isn't
really difficult, but it is layer
intensive because each building is
on its own layer. And then we're going
to have highlights and shadows and so on. If you wanted to see what a smaller
canvas would give you, change it here to 5X7. And in this case that
would give me 209 Layers, which would be more than enough. I would recommend you creating a canvas that can
accommodate about 90 Layers. If you would really like to work on a larger
canvas like this one, we’ll go back to eight by ten, which is what I'm doing. I'm going to hit “Create”. And this is my new canvas. I'm going to name it. I'm going to name it
“Green Cut-Paper City 1.” because we might be
duplicating the canvas. Here's one of the cities
that I have already created. I did have enough
layers for the city, but if I didn't, I will show you the
workaround here. And I also named these
buildings like “The Darkest”, “The Gold-est” and
that kind of thing. And I found out an easier
way to do that and that's just to number them. And I'll show you how
to do that later. So no need to label your
buildings like this. So let's just look at
the first building, which is on this layer group. And so this is the building
that I called “Squat Right”. And here are the windows. Those are on two layers. And here is the building. And here is the highlights. Here is the shadows. These are all unflattened. They're not merged
together, and I like that because we have a lot of flexibility to go back and change it if it's not flattened. However, if we did need more
layers, then we could just duplicate this canvas by swiping to the left, hit Duplicate. I'm going to call
this one “Flattened”. You only have to do this
if you're layer challenged. And this is a good way to get around limited layers
in any situation, not just for this class. So we have our unflattened one, it's not yet flattened. I will show you how
we're gonna do that. Going back to the
“Squat Right Building”, I can pinch together
the first three layers, and then I have gained
two new layers. I could also pinch together
the highlight in there. I don't want to pinch the shadow because
that's on a blend mode. I'll show you what
happens there. The blend mode effects
the whole building. And that looks kind of
interesting in its own way, but you can see the other
layers behind there. So I'm going do a two-finger tap to undo that. And I am going to leave the
shadow on its own layer. But we did gain three
layers that way. Going back to another
building, “Middle Front”, I can squish together
the windows, the color, the highlights, and gain two layers that way. Look at the “Shortest Left” and pinch together
the windows, the color and the highlight. Boom. I call this one “The Gold-est”. And I can free up three layers by pinching
these together and so on. You would just keep
going in that fashion. And then you would have more layers freed up. And
you would still be able to go back to the original
unflattened one and have that flexibility
to change if you wanted to. So that is my layer trick. We've set up our Canvas.
Hopefully that will accommodate about
90 layers or so. I'm going to be using
this 8 by 10 inch canvas. In the next lesson, we will start drawing
our buildings. I will see you in the next lesson!
4. Monochromatic Color Palettes: Welcome back. In this lesson, we are going to create a
monochromatic color palette. And a monochromatic color
palette is the easiest of all, because the colors
will range between lighter or darker versions
of the base color or hue. This is an example of a monochromatic
color palette. And so is this, and this. So we are going to
create one together. And for this class, you can create your
own color palette, or you can use a
color palette that I have provided in the
Project and Resources. Let's get started.
I'm going to hit + here and I'm going
to create a new canvas. The size doesn't
matter a whole lot, because we're just going to
be experimenting with colors. But I'm just going
to tap right here. And I'm going to tap
inches, 8. And height, 10. And then I'm going
to tap Create. This gives me a DPI of 300 and an excellent print quality
and 89 layers. So we are going to start by
choosing any color at all. I'm going to start
with this color right here, this green color. I'm going to explain how
to create a palette using the classic view of
the color wheel. And I'm also going to set up a new color palette by tapping + at the top of this screen and
“Create new palette”. So I'm going to scroll
to the very top, that's where it'll
be - my new palette. And I'm going to call
this “Monochromatic Green”. And once again, I'm going
to tap on the classic view. I'm starting with this color. The color you can change right
here with this top slider, you can see it
changing from yellow to green to blue, and so on. I'm gonna go back to this one. In a monochromatic
color palette, this little dot right here is going to stay in
roughly the same place. While these sliders at the very bottom and in the middle change. And that's how we'll be
choosing our color palette. But rather than
doing it that way, I'm going to move around
this screen like this. I'm actually going to delete this one because I'm
going to start with a lighter color rather than using a pure white
and a pure black. In this, we're going to
use tints. This is a tint. It's a lighter version
of this color. Like I said, we're
just going to keep going around and adding varied colors to our color
palette just like this. So you don't have to do
it the way I'm doing it, but I find this is
a nice way to go. It's a nice way to
start just kinda going in a square around here. Those two are too similar, so I'm actually going
to delete this one. So let's go all the
way over there. It's close, but not
exactly the same. Let's just keep
cruising around here. Then I'm going to keep going
in another kind of square way, just keeping it
closer to the center. And we're going to have some colors that are probably
close and overlapping. We're going to try
not to do that, but it's not the worst thing
in the world if it happens. Because we are going to have a lot of different colors
to work with here. We won't be restricted by
this palette right here. Because while we're creating, we can come up
with new tints and tones of that
specific green hue. I just want to fill this up. So that is how you create a
monochromatic color palette. Easy peasy. So once again, you can create
your own just like this. Or you can use one of the
palettes that I created. If you start going on
this color palette and you find that you
don't love it after all, but you're in deep
with the project - no worries, because it is very, very easy for us to transform
the colors after we’re done. And that's gonna be a bonus
lesson towards the end. So just choose one. Go with it. And we can always
change it in the end. I will see you in
the next lesson. We will create a canvas and
start drawing our buildings.
5. Let’s Draw a Single Building : Welcome back. In the last lesson, we created a monochromatic
color palette. In this lesson, we are
going to dip our toes into this project by creating
just one building. And that way you'll have an idea of where
we're going when we are building our entire
imaginary paper cut city. Let's get started. I created a worksheet for you with some shape
ideas for your city. And you can find that in the class Project and
Resources section. And I also created some
brushes for you to use. I would encourage you to do your own drawing
throughout the city. But since it is a large project, I thought it might
be nice to give you some brushes to automate your process in some
of the buildings. So let's get started
building our first city. I am going to just do
a Screen Size canvas. And I'm going to rotate
my canvas this way. I will use this
orange color palette. So we have it right here. I am going to set
that as default. We are going to fill in the sky to start just so we have something to look
at in the background. So now that we have our sky, I'm going to grab a different
color and draw the building using Procreate's
selection tool. I want to tap “Rectangle” and “Add”. And I can just draw a
rectangle of any size. And what I wanted to
do is Color Fill it. My building is not exactly
where I want it to be. So I can un-Select it and
bring it to the center here. That looks good. And on some of our buildings we want to have little
decorative tops. So I'm gonna do that on a new
layer using the same color. So what I'll do here
is grab my Monoline. This is the brush
set that you'll have as well in the class
Project and Resources. And I'm going to
use my Monoline. I'm on a new layer. I'm just going to - that my
lines a little thick for me. So I'm going to
bring down the size, make sure my
Opacity is up and just draw a little topper
to the building. And I'm gonna do this for
about half of the buildings. Give them some kind
of a topper in the interest of having the buildings being a
little bit varied. I'm going to pinch these
two layers together. And then I am going to add
a new layer above that. And I'm going to grab a
different color for the windows. I'm going to grab
this orange and go to the classic color palette and see what color I might want
for the windows, That's nice. I’m going to use my brushes that I gave you. I'll show
you those real quick. And I also use the Drawing Guide to help
me out in these buildings. So to access the drawing guide, you'd go Wrench > Canvas > Drawing Guide. And you can also edit
the Drawing Guide. Right now I have a dark color, but you can change
the color with the slider back and forth
here. You can change the Grid size. And we’ll be changing the Grid size
throughout this class because it'll help us kinda stay on track with
our windows and such. So you'll see what I mean. But right now, my
settings here, a 2D grid, Opacity 36, Thickness 64, and Grid size size 139. I'm on a new layer
above the building, and I'll just show you my different brushes
that I've created here. So this is Wonky Arches, or what do I call it?
“Kinda Wonky Arches”. Then I also have “Wonky Circles”. I'll bring those down
and do them at the top. I think. I think
that looks nice. So there's a little
bit of variety within these circles
and squares. And now I have my squares. So we can go like this. The name of the game for
this is imperfection. I think it looks a lot
more charming when there's some imperfection here with our squares and arches
and that kind of thing. Otherwise it would look
really kinda cookie-cutter, and we don't want that. So another thing that
we could do is grab our Monoline and draw just a line here with
the Monoline at the top. I can apply a clipping mask. So that way the line only applies to the
pixels on this page. So this clipping mask is
attached to this building. And if I turn off
the Clipping Mask, then you can see that line
goes off the building. If I turn on the Clipping Mask, then it's only on this
building right here. And I'm just going to
grab my Monoline eraser and just clean this up a
little bit right here. We could leave it like this. But I'm also going to
show you just some ways to add variations to this. We could have different
colored windows by ColorDropping. So we have that color. And let's just pretend we want
different colored windows. I'm going to tap, continue
filling. And that way - Whoop! Oh, I drew some of the squares
directly on the building, which I don't want. But it's fine for now. That's why I can't
change the color. Because it's changing the
color of the whole building. Because the arches are on another layer, we can
change those colors. So the most colors I will have an a building
would be four. So maybe three
different window colors, and then the base
color of the building. So let me see if I can
grab another color here. Yeah, that looks good. And again, I like
it to be varied. So like right here - there's no real pattern
going on to the colors. We could also do some things with our eraser
for the Monoline. I'm going to bring
this size down. And we could do
things like this, kind of go fast because we don't want it to
be super perfect. We could also add another layer and draw hand-drawn
arches on top. And let me show you what I mean. I'm going to grab this light
color and my Monoline. And I'm on a new layer
and just drawing messy arches on top of here to give it sort
of a more abstract look. I think I would like those in a different color to
change the color up. I drew my arches
on the same layer. I'm going to undo those
and draw a new layer. I have my Monoline and a different color, and
I'm just going to draw a kind of like “ghosts”
of arches on top of there. I'm gonna grab my eraser and just erase these little tails. You could leave the
tails if you wanted. That is good enough. I think since we do
want it to be kind of playful and imperfect. And again, I don't really
love the color of my outline, so I'm going to grab
this dark color again. Alpha Lock this layer and
then I’ll change it. I think that looks better. I could also play with the
position of the arches. So anyway, that's
an effect I do. I don't love it right here, but this is just giving you
ideas of what you can do. It seems like a good
time for a quick break. So I will see you
in the next lesson!
6. Let’s Finish Our Single Building : Just gonna go back here. I'm gonna grab this color. I'm going to Alpha Lock the building. And I'm going to fill it with that orange so we
lose our details. And I'm gonna do a
new layer on top, which is what I should
have done before. And just start drawing other
things so you get the idea. This is another FUN one. I have the Monoline and
I can use these grids as an outline. And
I'm just going to do these wonky rectangles. It helps to start from
different places. Like I start from the
left and the right. Otherwise, it's going to
look too much the same. And I'm using Procreate’s
QuickShape tool to draw a rough
quadrilateral here. So this one looks
pretty imperfect. That is good. I'm going to add another layer on top. And I'm going to grab a slightly different
color and do the same wonky rectangles
going this way. I don't want like a perfect
rectangle from Procreate. What I want is a quadrilateral. And this does take
a little bit of practice to get the
Quadrilateral to kick in. I like that. I'm going to erase
this little tail here. I think what I will do with these shapes is
group them together. I'm going to delete
these old arches because we don't need them. So I'm going to group
these together. And I am going to put them on
Uniform and center them. I think that looks good. And then we'll draw
a different design on top of the building. I'm just going to use
this color right here. I have my Monoline. I'm going to bring
down the size of it. And I'm going to roughly
fill a shape inside of here. Easier said than done. Maybe I'll just draw it
like this. Doop. Doop. Doop. And then I'm going to Color Fill it with that color. So now we have the top
of our building here. And we could add another layer. And we could, if
we wanted to, grab the squares and do some small
squares up here for decor. There we have a funky building. I like that. I think that looks good. Now that we have
created a building, I will show you how to make
easy highlights and shadows. And that's what gives this
the paper-cut effect. Since the building is the
way I want it right now, I am just going to condense these layers
with a pinch. So now we have all of
the decorative elements on one layer and the
building on another. And this is the background. And I'm gonna put
these in a Group by swiping to the left
and hitting “Group”. And I don't really need
to do that right now, but it's something we'll
be doing during the class. So I will just show
you that. The building - I am going to duplicate
it by swiping left, going to the layer below, and I'm going to hit Alpha Lock so I can change the color. Once I hit Alpha Lock, I get these little
checkerboards here. Then I'm going to add a pure white and a pure
black to my color palette. So you can get a pure
white by tapping up here and on the Disc. And a pure white has a
hex code of six Fs. So I'm gonna put it
right down here. Actually I like my
white above my black. So I'm gonna delete that one. Then I go back to the Disk, tap on the bottom
like that twice. And to check if
that's a pure black, I go up here. And a pure black
has a hex code of six zeros. So we have a pure white
and a pure black. And that is for
our shadow effect. This is going to
be our highlights. And then we're
going to duplicate the highlights and we're going to call this “Shadows”. So we want our
highlights to be white. So it's on Alpha Lock and
I have this white color, so I'm going to fill that. And you can't see it on here, because we
haven't moved it yet. It's behind the orange building. But I'm also going to
grab the shadow layer, and I'm going to fill
that with black. The shadow layer I
always put on Multiply. That's a Blend Mode. Your Blend Modes always start in Normal. The only two Blend Modes we’ll be using for this class are Multiply and Normal. And everything will be on
normal except for our shadows, which will be on a
Multiply Blend Mode. I'm still an Alpha Lock here and I want to
un-Alpha Lock the shadows because
I'm going to give them a Guassian
Blur in a second. With our highlights, we
want to consider where the light source is. And our light source here
is going to be a moon. I gave you a
crescent moon stamp. So that's our moon, just so we know what
the light source is. So we're bringing our highlights up to the moon, just one pixel. So I'm on the highlight layer, and I'm going to go to the
Selection arrow and just tap the highlights towards
the moon, just one tap. So it's moving just
one pixel and it's not super obvious
until you zoom in. You can see here
that the highlights are on this side
of the building. And now we're going to
move on to the shadows. And we'll be doing
this treatment to every single
building at the end. So we have our shadows. It is no longer an Alpha Lock. We don't have the little
checkerboard we have here. We go to Gaussian Blur. And I have found that
a Gaussian Blur of about six to seven
percent works well. Once you tap Guassian Blur, you get that menu at the top. And I'm just going to slide
that to about . . . let’s do 6%. So you can see the
shadow now behind here. And we want to tap
the shadows in the opposite direction from the light source,
which is the moon. I'm going to tap down this way - one, two - and I'm going
to tap this way - three, four. I'm just tapping it
away from the moon. So we have our highlights on
this side. And our shadows are more profound on this side. And I like to change the
opacity of my shadows. If we go back to
the shadows here, the Opacity starts at Max. And I have found that I like a shadow of about 55% opacity. And let me just
show the difference. Sometimes a shadow
can look okay. Then you turn it off and you can see that it's kind of harsh. So if we bring it
down - now it's 55, then we can see that it’s a more subtle effect. I think it's a little bit
too far to this side, so I'm going to just
tap it down this way. And I think that looks good. I'm going to also turn
off the Drawing Guide. So I'm going to go
to Wrench > Drawing Guide and turn that off. So it looks a lot better. So this is how we would draw just one building of our city. And next we're going to go
on and build an entire city. I will see you in
the next lesson!
7. Let’s Build Our City!: Welcome back. In
the last lesson, we drew just one
building of our city. In this lesson,
we're actually going to start drawing our buildings. So I have my canvas here. It's labeled Green Cut-Paper City 1, and mine is an 8 by 10. So I'm going to open that up. And the first thing I'm gonna do is turn on my drawing grid. And I'm gonna go to
Wrench > Drawing Guide. And I can hit Edit
Drawing Guide if I want. You can change everything
about the Drawing Guide. Essentially, you can
change the color. This slider up here. I want it to be a dark color, so I'm going to
leave it like that. I am going to change
the grid size. My grid size is at about 192. It doesn't have to be exact. We're just using that
as a visual guide so we can stagger the
heights of our building. My opacity is at 36%, my thickness is at 64. You can set it up
however you want. The guide is just
going to help us get a little bit of
variation in the height. I'm going to tap Done. The other thing
I'm going to do is use a rule of thirds stamp. And you'll have one of these in the class Project and Resources. I'm not gonna go
into a discussion about the rule of thirds. It would be its own lesson, but I almost always start
with a rule of thirds grid. And let me show you what I mean. I stamp it. It's
a little too big. It's pressure sensitive, so I stamped it a
little bit smaller. I'm going to tap on this arrow. It's on Uniform Selection. So I'm just going to
move it right there. And this, again doesn't
need to be exact. It's just a guide. I am going to label this Thirds. I always have the rule of
thirds one of the very top. Without getting into a
big discussion on it, I will just roughly
show you what I mean. Here's a building. And I want my tallest building
to reach about right here. And then I want buildings
to be shorter like this. And you can do your
buildings however you want. In general, I am going
to want buildings that will be shorter than that
one and varied in height. So then we'll also have a
moon. There will be breathing room in our composition right
here, mostly right there. And then the tallest
one will be right here. The rule of thirds
is a great thing to learn about for
photography or arts. Give it a Google if you
want to learn more. For our purposes, it just means
that our tallest building is going to come to about
this point on the thirds. I am going to clear
my lovely drawing. I am going to keep
adding new layers. I'm gonna do 13 buildings. You can do as many
buildings as you want. I tend to recommend odd numbers in design
because it looks better. So you could do 13 buildings, 11 buildings, nine
buildings, seven buildings. You can do eight if you want. It's totally up to you. But I'm going to
set up 13 buildings and I'm just going to do
that by adding layers. Now I'm going to
rename these layers. Each of these layers will
be the base of a building. So I'm just going to
call this 12 to 13. Also a background
color for the sky. And that will also
be monochromatic. And we can change all
of these colors later, but I'm just going to
fill this in for now. You'll want a medium hue that isn't too dark and
isn't too light for the sky. My rule of thirds color is actually too
similar to my sky. So I'm going to change that
color by hitting Alpha Lock and choosing a darker color
for my rule of thirds stamp. Let's start with our buildings. I'm going to choose
a dark green, so I'm on layer one. I am going to go to the Selection Ribbon >
Add > Rectangle. I'm just going to create
building like that. So with the rule of thirds, we know that we want our top building
to come to about this point where
these lines connect. I'm gonna make this building
a little bit shorter. I'm in Freeform and I'm just
going to move it like that. And I am going to go on
to our next rectangle. I'm going to choose
a different color. I think what I'm gonna do is
turn off the rule of thirds because the main
thing we wanted was that tallest building
right there. I'm going to turn off
the rule of thirds. We can always bring
it back if we want. So I have a different color green. I'm on a different layer. I'm going to go to
Selection and Rectangle. And I'm just going to draw
another building that is not the same height or the same
width as the original one. So that is right here. I think I would want that
behind that tall building. So I'm going to
move it that way. We can always change this, but this is just to get started. My layers are
not in order anymore. That's fine. We're just
going to keep going. I'm going to choose
a different color, a really dark one. I'm gonna do another rectangle. I'm on the third layer. Maybe I'll do a
short one down here. And I'm gonna go on to four. I'm going to choose
a light green. I think I'm gonna put the light green to the right for now. So Selection > Rectangle. I want it to be a different
size than this one, so I could make it shorter. Building five,
Selection > Rectangle, fill the color and keep going. Layer six. Different green. Make this a different
height than the other ones. Maybe I'll make it pretty
wide and fill the color, drag that behind so we can see our little white
building in front. I want another
building in front. So I'm gonna skip up to layer 13 because that's always
gonna be in front. Let me start with this
color here and change it. Let's see how this one does. I do want this building to
overlap with that more, so I'm on Freeform so I'm just going
to drag it out. I think I want this building right here
to be a lighter color. So I think I'm going
to switch like the colors of these
two buildings. I'm on six and I'm
looking at three. So I'm going to
grab six’s color. So I'm on three and I'm changing
that to a darker color. And then I have six and I want that to be a little bit lighter. And I can do that with the
Hue Saturation Brightness. Layer seven, I want another building in front
of this dark one here. So we have a dark and a light, maybe a medium gray one. And I want it to be different from all of these
other ones around there. So let's just do a tall skinny there. That building is in front of the dark one. Building number eight. I am going to put it around here and we want
some variations. I'm going to start
with this color here and find a new one. See how this one is. I'm on my new layer
Selection > Rectangle. I'm going to Color Fill this. Obviously it's in front of my dark building and I don't want it to be there, so I’m going
to bring it below there. It's looking good. It's looking like
an imaginary city. I'm gonna go over here
and do another building. So once again,
Selection > Rectangle. And that is different. I like that. I think I want it to be behind this light
colored building here. I'm going to drag it down. Overlap is good with
these just because that's natural for a city. I think I'm going to move
this building a little bit this way just so
there's more overlap. Just a couple more
rectangles to do. These are all pretty tall. I'm gonna do one right here. So here is ten. And I want something different
from all of these colors. So I think I'll go
really light here. So I'm going to start
with this color here and bring it up. And once again,
Selection > Rectangle. Make this one kinda wide. And then move it around. I don't love this. I'll make it taller and thinner. Okay. Two more buildings to go. 11 & 12. This gray color - I don't like it. So
I'm going to sample that color and see how I can change it so I
can like it better. I think I might want another
tall building back here. So I'm just going to grab this color and do
something different. I want to go back to Rectangle. I'm on the layer and I'm
going to draw a building. Just a really skinny
one right there. This color is too
close to the others. So I'm going to tap on this Magic Wand and then go to Hue Saturation and Brightness. And this is the same thing we saw before with the Color Wheel. The Hue is right there, but we can tweak the
Saturation and Brightness. That looks kinda like that now, but what if we bring
the saturation up? I think that one looks good. So I am going to - if you want to see if it looks better or worse your eyes,
you can hit Preview. So this is what it
was before and after. I do like that, so
I'm gonna hit Apply. And I don't want this building to be in front
of that little light one. So I'm going to drag it down. And our last building, building number 12, maybe
something over here. So I'm going to start with
this dark color and I'll do another dark building
to another wide one. This one isn't
touching the ground. We've got to bring that down. I feel like these two buildings are too drab next to each other. I think I'll instead do
a really light one here. I think that works. I think we have enough
variation and I think we can tweak it from there. I'm going to add a layer
below the thirds layer, and I am going to
label this one Moon. I am going to grab the
crescent moon stamp, a very, very light
color, not quite white. I am going to bring back our rule of thirds.
And I'm gonna - oop! [laughs] I'm gonna adjust the size
of my crescent moon. Do my moon right around there. Let's turn off thirds. Let's turn off our grid to
see what that looks like, just to give us a
different look. So I am going to go to Wrench > Toggle the
Drawing Guide off. And here we have our city. And we can see if we want
to change anything here. If there's enough color variety, the buildings are distinct. I want this dark in
front of this other one. I might make this dark building
a little bit skinnier. I think that's good. Now that we have all of
our buildings drawn, we are going to set it up in a way that makes it more clear
which building is which. And that's what
we're going to be doing. In the next lesson. I will see you then!
8. Let’s Organize Our Layers: Welcome back. In the last lesson, we drew
our monochromatic buildings for our imaginary city. In this lesson, we
are going to set up our layers in a way
that will make it much easier to manage as
the class goes on. Okay, so we have all our buildings here. and
they were numbered. This time, we are going to give them letters and set up layer groups. So each of these buildings
is going to ultimately have another layer in front of them that's
gonna be their doors and their windows. And then afterwards we're gonna be adding highlights
and shadows, which is a couple more layers. So each of these buildings
is going to become a layer group by swiping them to the left
and hitting Group. And rather than
giving them numbers - because we already use numbers - we're going to use letters
to make it less confusing. So we're gonna go up here and grab like a very light green. We're going to create
a new layer right below our thirds layer. And we're going to
call this one Letters. And we're just going to write
letters on our buildings. And this is a layer that we're
going to turn on and off. It's not going to be
in the final one. It doesn't need to be pretty. So just scribble your
letters on top of there. I also have a dark green here, so I'm gonna use A, B, C, D, E, F, G, H. I. Go back to my light
color by holding here. J. Go back to my dark color, K. L, M. So A, B, C, D E, F, G, H, I, J, K, L, M. There are our letters. This new group that
we created right here is now going
to be renamed C. So we tap on it and rename it. See, so this
building right here, the building formerly
known as three is now A. So we create a
layer above there. And we swipe and we group. And then we rename it A. And then we can collapse that, go back to the building
formerly known as 12. Now B. Any Prince
fans out there? Know what I mean? My husband may cut
that. I don't know. We shall see. H building renamed to H. Seven Building
is now the G Building. And I'm going to keep
going in this fashion. Okay, so now I'm just going to double-check my work real quick. So this is the C
building. A building. B. Okay? Now that we have our
layers all set up, we can move on to something really
fun. Andthat is drawing toppers
to our Buildings. I will see you in
the next lesson.
9. Let’s Add Toppers to Our Buildings : Welcome back. In the last lesson, we created our layer groups. And we labeled each of
our buildings with a letter. And that
will help us stay organized going forward
with our project. In this lesson, we are going to add toppers to our buildings. I want to give some of the
buildings a little top. So like we did in our
first practice building - we're gonna do the same thing. So I am on building M. I'm gonna grab this color back. And I am going to draw with my Monoline just a little kinda top are here
on a new layer. I'm just gonna go like this. And I'm going to draw like
this so I can Color Fill it. And if it didn't Color Fill, than it would mean
that you had a leak. So right here, I
have leaks here. So if I Color Fill
it with a leak, then it'll fill
up the whole page instead of just that space. I'm seeing a little dot here. I'm just going to erase it so I don't get distracted by it. We are back to the M layer
and we have our Monoline. I'm going to bring the
size down and we're going to draw this
little top again. And I'm drawing a line down here because it's not connected
to the buildings, so we do need to do
that to fill it. And I see that I have this little thing right
here that I want to erase. My tendency is to work
towards perfection. And when I'm doing
this exercise, I'm fighting against it. But you can see I
still have it in me. I also try not to
undo as much during this project just because I want some organic
wonkiness to this. I liked the way the top
to that building looks. So I'm going to push these
two layers together. And let's keep going and consider what else we
want to give a top. I think this building E
would look nice with a top. So we're going to
find the E group and we have a layer above it. I'm gonna grab this color. And I'm going to go to the Selection again and
just do a rectangle top, as well as a variation of
the little angled top. So that angle is up this way, so we'll do an angle
down that way. So that's filled. Uh, do I like that? For now I do. I'll just pinch these
together and if it bugs me later, I'll fix it. I'm going to give a
topper to building B. Navigating back to building B, I have the layer above it. I'm grabbing the color,
I like that color. And we will draw another
rectangle topper to that. I think that looks good. I'm going to pinch
them together, just in the interest
of saving layers. So I want about half of my 13
buildings to have a topper. And like I said before, I do
want variety in my Toppers. I think what I'm gonna do
is bring down building D. So I'm on the bright
green building. I'm tapping this arrow here. It's on Freeform,
so I'm just going to bring down the
size a little bit. I think that looks good. I am going to turn off building H so I can see the whole building
that I'm dealing with. I am going to do an upside down version of this on
top of building D. So I have a layer above there. I'm grabbing this. I have the Monoline. And whoops! I’m doing it the same way again. I'm just doing it like so. And I will pinch
these two together. I will bring that other
building back. Building H. So we - for toppers - we want about seven,
give or take. I'm going to give a
topper to building A. I'm, I'm building A,
here in the corner. I'm on a layer above it. I am going to grab this color, just give it a little
topper like this. Let's keep going. What should we give a topper to next? We have three in the front, one kind of in the middle, one in the back. Building H. Here is building H
right in the middle. I'm on the layer above it. I'm going to grab that
color for the topper. And I'm just going to do a
rectangle topper for this one. So there it is, I'm going
to fill it with this color. And there we go,
pinch them together. So we have 1 - 2- 3- 4- 5- 6 - one more topper. What wants a topper? Let's find K. And I'm in the layer above it. I liked that color. Let's do another combo topper. Let's do a rectangle. I want that a little taller. Then I'm going to grab
this Monoline and I'm going to draw an upside down version of
that on top of it. This little topper guy
is not totally centered on the rectangle and we are
going to embrace that. Okay, so now we have our little
toppers to our buildings. In the next lesson, we are going to start drawing windows and doors on
top of our buildings. I will see you in
the next lesson.
10. Let’s Use Our Free Shape Brushes: Welcome back. In the last lesson, we drew our a little toppers on about half of our buildings. In this lesson, we are going to add our windows and
doors for our buildings. And this whole class
we're gonna do in an assembly line fashion. So we're gonna do all
the windows and doors, and then we're gonna do all
the highlights and shadows. And then we will be done. So here we have our
imaginary city and we're going to start
adding windows and doors. And when I've done this before, I've made the mistake of giving some kind of
elaborate windows and doors to buildings that
aren't very visually there. So for example, G is tucked
behind other buildings, F is kind of tucked behind. So we're going to start with G. I actually do want to
turn off building H. This is building B. I want to also turn off
building B so we can just work on G. I also want to turn
the Drawing Guide on. It might give us a
little assist here. So Wrench > Canvas > Drawing Guide. I'm gonna make the grid size
just a little bit smaller. So we have building G. And I'm gonna grab this
bright green color, and I'm gonna grab
my Wonky Arches. And I'm just going to start
drawing some arches on this. That looks good. I'm going to turn H
back on and B back on. We don't have to keep
going to the bottom. We just have to do the
places we can see. I'm going to turn these
letters back off for a second so we can kinda get
an idea of how that looks. I think it looks good. We could bring these windows
up just a little bit more. And I liked the fact that
they kinda go behind this building here because
that helps show depth. I'm in Freeform. So I also might want to stretch them out a little bit that way. I think that looks good. I'm going to turn my letters
back on here and look for another building that
doesn't have a lot of area for a lot
of fancy stuff. I'm looking at you. building I. So here
is building I. And I am going to
turn off building D. I'm going to tap on
the layer above that and I'm going to grab
a different color. Let's grab that color for now. And I'm going to do the Wonky Circles and let's
see how many we can fit. That looks good. These are really kinda wonky. Let's see if we want
them that wonky. I'm going to turn
off the letters, turn the other building back on. As you can see, these are really wonky and
I need to go down further. So let's turn off building D. Again. I'm going to start over, see if I can make these a
little tiny bit bigger. And let's just see
how that goes. So the way these
brushes are created - the circles are slightly
different sizes - so that builds some variation
in there from the start. And this is indeed wonky
and I think I like it. Let's bring back building D. I think I'd want these guys to be a little bit
over right here. So I'm going to go to the
Selection and I want Freehand. And I'm just going to
grab these circles, which are a little bit
too far to the left. I think I'm going to tap that arrow and I'm going to
bring them back like that. I think that looks good. We might want some color
variation in these circles. These, I think I'm
going to keep them all that green color
in this building. I think I'm going
to ColorDrop some of the circles into
different colors. I'm going to grab
this white here. And I'm gonna make some
of the circles white. I'm going to tap
Continue Filling and I have ColorDrop
check right there. And then I can just dot
these in a random fashion. I'm done with that. So I want to tap
that selection arrow that looks really cute already. I am going to grab a different color and then we'll Color Fill these.
So there we go. I'm gonna hit Continue Filling. Okay, Let's go to
another building that we don't see that much of. So I'm gonna give
this one the squares. So what building is this? Building F, I'm going to
turn off building A and B, so we can see the
whole building F. I'm going to turn
off the letters. I'm going to navigate
to building F. And here we have
our layer above. And we're gonna do the
Wonky Squares on here. And what color do we want? Let's start with this color. Let's just do this. These are kinda small. Do I want them that small? I don't. I think because these are kinda small, these
are kinda small. So I'm going to
see if I can make these a little bit bigger. Again, odd numbers in
design is always pleasing I tend to not go over
to the side enough. I don't think towards the end. So I'm gonna grab those. Just center that a little bit. I think that looks nice and
wonky. Like perfectly wonky. I'm going to turn those other
buildings on around it. We have B and A and then we
have the question of whether we want those
windows to be buried or not. And I grab this color
and I especially like to give a different
color to windows that are kinda similar this
building and these windows. So I like to color
those windows. So there's more of a variety. Where this light window
against this dark building, I would definitely keep that. We could grab another
color and put it in there. Let's see how this green does. We might want the windows
all the same color later, but for now we're just going
to leave it like that. Now that we have
used our brushes, Let's start drawing
on our buildings. Something I like to do with the taller buildings is to draw like just
lines down them. So I think I'm going to do
this building right here, which is building D. Let's
add a layer above it. I'm going to grab a dark color. I'm pulling colors
from my design, but you don't have to do that. You can do any color
that you want. So I'm going to my Monoline
and I'm going to add some little decorative
triangles to the top here. Draw one this way. Maybe I want one that
way and one this way. And I am going to
fill the color, I'm going to ColorDrop and then tap Continue Filling and do that. I'm going to tap that
arrow to get out of there. Center it a little bit. I think that looks good. I'm going to use my eraser
and just tidy that up. Then I'm going to draw lines. So I have my Monoline. I think that looks good. I'm going to just
draw down from there. Then I think I am going to make my Monoline
a little thicker. See what it would look like just adding some
thicker lines here. I think that looks pretty good. It is indeed wonky. I'm trying not to be bothered. I am bothered by the space
right here and right here. So let's bring that in. I'm going to turn
my Drawing Guide off to see what we have here. It's just easier to see
sometimes with that off. Eh. I don't love that. I don't love it at all. You know what I'm gonna
do? I'm going to give it kind of a plaid look. And I'm just going to turn off building H while we do this. We know we’re on
building D. I am going to draw a line up
here and again, and I'm going to add a Clipping Mask again like we did in our
practice buildings. So the Clipping Mask will make those pixels apply strictly
to the building below it. Then we got rid of the little
extra edges right here. So if it's not a Clipping Mask, we can see the line come
off of the building. And if it is a Clipping Mask, then that line is only
applying to the building. I'm going to add
little x's at the top. I think I'll make my Monoline
a little bit thinner. And I'm going to add an X here. That looks good for now. And I am going to change
the size of the Monoline. And I'm going to bring
back the Drawing Guide. Wrench > Drawing Guide on. I'm going to edit the
Drawing Guide to make the grids a little smaller. We are going to try and
draw some imperfect lines. I like turning my canvas about. So we're going to
start with these thick lines that are just - I'm roughly doing it with like every two squares here
but not perfectly. And when I'm trying
not to be perfect, sometimes it helps
just to go fast. I'm going to bring the
size up again and see - yeah, I'm going to draw
like that in-between. Turn the Drawing Guide off. And I'm gonna keep adding lines. I'm gonna do a new layer, also an a Clipping Mask. And try to draw lines -
well, not not try. I know I can draw
lines this way. And I'll make this thinner
again, go this way. Okay, that looks good. For now. I'm not loving it, but
let's just keep going. I think this is a good
time to take a break. I'll see you next lesson.
11. Let’s Draw Windows & Doors: What building do we
want to do next? This dark building
in the corner, I think that's A. Yes, building. A. Add a layer above there. And to get some contrast, I'll do that light color. I have the Monoline. And for this, I'm going to
draw some bigger arches. Then maybe I want
these to be doors. And here I want to go back to my arches because
I'm ColorDropping and I want to make sure there
aren't gaps because I'm going to be Color Filling. And let's just grab this color and Color Drop, Continue Filling,
so we can boop, boop, boop, boop, boop, boop. And I'm going to tap
that arrow to undo it. I'm gonna grab the Monoline
eraser and tidy up. Sometimes I use it to tidy up in a way that makes it more
wonky. For example, I'll not do them
straight on purpose. Like the bottom, like I'll
keep this angle like that. Maybe I'll have that one go this way. I would love to hear from you
when you do your project - if you find
imperfection difficult or not. That looks good. I think what I might do is
continue to use my eraser. Let's see the size. I think that looks good. And just draw little
window panes here. What do we want to
do with the top? We can go back to our
little worksheet and see what ideas we
have for the top. For this, we could
do the interior like this and fill this in. Maybe we grab circles because we don't have
any circles near here. And I am going to grab a
different color for my circles. Now, these squares
are varied colors. These ones are not. These ones are not. Let's leave it
like this for now. Let's go to this middle
building right here which is building C. Now, building C is kinda just
a boring little box, so we want to make
it more interesting. I'm gonna do the same
building we did in the beginning with the
offset quadrilateral. Quadrilaterals. Grab this color. I'm going to grab
my calligraphy set. I want to go to building C. I'm on the layer
above building C. And we're going to draw these. I think I want this
little thicker. Which once again, that's
another way you can get variety is by having
lines thicker or thinner. And as you can see, I'm starting on different sides to give it more variety because sometimes my hand tends to do the same
thing over and over again. If I start on the same side. And now I'm going
to grab a darker color. And I'm going to create
another layer above that. I'm going to tap + create
another layer and then do the same kind of
wonky quadrilaterals. I think that looks pretty good. They are obviously not centered. I'm also going to turn off my drawing guide so we can
get a better look at this. I am going to move this top layer over a little
bit around the bottom. I'm on Freeform. I'm going to stretch these out. I think I like that. I am going to try putting this darker color on a Multiply Blend Mode right here. Without a Multiply Blend Mode it's not interacting. It’s
just above the other one. And if we do a
Multiply Blend Mode, then you can see here that the color changes
where they overlap. So I like that for
the darker color. The lighter color could disappear or change a lot in the
Multiply Blend Mode. I don't like that. I'm going to two finger
tap and undo that. And I like this building. Now, let's go to this
little white Building, which is building E.
Add a layer on top. And I am going to bring
the drawing guide back. Let's grab a color, Let's find a good green. Let's do this. And the Monoline. And I'm going to draw rectangles
or rough quadrilaterals. And I'm going to vary again where I start my quadrilateral because that does make a
difference in how I draw it. And we do want wonkiness. So you can see here that
we don't have space to do another row of
rectangles like this. I think what I'm going to
do is grab this arrow > Freeform. And just kind of
squish them a little bit. And let's keep going
with our rectangles. Now, before we Color Fill these, we want to make sure that
there aren't any leaks. And we'll also use our
eraser to tidy up. Let's fill in our windows. I'm going to hit
Continue Filling. Dot, dot, dot, dot, dot, dot. I'm going to do those
offset rectangles on top of that and then some decor on
the top of the little guy. The topper, I guess
I'm calling it. Let's do the topper first. Let's do a Clipping Mask so
it applies to the building. Think what I want to
do is just stripe. I think that looks pretty good. This - this
window right here. It’s bugging me. One of the reasons I teach
things like this, like, “Oh, let's embrace imperfection” is obviously - as you can see now - because I need the lesson
more than anyone else. Let's grab this color and we're
still on the window layer and change the color of this.
Too similar to the building, I think. Let's grab this
color and make it different. I'm just randomly
filling things. What if I grab this color? So we have our little squares. I am going to do
some offset squares. So I'm going to keep that dark color and then just make it a
little bit darker. I'm gonna go back
to my Monoline. Let me see the size of it. I think that's good. And then I'm going to - I'll do this on another layer. And I'm just going to do
some messy quadrilaterals. Kinda offset. That's very offset
and I kinda like it. I'm going to start in
a different corner. So we get different results. I think that looks fabulous. I love it. I don't love the top of
the building as much. So let's find the
layer that that’s on. And I'm just going to erase it. Let’s go to our arch brush. You can also use
this as a stamp. I'm gonna go to the
Freehand Selection. I'm going to circle just the
arches and I'm going to make them a little bit smaller there. I think that's cute. And what with the top? And this is still
on a Clipping Mask, so it's clipping just
to the buildings. So even if I draw off the sides, it's only going on the building. I think that's my
favorite so far. It looks like we have come to a good spot to end this lesson. I will see you in the
next lesson where we will continue to add doors and
windows to our buildings. I will see you then!
12. Let’s Draw Ovals & Triangles: Welcome back. In the last lesson, we finished drawing this
cutie pie building in the lower right.
I really like it. Let's choose our next building. I think what I'm going to do
is this building right here, which is building B. I am going to draw
circles on there because the only
other place we have circles right now is this one. We have different options for circles here, or
I might do ovals. I haven't done ovals. Yes, we will do ovals with a little offset
detail like that. So that is building B. We're going to turn
off building A and C, so we can see the
full picture here. Here is building B. I'm going
to add a layer above that. I'm going to turn
off my letters. I'm going to turn on
my Drawing Guide. I have my Monoline, and I'm going to
start drawing ovals. 1, 2, 3, 4. Let's just keep going. QuickShape is kicking in here, but I'm kinda tilting
it and making it smaller and larger,
so they're different. Those look good. I'm gonna Color Fill.
Tap Continue Filling. Those indeed are wonky. Let's bring back
our other buildings just to see what
that looks like. Let's try a new layer and
some circles drawn over that. Let's see how that looks. Bring this up a little bit. So it's just like before
with our quadrilaterals, but it's different
because it's ovals. I think that looks good. I don't think the circles
on top of there are too distracting on top of there? Let me turn
off the Drawing Guide again. I'm going to do a
new layer and go back to this color and add
some circles at the top. Cute, cute, cute. I like it. I am happy with this building. What I continue to
not be happy with is this building right
here in the corner? I'm going to try - I think that's A, yes - adding a different color
to the windows and see if that makes me any happier. So let’s go back to
our color palette. Well, I do have this color, so let’s just start there. Okay. Building A. So I'm just going to Color
Fill. Continue filling. It just looks kinda like
a haunted house to me. It doesn't look joyful. I'm going to wipe out
the whole thing. Gone. What shall we do? I don't know, I'm not gonna
do that one right now. This building is kind
of tucked behind there so we could just draw
lines for there. Maybe we could do some kind
of triangle line thing. And so that building
is building L. We will turn off
buildings K, H, and M. We have a layer above there. So here what I'm going to do is turn my Drawing
Guide back on and see what it looks like to
draw a little triangles like I tried before. But actually I'm going to try
starting in the middle-ish. Then I'm going to alternate
the triangles like this. Okay, Let's Color
Fill these triangles. Hit Continue Filling -
bop, bop, bop, bop, bop. We're still on my Monoline. How thick is that? I think that is pretty good. I will draw a line down from this one that comes from
the point of the triangle. That is pretty simple, but we do want some
simple ones in there, so it's not jam
packed with all of these complex details. Okay. but when you cover those up - what I'm gonna do actually
is add some more lines, I think, and make it thicker. Maybe we can offset our triangle a little
bit and that'll give me the interest
that I'm looking for. So I have that color
and I'm going to just try different color
for my offset triangles. I'm gonna do a new
layer above there. That's pretty similar
to the other color, but maybe that will work
well for this because I don't want this
building to call like a lot of attention to itself. Just enough. What if we put
this in Multiply Blend Mode? That's kinda cool. I'm going
to turn my letters off. Take a look. Let's go back to our worksheet and look for
some more inspiration. Oh, this is a FUN thing to do. And then those little
dashes are easy to do. These circles filled in
with a different color. Okay, we've got some ideas. Here are all of our buildings. These are all
rectangular down here. So I think I'm going
to do circles here, and maybe I'll do those
circles with different colors. It seems like a good
time for a quick break. So I will see you
in the next lesson.
13. Let’s Draw Circles and Arches: I'm going to make
my Monoline thick. So I'm on building A.
I’m on a layer above. I'm going to turn
my drawing guide on and you can't see it
on this dark buildings. So we're going to change the
color, edit Drawing Guide. And we're going to
bring this color over. That is fine. So
I'm gonna hit Done. Okay, Let's try little circles. Or kinda big circles. None of these buildings have the
doors on the bottom. Let's try it here. And I'm still starting
it in different points. So we get a different look. I like that. I like it better than before. And let's fill it in
with a different color. Let's fill it in with
this color right here. Let's see how that looks. And then continue filling - dot, dot, dot, dot, dot. I always think that's
so much FUN. I like it. And now the next
question is whether we add any color variation. Let's give it a try. Maybe I'm going
to have the doors all the same color and my
variation will be up here. Do I want the different
colored windows there? That's what it looked
like without. That’s what it looks like with. Yeah,
for now we will do that. I want to give another
building arches. What I'm going to do, I think, is do arches on
this tallest building here. So that is building M. I'm going to add a new
layer on top of there. I'm just going to
turn off building H. And maybe I just so we
don't have the distraction. So we have building M. I'm gonna grab this
color that I like. And I have my Monoline. And I think I'm
gonna do arches that are offset like these. And these are short arches, so I might do longer,
taller arches. I'll turn my Drawing
Guide back on. What if I could do five arches
here? It's kinda thick. This Monoline, I'm
going to make it smaller. Start in the middle. I start drawing in
different places. And it kinda angle my bottoms
differently right there - the lines across the bottom. Let's start this one like that. That looks good. I'm just going to center
it a little bit better. Color Drop just to see
what that looks like. I'm going to grab my eraser
and tidy it up a little bit. Too big. I like it. I like
where we're going. I'm gonna keep going. I don't want to do too much copy/
pasting in this because I do like the variable
nature of this, but let me just show you
how we could do that. I'm going to duplicate this one. And we have this
new layer below. And I'm going to bring
this layer below, and then I'm going to
flip it horizontal. So it is the same
as the top layer, but obviously it's different. I'm going to bring it
down a little bit. And let's check the other
buildings around there. And what I'm seeing right
here is that these windows are very close in color
to this building. So I think I do want
something different there. What about this color? Alpha Lock, Alpha
Lock, Fill Layer, Fill layer. Now it's a little
bit like this building. Let's try this white. Now We are going to add our little
wonky arches above that. So I'm gonna pinch
these two together. I'm going to add a layer above. And maybe I'll grab a neon color and we can always change it
if we don't like it. So just kind of
offsetting these, I'm doing it all kinda
offset to the right. Maybe the reason I'm
doing that is because my shadows are gonna
be to the right, like falling this
way from the moon. I think. Maybe that's
what I was thinking. Okay. The next question is, we like the color? I think I do for now, I'm just tidying up a little tiny bit. I think I'm going to give the light windows different
colors for some variety here. So I'm going to an
Alpha Lock on this, and we have this color
for the building. Let's try this for
some of the windows. I like it. Again, I'm changing
the color mindfully. So there's more of a
contrast against say, like this building. Do
I want a second color> Let's try a grayer
version of this. Sure, I like that. I'm going to turn the
Drawing Guide off. I might want the offset green here to be a little
darker color. I'm going to Alpha Lock that and just grab
this color right here. Fill Layer. Okay. Eh. Darker maybe? No. Okay, let's keep
like that for now. Let's bring our
little wonky squares back for the top
of this building. I'm gonna do another layer. I could try a line. Which again, we would
want a clipping mask. So we get rid of the
lines that are not - oops, it clipped to
the wrong layer. We want a clipping mask to
this building right here, so it's right above
there clipping mask. Does that add anything? I don't like the line actually, I'm just going to undo it. We have drawn a couple
more buildings and I think this is a good
place to pause. And I will see you in
the next lesson where we will finish our
last three buildings.
14. Let’s Decorate the Last 3 Buildings : Welcome back. We have three more
buildings to decorate. So let's look at
our worksheet here. We haven't done
these little dashes. And we have not done this. We haven't done that either. So I'm gonna do this square
and I'm going to apply that to that middle-ish
building. which is building H. There's nothing
really covering it. So I'm going to leave it as is. I'm going to turn
off my letters. I don't think I need my Drawing
Guide. Here is building H. I'm going to draw a wonky
quadrilateral on top of building H. I have my Monoline and I am
just drawing a quadrilateral. And there we go. And I'm going to unselect that. And then what I do
with this one is I just grab my eraser. Let's see how big it is. That looks pretty good. And I am just going to do
this. I think that looks good. And now we're going
to change the color of some of the windows. So we're going to hit
Continue Filling. Or not. Now I'll hit Continue Filling. Hope that made all of them - oop because I probably
didn't erase something. What building is that? We're going to
turn on building C and see what I did. Yep. That's what it I did.
Not erase right here. So it doesn't know
to cut that off. So we're gonna go back to this. Then I think I'll
grab a lighter color. There we go. So
Continue Filling. I'm going to bring my other
building back so we can see. And then we want to decorate
the top of our building. So to decorate - we
could do circles again. Let me grab this color. Let me grab circles.
Let's make them bigger. Do I like it too? I
like it. I think I do. I'm also going to try
this Monoline again. Oh, you know what I did here? I did all the colors not on a different layer. Which is fine, but it does
leave us less flexibility should we decide to
change something. I'm going to add a new
layer actually above here to draw this line. And I'm gonna do
a Clipping Mask. So it will just apply perfectly to what we
want it to apply to. This circle is on
top of the line, but it's all in the same layer. So do we leave it? Imperfection. We're gonna leave it. Two
more buildings to go. So I think we could use some really simple
dashes over here. This is building J. So we're going to
turn off building I. Turn on the Drawing Guide. There's a layer
above building J. And I'm going to
grab this color. Try that one. I have
my Monoline and I'm just going to
make kind of dashes. That looks okay? Let me turn this on and see. It doesn't give
me enough here. Like it's, it's it looks weird. So maybe I'll try doing
my dashes the other way. Turn off I and maybe
make it a little thicker and maybe do my dashes. Let me turn off this
building too so we can get the idea of what we're
looking at. Building M. Okay. So I don't love it there. I just don't. I know what
we are going to do. I can't remember how
much we see here. I'm just gonna keep
going for now. I am going to turn on the other buildings
so we can see what we're dealing with here. I am going to move these rectangles just
a little bit this way. Especially these lower ones. That looks good. Then draw lines here to show different windows and we'll add different colors, I think. Now let's fill it
with a grayish color. Let's grab this gray. And we're just
filling in some of the windows to be
different colors. Let's grab a light color. Let's see how that looks. That's too light. I'm going to grab this
color and make it darker. It looks good.
There. I like that. I'm going to turn that arrow and we're done with that building. Okay, so here is
our last building. It is building K. I'm going to add a
layer above that. And around K we have
arches, squares, and ovals. I am going to do
rectangles like this, but erase into that
little window panes. So let's try that. I'm going to grab a
color that's darker. I have my Monoline. I'm going to start
in the middle. This color is really
similar to that color. So let's just grab
this color instead. Alpha Lock. Ooops! I filled the whole layer. Alpha Lock > Fill layer. Let's
just try that for now. Let's see if we can get -
Oh, it’s still Alpha Locked. That's why I can't draw on it. Five windows in here. Start our windows in
different places so they look suitably wonky. I like it. Since these
windows are hidden, I'm gonna do the Copy/
Paste thing again. So we have a row below there. And to make it look different, we are just going to
flip it horizontally. In there we have
more wonkiness. And let's just fill this in. Oops! What am I doing? Oh. So I have my two rectangles. I'm going to merge
them together here and I'm going to start
filling and hit Continue Filling
and just do this. Maybe I'm gonna make
it a darker color. So I haven't done
much of this here, but Magic Wand > Hue, Saturation and Brightness - make those windows a
little bit darker. So there's more contrast
between that building. No. I'm just going to do that. And then let's grab our eraser, see the size. I like it, maybe
a little smaller. And then just give these some funky window panes by erasing them to reveal
the color below. Let's take a quick break. I will see you in
the next lesson.
15. Let’s Assess & Edit Windows & Doors: There's a lot of neon green here and I don't think I mind that. What if we just desaturated these windows right
here? Just a little bit. Magic Wand > Hue, Saturation and Brightness and just
desaturate them. So that's very saturated. And when you do the
saturation a lot, then that can change the colors. So these right here looking
like kind of blue-green and it falls outside of our
color scheme a little bit. So this was it before and after. So it’s subtle, but I am
going to change it. I actually don't
love this building, which is building D. Let's just erase the whole thing.
Not the whole building. So we have this color. I'm gonna make it darker. I wanna do a Clipping
Mask on to building D. Maybe do it a little thinner. I think that's enough variety. Make it a little thicker. Going to draw a line here. I'm gonna make this color
a little bit more vibrant. I'm actually going to do
another Clipping Mask layer on top of here. I think I like that better. Let's do another thicker
line. And do that like in the middle of these. Maybe not have it touch the
top all the way. I kinda like that way that looks. l like that better. And now we just have the topper and we want
to figure out what to do with that. And
do another layer. I'm going to bring my Monoline down and I am going
to go like this. I'm going to Color Fill that. I could add some little
dots on top of here or arches or squares.
Add a new layer, Clipping Mask, grab - go
back to that light color. Go back to my arches. Make them smaller. Let's take one more look. Are
all of our buildings on? Yes. You know what? I'm done. I'm done with this
phase of the drawing. And next comes our final phase, which is adding
highlights and shadows. I will see you in
the next lesson!
16. Easy Highlights & Shadows : Welcome back. In the last lesson, we finished our doors and
windows on our buildings. In this lesson,
we're going to add easy highlights and shadows. Let's get started. So what we're going to be
doing is making sure that we have a black and white
and our color palette. And since I'm practically
done with this, I'm just going to
delete two colors here. And I'm gonna grab a
pure white, pure black. And I'm going to
double-check those colors. So this has six zeros, pure black. This has
six f's, pure white. So we're going to be
moving back and forth between white and black in this lesson. Going back to the moon. That’s gonna get a highlight
and shadow too. So we're going to duplicate it. And we're going
to hit Alpha Lock because we're gonna be
changing the color. And then we're going to
duplicate it one more time. Because we'll be changing
that color to black. And we're just
going to do this in kind of an assembly line way. I'm going to group
the moon together. We're not done with the
highlights and shadows. We're just starting like this. So we're duplicating
the building. Alpha Lock. fill layer with black. And then on top of it, we can go back to white. Fill layer with white. The shadow layer is always
below the white layer. So this is the
highlights and shadows. So it always goes
in that order. So building A, Alpha Lock > fill layer. Duplicate,
go back to black. Fill layer. Building B, duplicate, Alpha
Lock. We’re on black, so we'll just use that. And then we'll duplicate, go to this top layer, switch back to white just
by pressing. Fill Layer. Duplicate, Alpha Lock >
fill layer. And go back to black. Duplicate, Alpha Lock > fill layer. Duplicate, go back to white. Alpha Lock > fill
layer. There we go. And I'm going to keep
going in this fashion. Okay, So we have
created highlight and shadow layers for all
of the buildings. And it doesn't look any
different right now because they’re right
behind the buildings. But we will be changing
that just like we did in our practice video. The one thing I want
to look at right now is the color of the sky. I want more contrast
in that sky layer. I'm going to Alpha Lock
that and just play with different colors just to see. I think there's
going be too bright, but you never know.
Then that makes it the same color as this building. I think it was probably
this color to start with. What if I made it just a
little darker - Hue, Saturation, Brightness. Just a
little bit darker. Let's do that. Going back to our
shadows and highlights, we're going to continue going in the same kind of
way we did before. We're going to start
with our highlights. So those are white, so
we're going to swipe white (laughs) We're going to
swipe RIGHT, so we can move them all together. So we're just choosing our
highlight layer by swiping up. And I stopped. I
tapped on that so I undid it. So let's go back. Swipe, swipe, swipe. If you are running into
a layer issue, we did discuss that
earlier in the class. And I did show a trick
for working around that. So revisit that lesson if you're having any
issues with layers. Now that we've selected all
of our highlight layers, we're going to tap this arrow. And we're going to tap the highlights in the
direction of the light source, which I'm assuming is the moon. So we're going to tap it just
one pixel towards the moon. Just like that, you may
be able to see it here. If you zoom in you
can really see it, you have this white
highlight layer that is more obvious on this side
than it is on that side. You can't see it. So that is our highlights.
Our highlights are done. And now we're moving
into our shadows. And for our shadows, we're going to apply
a Gaussian Blur. And a Guassian Blue can't be applied when a layer
is Alpha Locked. So we're going to
un-Alpha Lock and put the shadows into
Multiply Blend Mode, which I always use for shadows. So we're gonna go in the
same assembly line fashion. Un-Alpha Lock and
Multiply Blend Mode. Un-Alpha Lock, Multiply. Un-Alpha Lock, Multiply. And yay! We have
reached the bottom. So all of our shadow
layers are now in Multiply Blend Mode and
they are an Alpha Locked. So we're gonna do the same thing we did with the highlights, but opposite for the shadows. So the shadows will be
coming away from the moon. So like towards this way. So let swipe to the right
on all the shadow layers, which is a way of
informally grouping them. And then we tap this arrow
and then we're going to tap the Shadows
away from the moon. I'll tap it this way, just towards the
bottom and the right. And so you can see it here it, and we have not
Gaussian Blurred it. So it looks a little bit funny. It looks a little bit harsh. So that's what we're gonna do next time we're going to
add a Guassian Blur, just like we did in
our practice building. And we're gonna do
that at about 6%. So starting with the moon, Guassian Blur. I'm still - I still have all those layers
selected swipe so I have to un-tap. Go back to the moon. Magic
Wand > Gaussian Blur. And I'm gonna do six or 7%. I'll just do six. Magic Wand > Gaussian Blur. Six %. Magic Wand > Gaussian Blur > 6%. And I'm gonna keep going
in exactly that fashion. Okay, so now I see I still have the drawing
guide on there. I don't need that
at all anymore, so I'm gonna turn that off. And so it looks like -
just at a glance that the buildings have
the highlight layer and the shadow layer. And this is what's giving
us the paper-cut effect. And what we're gonna
do now is make our shadows a little
bit more subtle. So starting with the moon, Here’s the moon layer
and the opacity is automatically at the max. And we're going
to bring it down. I find an opacity of about 45 to 55% works well for shadow layers.
Because the moon is light, I'm gonna do a 44%,
because the shadows are more obvious against a
really light subject. So we're gonna do this
in the same fashion. Every shadow layer
will become 55%. Now, you can do it
however you would like. If we look at, say, building A and we turn our
shadow layer on and off. And then we bring the
shadow layer down to 55% and look at it. You can see that - I think it's just nicer to have a
more subtle effect. So we're gonna keep
going in this fashion. Shadow layer to 55% opacity. I can see that this layer right
here is still Alpha Locked, so the Guassian Blur
won't work on that. So I un-Alpha Locked it. And this is our last
shadow layer, 6%. Okay, now that we have our
lovely shadows and highlights, I have some really FUN quick, easy tricks for you. One is a really easy re-color
and the other one is a fun way to adjust
your canvas to make it perfect for an
Instagram Story or Reel. I will see you in
the next lesson.
17. Bonus! Quick & Easy Recoloring: Welcome back. In the last lesson, we
completed our cut-paper city. The next two lessons are quick
and easy bonus lessons. So I can hopefully teach you a few more tricks in Procreate. So the first lesson
is going to be a quick and easy re-color
of our cut-paper city. Here is my city, and it's an 8 by 10 canvas. So I'm going to create
a new canvas to start. I'm going to tap +
and then that rectangle. I want to tap inches
and then 8, 10. And we will have our
new canvas here. Then I want to go back
to the original canvas. And it has all of these layers, as I'm sure you remember. We always want to retain
the layers as much as possible so we can make changes to specific
layers easily. But for this we want
a flattened version. So to do that, we are going to do
a three-finger drag down and then hit Copy All. Not Copy. Copy All. And then we're gonna go back
to our Gallery. And go to our 8 by 10 canvas and do a three-finger drag down
again and hit Paste And now we have the
whole city on one layer. And that's gonna make
it really easy to make color adjustments to it. Rather than changing colors
on individual layers, we can change the whole thing. Since it's monochromatic, it makes it really
easy to change. I'll show you an example
later of what it would look like changing colors on a print that wasn't
monochromatic. This looks a little dark to me, so I'm going to brighten it
up by hitting Magic Wand > Hue, Saturation and Brightness. And then I'm going to
bring my brightness over just a bit. And this is applying
to the whole canvas. So it starts at 50. 56 looks pretty good. And if we want to compare it, we would just put our finger
down here and preview. That's the city before. And this is a city after. You could argue that they
look nice both ways, but I just wanted a
little bit lighter, so I'm gonna hit Apply. So here's our city
brightened up. I'm going to tap
Magic Wand again, go back to Hue Saturation
Brightness. And this time we're
gonna be looking at the Hue and that slider. And you can see here
that we can change it to any color that we want. That's the really cool thing
about a monochromatic city. I like that actually. So I'm going to make
that change happen. And then what I'm
gonna do is duplicate that. And we can
do the same thing over and find a different color. I like this purple. It's like “Harold and the Purple Crayon”
purple. I like that. I'm going to duplicate it
again and find another. The first one is green. I like this. It looks kinda retro, so we'll make that
change happen. Let's see how different that is from the other one. Yeah, that is
different from the other one. Let's do it one more time. Duplicate and slide this around. We already did purple. That blue is nice, It's a
blue-purple, I like that. So here we have four
different cities. And you can decide which
one you like best. You can post them
all on Instagram for a fun story and poll your audience to see
what they like best. I'm going to show
you what it would look like if we did
a color change on a print that wasn't monochromatic.
Or rather a canvas. So let me go to just another - so here are my collages. Trying to find one that
might make a good example. Let's do this sunflower one. So again, we're going to do a three-finger drag down, Copy All. Go back to the Gallery. And I am going to put
it in a new canvas. Canvas was 12 by 16. So I'm just going to
tap this saved canvas. I'm gonna do a three-finger
drag down and hit Paste. Here it is all on one layer. And because there are
different colors - there's blue, yellow, green - it probably won't swap colors so nicely as it did with the
monochromatic one where it's just one color. So here we get some
pretty funky effects. And you can certainly
play with this. But none of these
look really natural, except for the colors that are close to
the original ones. So that is why you can change colors easily with a
monochromatic Canvas, but not so easily with Canvas that has
a variety of colors. Or rather you can,
you absolutely can, but the results are not
necessarily as natural and easy. So that is our quick
re-color lesson. In the next lesson, we are going to do
a quick resize. And in this lesson, you'll be learning how to
resize a print to Instagram Reel or Story size
so you can share it easily in your stories. I will see you in
the next lesson.
18. Bonus! Easy Resizing for Instagram Reels: Welcome back. In the last lesson, we did quick re-color
of our cut-paper city. And in this lesson, we
are going to resize it for an Instagram
Reel or Story. So we're going to create a
new Canvas by hitting + I already have something saved here for an Instagram
Story or Reel. It's 1080 by 1920 pixels, but I'll show you how to create one if you don't have one saved. So we want Pixels
and we want 1080 and then 1920 and
create Canvas. So this project is also more resizable than other ones and I'll show you what I mean. So let's see what
color city we want. Let's do the purple
one just for fun. Again, I am on the purple layer. Since it's all on one layer, I just want to navigate to that purple layer
and then hit Copy. And then I'll go to my new
canvas set at 1080 by 1920 pixels. And I'll do a Paste. Three-finger drag down Paste. And here it is, the Selection will
default to Uniform. But for our purposes
here we're gonna do a Freeform resize. So we're going to bring this up and we're going
to bring this down. And so here we have
our city resize. It looks a tiny bit more
natural the first way, but again, you would hardly know the difference if this was the first one you saw. That was just a quick
resize by going to Selection > Freeform and
stretching that out. And again, this project is particularly well-suited
for this. Because you can't always stretch
out a print like that and make it look normal - if there's people
in there, other things. But since these are
just rectangles - our moon looks a little weird. But again, it's okay. It's an Instagram Story. I would certainly post it
in my Instagram Stories. So that is how you can do a quick and easy resize if you do share it in Instagram
or in your Stories. please do tag me
@kelleybrenburke. You could also tag @skillshare. I know the people at
Skillshare on Instagram love to see a student projects. So I hope to see yours there. Meet me in the next
lesson and we are just going to do a quick
congratulations and wrap up. I'll see you next time.
19. Congratulations! Next Steps: Congratulations, you have
completed this class. Thank you so much
for joining me. I hope this class has sparked your creativity and expanded
your Procreate knowledge. I would love to see
what you create. So please share it in the class Project
and Resources area. If you'd like more
Procreate goodies, check out my website kelleybrenburke.com.
Want to be the first to know about new classes and Skillshare
membership giveaways? Follow me on Skillshare
by clicking here. Thanks again, and
I hope to see you soon!