Transcripts
1. Class Intro: Hi, and welcome to this
new Skillshare class. My name is Brenda Baker. I'm an artist and teacher
based in the Netherlands. In this class, I will be
teaching you everything from going from a font to a
masterpiece about scribble. You have seen the
previous examples, and that is what we are
going to create in class, but you can create
to your own liking. I will be teaching you
step by step how you can go from a font to a
finished project. Will you join me in
class? Let's get started.
2. How to get everything you need: So if you're not familiar with getting
everything you need, go to the website of Skillshare, not in the app, go to the class, and I will advise for you
to read everything in the But section and the
projects and resources section. In the But section, you can see a something I already
create, tap more. And there you can see the links to the fonts I will be using. This is a free fund I
will be using in class. This fund worked
perfectly for me, but I like another
fund even better that is the Scrabble Games fund. It is found on creative
fabrica, but it's not free. It will save you some time and the tiles are more rounded, so that is what I
will be using here. But in the class, I have a
free fund you can download. So you can tap on this link. It will take you directly
to it. You can download it. Give permission to
download, once you see it, download it here, tap on it. Open it and you can go
and find the tiles, and it will import
directly to Procreate. And when you want
to add some text, you go to the
wrench to add text, and you'll go to A, select the text you want. It's going to be at
the T from tiles. Here it is. Check the keyboard, and then you can start typing. So now you know how
to download a font, and let's get back I want you to read it
all because it has a lot of information
for you and a lot of ideas to do also
and about projects. Go to the projects and
resources section. There you can find
the scrabble swatch. It's a very small swatch,
only three colors. And I have a scrabble brush it, A three brushes, and it
will make your life easier. So scrabble swatch download. Brush it, download.
Now it's here. Open the brushets,
scrabble brush set. It's imported. And when you go to your Canvas, you can find the brush set at the top of your brush library. And let's go back And when you want to import
the swatches, tap on it. It will open in Procreate, and you find you lay the swatch all the way at the bottom. I have got a lot of swatches. This is new swatch, very
small, very little. But you can work from there.
Just set it as default. Oh, set it as default. I work with my disk, so you have the same part as me and
we can go from here. So let's get on. Let's get
started. Let's get to class.
3. Creating the top of the tile: The first thing I want to
do is create a new canvas. For that, I'm going
to the plus and add a plus and work from inches. I go from ten inch
Bye. Ten inch. And make sure your
DPI is on 300, so you can always use
it as a print later. And well, we have 204
layers at my side, but you don't need
as much. So create. And I want to get rid of my time laps because
it would take too much space up here in my
iPad, and I don't need it. So first of all, I'm going
to put this off birch video. I don't want have a
video, so that's okay. We're going to start out with just one letter
for this one, because I want you to have it as easy as possible for
this first practice, and we can make it
difficult later on. So for this first introduction, I want to get, just one letter. So maybe your letter
of your name. I will use the letter B
first letter of my name. So maybe you can
do that as well. We're going to the wrench too in the upper left corner at text. We're going to get
rid of this one, my letters, and I type letter B. Use Black for that
one. And that's all. Get rid of it and make it big, very big for this
one, because I want to be as much visible
here as it will for you. And you see the number
here is an open one, and maybe if you have a six and eight or nine or
somewhat with closed, you have to mind later
on with coloring. This is just a stamp we
use for form and shape. We're not going to use
this particular part. Some fonts have better
ways of doing that, but I couldn't
find one for free. So this is a workaround
with a free font. So I'm going to put
this as a reference. I want to color
everything in it, but I will do it
on another layer. So I put it on reference, and I go to a new layer below, and there I will get my color. And I want to choose
a dark brown. So for a dark brown, I go a little bit towards here, I think, and I create a new palette for you
as well as we're going. So, this one is a dark brown
and on a new layer below, put this on reference,
I'm going to fill letters. Continue filling. That when you see this,
I can tap on here. And if you have a
closed number here, also make sure you'll
be using that. For this part, we don't
want to use this anymore, and you can keep
it if you want to. Then you can toggle it off. But I think I don't
need this anymore, so I'm going to delete it. So this is my brown basic one. I will put on an alpha
log for this one. You can tap on it and create an alpha log
because I want to color on everything that's on this layer and not
outside of it. I can also use a clipping mask, but I want to be with as
little layers as possible. So I want to go over this one, create a new lightly
cream brown color. Let me check something like maybe a little
bit more this one, like a little wood tile. The illustrated texture
brush for this one. And I'll be using that on
this one on Alpha lock, and maybe I should make
it somewhat bigger. I'm going slightly over it
to get some wooden texture, and I want it to be playful, so not very smooth at all. But I think this will be a
believable kind of wood piece, maybe somewhat
lighter, but we can always make adjustments
to that one. So this one will
be the top layer. I will rename it right away. Top layer. Tip part, we stay off. So we create a new layer, and I will put that underneath. And from here on, we're going to work
underneath this one. So it's very It's a very hard process,
what we're going to do, but you're welcome to stop and rewind the
video at any time. So make it save your own space. I'm going back to
this layer now, and I want to select everything around it, not this square. And I want to keep
the letter filled. So I only select
outside of the letter. So I go to selection, choose automatic go
right around here, and you see everything
around here is letter, but not in the letter and
not the block itself. I choose invert. And I'm going to fill it here
with a dark brown color. Oh, I make sure this
one is here as well. So I'm going to
fill it underneath that part with a dark
brown color, fill layer. And you see, I filled it the whole square
underneath here. You can see the
letter right through. So this part is also done. I will call it basic tile. And it will get clearer when
we go through it to the end, but it's a hard process, I know. I keep it a calm
space for you as well as for me because I had
to practice also again. So, okay, this is okay? This is my basic tile. Now I want also have only the letter and
the number selected. So I'm going to
duplicate this one. This one will be at the
bottom. I go into this one. But first, let me
select this one again. I'm going to select I'm going to layer
below I type clear. If you don't get it right away, just go back a couple of
seconds and rewatch it. So we have the letter here. Rename it. Call it letter. Return. So we've got a lot
of different things. I only have the basic tile, so it's the whole tile. We have only got the inside, the letter, and we
got the top layer. If you got a scrabble
tile at hand, you can see the letters
are a bit inward. Now it's a flat piece,
but I don't want it. I want to have shadow and lighting to create
some more depth in it. So that's what we
are going to do now. And the best part for me to do it is with
creating some stencils. And this could be
very difficult. Let's go to another chapter.
4. Creating the engraving effect: Welcome. So welcome to this chapter in where we can create
some highlights and shadows to create
some depth within the letter and within the
number. Don't be scared. This process we were
doing for one tile, but if you got your
whole piece together, you can do everything in the single steps
we are doing now, but we are just creating this one letter so
you can see clearly. And for this part, we're going to create
some stencils. I will be duplicating
this 14 times. Duplicate, duplicate,
duplicate, and duplicate. So we have five parts. You see, I duplicated the bottom one because the bottom one will be the original. To make everything clear, we're going to create
some stencils, and to keep it clean, I would like to take
it to another color. Just make it a green one. And we'll be coloring
this one green, select the letter
and fill layer. And we'll be doing
with this one as well. So tap it, select it. Again, tap it and fill layer. So these part are the stencils. So I'll create a new name, but you can also
see it by color. But let's do it for
the good one of this. Rename it stencil. Of course, it will
go away, rename. Stencil. And we'll be doing this with this
one as well. Stencil. You can skip this
part if you want, because it's clearly
visible with this one. So to make it visible to you, I will just toggle this one off, and we're going to work
with this one first. I want to create a shadow
when my sunlight is coming from here and the letters
will be putting inward. You will be creating
a shadow all the way at this side
of the letters. So for that, I want to
create an outline cut by moving this one by moving the
green one somewhat to here. So I'm selecting this one. Move it a little bit. One, two, three, four, five. When your lettuce are big, you can move a little bit more. But when you have a whole piece, you just move a little bit. So you now can see clearly a part of where the
dark part will be. You can easily see already
it created a little depth, but we will make
it more visible. What we're going to do
now is select this one. And it's going to choose
the opposite color. So if you have been
using another color, it can be any color which
is opposite to your color. So don't be scared by that. So while selecting
the green one, I go to the letter
below and type clear. And you now can see you only see the dark parts
that are visible here. When I delete this one, you can't see it very well because this is the
same color as this, but we're going to make
this a shadow part. So we'll be selecting
this layer and I'm going to play with my
saturation and brightness, and I'm going to darken
it a little bit. You see it's visible
again, straight away. You can leave it hard, but I would like to make it a little softer by using
the Gaussian blur. Go to your magic wand, touch gating blur, and maybe
it's just a few percentage. One or two will be
enough sometimes. When you have smaller letters, you can be doing
it with one or 2%. Now I choose five. You
see the slider bar when I swipe it to the right and
you can see it clearly. I will do it again for you. So this is where we
are. I will zoom in. Make it more visible, I
choose the magic one, go to Gchapleur and
by sliding outside, and to approximately five, you can see the shading go
fade away a little bit. And that's what I
wanted to create. Okay. Now let's go and do it
to the opposite side, but then we're going to use
to make it a little lighter. So I toggle this on again. Remember, now we're
going to move it to the upper right
corner a little bit. Maybe I will move it a little bit more like this
so I can see it. The fun part is, I have a
difficult letter so I can truly see where the shadows are going to and the
highlights as well. So I'm going outside of it
and direct them a little. Just a little bit. And I directly
going to this one, and I'm going to
change the color into the lightest part
of what I've been using here and go
here and say clear. And now you can see, Mm. Now, you see, this
part is dark as well, but I want to have it lighter because it will get
some highlights. So I'm going to this layer. I'm choosing the lightest
color I can find here. And we go, don't worry, we're going to
lighten it up again, but I'm sure to make
it a matching color, so a light one. I'm going to select this
one and choose fill layer. Yes. And now you can see it's
highlighted in here. Yeah. When I'm closer to my iPad and on screen, I
can see it more clearly. You can see a little
bit of the highlights, and I want to use a
Goshen blur as well. And maybe sometimes
we'll be needing to add a little more lighter color,
but we can do that, as well. So I'm going outside
of the ladder, swipe it, just a little bit. And then I will be making even
a little bit more lighter. I can see it more clearly. Maybe some Goshen blur as well. So you can see it's very, very depending on
what you're creating. So that's why we do this with
just one tile this moment. The last part we
want to do is to censel this letter
out of the other one. So I'm going to
create a selection again going to my word
underneath and tip clear. And now you can see when
I get rid of this one, we have the brown
one and we have the darker part and
the lighter part, and I want to have it a
little bit more blurred. So let me check on that first. Goshen blur. You see me looking forward
because I can see on screen what you directly
see and the distance, I'll put it a little bit
more towards this side. Yeah, it's just a little
bit to make it convincing. And when I zoom out, I've got a letter that's created within
the depths of this one. Maybe I want it a little
bit lighter again. We can play as long
as we like with that. Yeah, I now think it has more catching light on
this side, as well. So that was the part of the
carving of the letters. Now, let's create more
depths of the whole block. I see you in the next chapter.
5. Creating the 3D effect of the whole tile: So now we're going to
do the whole block. So we're creating some depth and three D of the
whole tile itself. Remember, this was
our basic tile. So we're going to
work with this one. When you have a block, you
can see a little bit of the size this side because we know the sun
is coming from this one. So we're looking a little bit from this angle
just a little bit. So I'm going to
duplicate this one, and I'm leaving that behind
because that's our base one. And I'm going to move
this to decide a little, just to make it believable. I'm going to duplicate
this one, bring it down. Create a clipping mask and move that towards
there as well. So we have the same
wooden frame around it. But because it's the side part, I want to create it
a little darker. And I also want to have
it covered to this side, merge those two together. And I'm going to make them a little bit bigger by taking it a little bit towards here. But now you see it
isn't three D anymore. So we're going to erase a little bit by
using a mono liner. Make sure you erase
it at the same angle. So this one is
going towards 7:00, approximately, so I
have to go on that one. Make it as seven o'clockih
as possible, as well. I think that's okay for now. So now we've got our tile. But our tile has a shadow. And when you have shadows, you have core shadows
and drop shadows. The core shadows are directly
underneath your tile, and the drop shadows
is what the sun is creating around in the area. First of all, we're going
to create a drop shadow. Duplicate this one,
make the lowest part, we're going to give
it another color, select and fill
layer with black. Fill layer. We're going to movies a
little bit towards here. Just a little bit, and just a little bit also of a
Gachenblur, a little bit. There you can see it's
laying down on the paper. Here, a little bit of shadow. And then we want to
create a lot of shadow. So I'm going to duplicate
this one again. Again, take the bottom one. Move it more towards here. And let's create
a softer shadow. So we're going to Ghembleur
create a softer shadow, maybe something like here. Also, we can play with the opacity to make it a little
bit lighter if you want. I think now my
drop shadow is too far from the base of the block. I'm going to move that a
little bit upwards again, just just barely visible, but it's now more
believable it's a tile coming up from your paper. At this point, your
letter is ready. As I told you, it would be a difficult and somewhat
technical part, but it would be fun if you
create a whole puzzle. Now, we've done the
technical part. Let's move on to a whole puzzle, and I will give you my tips.
6. Create a bigger puzzle project: When we create a
whole new puzzle, we want to have a
whole new page. I'm going with a ten by ten, so I duplicate this one, but you can create
from the part down. You see, we only have
got a few layers, and we will keep approximately
these kind of layers. Let's get rid of
this one. Clear. And I will call it names. You can do this with
everything you want. You can use your family. You can use your friends. You can make it for a baby
room, maybe on commissions. That's also fun. But let's
move on to my family. We can do that. It's
easy to get a grid. So go to your wrench
tool, go to Canvas. Touch your drawing guide. Make your grid a
little bit bigger. It depends on your family, how big your family is, or the
group of friends you want. So I think I have
enough by this one. Somewhat. We can always
change that later. So I start with
my sister's name. That is Monique. And I already made an
example first because I don't want to get this
lesson too much longer, so I grab my example with me. So my mother's name is Beppe And then we
have my name, Brenda. My mother's name of my
brother's name is Henry. And my father is Hank, the Dutch way spelled, so we can move it here. So I've got my sister,
I've got my brother. I've got my mother, and I've
got my father for this part. Let's create a
picture of this one. So I'll be saving it as a JPEG and saving it in my
album of my pictures. So now I'm going to
create a new one. So I'm going to get rid of this one clear because
I need a space. If you're doing
just a few letters, it's okay, but for this
one, I need the space. So I'm now going to
set my canvas and take my recently made picture
as my reference. So I go to my images, import image, and I
will go to the names. So I have them easy
at hand as I want. And I'm going to get rid of it. Well, typing the horizontal
words are just fine. You can use letters for that. So we're going to add
letters again, add text. Well, it was my sister's
name by Monique. And my name, I'm going to create some space
around it, Brenda. The vertical ones, you can't
type vertical very easily. So my workaround for this one is to just make a return and type every name with a
space between the letters. So my brother's name is Henry. You see, I have
space within them, that's easier for my
selection later on. And my mother's name is Beb, I forgot a space, and my father's name
is Hank, so go Hank. And that's easy. I want the names to be as large as the
tiles approximately. So I'm going to resize
them by going to the arrow tool and then make
them as big as possible. And if it doesn't
fit your screen, then you have to play
with your grid again. So I want to make it just approximately at large as
my grid is for one layer. Yeah, I think, well, we
have to check with some. Yeah, and this is a
little bit not square, so it's a little bit rectangle. But the size fits approximately. So I'm moving that downward. And the reason I have all
of these on one layer is because that will be
easier to create. So I still have as much, so I'm going to
clear this layer. Now on this layer, I will be creating all the
letters, all the tiles. Starting with Monique. I have to resize them as well. The first time I practiced this is it was with a paid font. So I want to create a free
kind of class for you, so that's why we have
this problem now, but there's always a
solution to every problem. Just we're going to
create a new one. So Monique will be
approximately here. So I'm going to this, this screen, and I'm going
to stay on each layer. I'm going to selection. I going by free hands. And I'm going to
tap here and here. Then I go directly
beneath the space, and I can easily move
them by going to the RRT. You see, it was a
red line in the top. It also is roast rice right now, and roast rice will say you
can no longer edit the names. So if you want to save that one, just duplicate the layer first before you're
going to do this. So I'm going to select
again, top bottom, and then go around it
and space everything. I will skip this part
in the lesson now because it will
take too much time, or we going to speed this up?
See you on the other side. So the names are now here, I can get rid of all
these letters now. We don't need those
cut and they're gone. And now you see why it's best when you have all
this on one layer, so you can drag and drop. Otherwise, you have to go back and forward through each layer. And that's very annoying to do. So I think this
composition is okay, and that's not strange
because I practice it first. Now I'm going to
make them bigger. Like so getting
rid of my canvas, my reference, and my drawing guide, I don't
need them anymore. And now we do the same as we
did with our single letter.
7. Let the project continue: So I'm going to set
this as a reference, and I'm going to
create the top layer. And for this one, we're going to choose the brown color again. Pick just one, continue filling. Now you see this, and then you can easily fill up everything. You see, you need to close in on each and every letter
number which isn't open. But Yes, we are here again. And you can repeat
the same process, and you can come along
and join me as you like. Or maybe you want to do
it at your own time. It's okay. I will
go from here and do exactly as what we did
with this first letter. So we go in to get
rid of this part, delete, and we have our basic lettering
blocks right here. I'm going to create
an alpha lock on it by swiping with two
fingers to the right, and I'm going to create
this texture on them again. You can see the whole
process can be done, but just in one with all these letters
so you don't have to do them all apart. Just color them to
your own liking. They can be made of any
piece of what you like. So it's even fun to create these kind of letters
with a fabric kind of stuff. Like if you have a
repeat pattern made, it's also fun, maybe for
a nursery or something. Child's room and make it look like fabric.
That could be fun. I think this looked like
wooden grain to me. Sometimes I look forward
because I see on my screen, what you see, and it's a little bit different of what
I see on my screen. But you can see what
I'm doing here. So we're going to
repeat the same steps. We creating this as top layer. And again, Top. And we want to have our whole filled tile, our basic tile. So we're going to
select this part. Automatic outside of
the letters, Invert, create a new layer,
select a dark brown, move our layer underneath
it and say fill layer. So don't forget to invert. Otherwise, the whole
breground is brown. You can do this step
how much you want. So stop the video, go back and do it over again. Sometimes I need to do myself. Okay, the next thing,
what we did is to create new letters because we want to go and create our
depth within the letters. So we select this one. Go to this one, duplicate it, and then set clear. And then we only have the
letters and the numbers. So if we want to relete you can see the letters
and the numbers. You can check on that
before you go further, otherwise, you'll be
blaming yourself later. So, that's okay. So we
have our letters here. Let's rename those And
this is our basic tile. So at this part,
we're going to do all the letters in one
layer and in easy step, just as we did the one letter. In the beginning, we're
now going to do this at all the same letters at the same time. Go
back to my letter. Going to duplicate four times. This will be your basic letter. This will be a stencil. Let's give it another color. Select fill layer, and we'll be doing this
by this one again. So rename it stencil. Select and fill layer. So these are the two stencils.
Let's get rid of this one. Otherwise, we can't
see it very hard. And now we're going to
the top one, let's move. Just pick one of the letters. Yes, move it a little
bit. To much here. You see, it's very blocky
now, but that's okay. It's because it's
very zoomed in. Yes, a little bit Take your time so you can
choose your own spacing. Select this one. You
see the opposite color. So if you have another color, it can change to
your other color. It doesn't have to be purple. Select this one, go to the
layer below and type clear. Get rid of the stencil. And now you can't see it. It's the same color. So
let's make it darker, go to the magic wand, use saturation and brightness
and darken it a little. Yeah. And now I'm going to zoom out a little bit, because otherwise, the blocking and the pixelation
is causing me trouble to search for the right angle. So I'm going to the goten blur. I think this is believable. You see, now I'm at 2%. And then the first
letter when we did, it was a lot more. Always go back. When that happens, I think it's not as much
visible as I wanted, so maybe I want to
go darker somewhat. Yeah, now I can see more. I hope you can see it, too. It's a little bit
darker right now. And we're going to do the
same to the opposite side. Let's take the B again
because B and R are letters, then you can see it more. So now I want to
get this on again, and I want to go to the other side to create
some light there. So I'm going to move this
one up a little bit. No, I'm on the wrong layer. So I go back to this stencil, and the going to
move it up dewards. Like so. I'm going to clear the
stencil out of this letter, so select this one. Go to the layer below
and type clear. Get rid of the stencil. Now we can see that part,
but we have to lighten that, so we choose the lightest
part of these tiles here and just go and just select
it and fill that layer. Go to Gochmbler and
blur that a little bit. Maybe one percentage is
already okay. I don't know. Let's zoom out. Make sure
everything is toggled off. Zoom out. I think the
percentage is okay. You can see it right here. In the O, it's very visible
on the Y. It's very visible. Maybe a little
lighter, maybe. Yeah. I think that's fine. So only move these Bs
when this is toggled off. So my composition is okay. Let's get to the
next chapter for creating real three D
blocks out of this.
8. Create the 3D effects for the whole project : So now we've got
letters carved out. Let's dive into creating a three D block out
of these tiles. So I'm going to duplicate
the basic tile. Now, going to the
tile underneath it, I'm going to make it
bring it more sideways by taking the arrow two and move it
slightly to the right. And now we have to go and dive in manually on this same layer. Creating with a
monoline, I add it here. And we just do it by hand and
creating those connections. Make sure you're on
the right layer, lowest part and do it like so. Every single by hand. I will speed this up for you. So you can do it
at your own pace. You can stop the video here. So I'm ready. I
hope you are, too. At this point, make sure you've double
checked everything, otherwise, everything
you do after this part. It's just a couple of steps, but it will you can
do it all over again. So let's make sure you've
got everything right here. So now we're going to create a little drop
shadow over there. So let's duplicate
this one again. So we can change the
upper side to sides. Maybe that will be something
that's easy to connect. And this one will
be the core shadow. So it will be
underneath the blocks. Core. And we make
it a black one. Select fill layer. And then I can move is also a little bit more to the left. Just always go outside of
the box, not in there, not too close at the
points or you will be removing it out of context. So Let's check if that's
okay. I think so. Let's make it a little
gotienblur not too much. It's just the part where the tile is on the paper and
not just floating around. I think this one is good. And you see it's just 2%. But maybe with you, it will
be another percentage. So it'll be okay. And now for the drop
shadow, duplicate it. Call this drop. Let's move it even further outside of
the box a little further. Let's make it a goten blur. Let's zoom out and
see what it does. Always zoom out with
all your hands. I have all these tools
not selected, untoggled. And I think we've got
ourselves some um, well, fun scrabble tiles. And you've got an unique
piece for your own family. So it's fun to print out. It's easy to create
cups with them. I did a sublimation on a MAC. It's very fun, but
you can create nursery baby names or a gift
for someone very special. And, yes, it is a bit
of a puzzle, but, yeah, scrabble is and also procreate is, but I
hope you like it.
9. Final thoughts: There you are. Yes, you can see I created my own sublimation k work I've just
created in this class. Sublimation is a whole
different kind of thing. But if you're interested, I
can also help you with that. And I want to show you how you can easily let me
check where is it here? This one, I've created a print on watercolor paper that show. It's very texturized
and very lovely. This will be also
lovely in a frame, and maybe you can also
do it on commissions, and you can do with
it whatever you want. I've just explained and teach
you the process of it all. And also make sure post your project in the project
and resources session of this class because everyone else wants to see what
you created out of it. And also, I want to see
what you created out of it. And also, please write
a review underneath this class so everybody else can see what you liked or didn't
like about this class. I hope you liked
it, but have fun and it's a little bit tricky, I know, but you can always
pause and rewind the video. So see you in the next one. Thank you for watching. Bye.
Brenda Bakker, ♥️ Sharing my skills is sharing my joy ♥️
