Transcripts
1. Welcome: Are you ready to create outside the square and level up
your scallop pattern? In this short and sweet class, I'm going to show
you how you can take your Scollp patterns from this to this. Hi, I'm Chelsea. I'm a surface
pattern designer and illustrator based in
Brisbane, Australia. After I launched my
first skillshare class, Patterns in Procreate, create a seamless scallop
pattern on the ipad, I received some really
lovely feedback from students who told me they
were just completely hooked. Could not stop making
Scollp patterns, which by the way, is just the coolest thing I
could hear as a new teacher. Those comments have inspired me to create this quick class, to share even more
ways that you can make amazing scallop designs in
this intermediate class, which I have designed to be a follow up to the first class. I'm going to show you how to, firstly how to create a
template for any size and ratio of canvas that you
like so that you can really get creative
with your designs. Next, we'll add
an extra layer of interest by alternating
with two scallop motifs, including adding a
second background color. Then we'll step it up even
further and I'll show you a really cool way to alternate between four or more motifs. Finally, I'll share a couple
of super simple ideas to help you get even more potential out of your scallop template. If you're ready to take your scallop patterns
to the next level, grab your ipad with
the app procreate and your Apple pencil,
and let's get started.
2. Class Project and Downloads: The project for this class is simply to follow the methods
that you've learn in class to create your own
scallop pattern and then upload an image of
your final pattern into the project gallery. If you want to share even
more for your project, you might choose to include
some process shots along the way or upload multiple
finished designs. It's totally up to you how
much you want to share. But either way, I really can't wait to see
what you create. I've provided a few resources to help you get started
with this class. The first is a set of
procreate brushes that you're going to need in order to be able to
complete this class. The brush set includes a
scollop shape template, also a couple of
layout stamp brushes, which we will be
using in the class. I recommend that you go ahead
and download those now. I've also included a J
Pick with a couple of pre made color palettes that you can use to help you get started. Simply import the image into procreate and then use
the color picker tool. You will also find a link to a Pinterest inspiration board
where I've saved a bunch of lovely scallop
patterns to help you get inspired as you
create your own designs. Of course, always remember
to just reference these for general ideas and inspiration and never to copy
from other artists. All right, with all of
that out of the way, let's get into the class.
3. Custom Actions Template: As we dive into
the first lesson, I just wanted to show you
my planning folder here. While I was planning this class, I was working with
a tall canvas, which worked really well
while I was sitting on the couch and holding
the ipad this way. However, when I went to start filming and I put the ipad
down sideways for the camera, I realized that a toll canvas becomes far too
small on the screen. I figured that this
actually gives me the perfect opportunity
to show you how easily adaptable this process is
and how quickly you can make a new scallop template for whatever size
of canvas you need. For this class, I'm going to
create a new canvas that is 3,000 by 2000 pixels at 300 DPI. The beauty of this
process is that you can create any size of
canvas that you like. Which is actually
the whole point of what I'm going to show
you in this first lesson. Create your canvas.
The first thing that we're going to do is
set up our custom actions. I'm going to go through this
process pretty quickly. If you need a slower, more
detailed look at the process, go back and watch lesson
four of my previous class. I'll link to that class
in the description below. Go ahead and pick Any Color and then drag to Color drop
to fill the whole canvas. Click on the arrow tool and then click on the node in the
top left hand corner. Make sure that the chain
link here is blue, meaning that it is turned on. Then click in the first box and type in exactly half
of your canvas size. This is the key to making any size and shape of
canvas that you want. Whatever dimension
you've chosen for your canvas, type in half. For me, that's 1,500 You'll see my selection snaps up
into the top left quadrant. Once that has snapped, I'm going to come over
to my layers panel. Click once, which gets rid
of the dimensions box, and then click again
to open layers. Click on your layer to
bring out the menu, and then click Select. You should see these
faint diagonal lines on the other three quadrants. I actually had a number
of students from my last class who had trouble getting these
lines to appear. If you don't see these lines, check to make sure
that you don't have automatic or color
fill selected. If you do, change
the top option here to freehand and turn
off color fill, and that should make
the lines appear. When your canvas is
looking like this, come down to the
Save and Load button and click the plus icon
to add the selection. We'll now repeat this for
the other three quadrants. Click on the arrow tool, making sure that snapping and magnetics are on and
turned up to max. Then drag across until it
snaps into the next corner. Remember to always look for
your yellow guidelines. Click on Layers. Click your
Layer and then click Select. Come down to Save and Load. And click the plus icon. Click on the arrow, drag down and come back
to your layers. Click on the Layer, click
select, Save and Load. And the plus icon arrow,
drag across Layers. Click on your layer, select, Save and Load, and
the plus icon. Now that we've got the four
selections ready to go, we don't need this
rectangle anymore. Come over to Layers and swipe to the left, then click Clear. That's the custom
actions all set up. Join me in the next
lesson where I'll be showing you how to insert
the scallop shaped guide.
4. Scallop Guide: The next step is to add
in the Scallop Guide. In my first skillshare class, I showed how to create
the scollop shape from scratch using the
Quick Shapes tool, which I do think is a
handy thing to know. But for this class,
I thought I'd make it even easier for you to
hit the ground running. I have included a scallop
shape stamp brush for you to download and use. Once you've downloaded
the brush set from the projects and
resources section, we're going to select the
brush called CJ Scallop stamp. Next, pick a color, any color. Keep in mind that this is
only for the template, so it doesn't have
to be a color that you're going to use
in your final design. What I would recommend when choosing your color
is to make sure that it is an unobtrusive color that is easy to sketch over, and one that you
don't mind seeing each time you open
the template to draw. I usually use a
light cream color, but I think that's going to
be a bit hard for you to see on the screen
for this class. I'm going to use
this orange color to use the brush stamp. Just tap once somewhere in
the middle of your canvas. Make sure that
when you stamp it, nothing is falling off
the edge of the canvas. That's super important. You want to try to stamp it, a size that is
relatively close to the canvas size because we're going to be scaling
up the scallop shape, which is generally
a pretty big No. No. But I haven't been able to find a way around it
for this process. But if we can at least limit how far the program has
to scale for us, that's going to
work in our favor. Okay. That's pretty close
for my canvas size. When you've got a scallop
stamp that you're happy with, you're going to come up
to the arrow tool and then snap the shape into
the top left corner. If you find that your selection is jumping all over
the place like this, I've got two tips
that might help. Number one is simply to use your finger
instead of the pencil. You might find that that
makes it a bit easier to control The second, which I probably use the most, and which is actually
going to come into play later in the class, is that instead
of trying to drag diagonally across,
straight into the corner, I will drag to snap into
one of the edges first, and then it seems to lock onto the other edge
a little easier. I'll drag this to the left
until I get the yellow line. And then I'll drag it up to the top until I have
my other yellow line. Once it's in place, click
on the arrow to deselect, just to make sure that you don't accidentally nudge it over. And then click on the
arrow again to re select. Click on the top left node to bring up
the dimensions box. This time we're going
to uncheck the link. It should now be gray
instead of blue. Enter the dimensions
of your canvas. For me, that is 3,000 by 2000. You can see in the background
here that my scallop has now stretched to
fill the entire canvas. Since I can't see my
arrow tool anymore, I'm going to click
on my layers button, get rid of the dimensions box, and then come to the
arrow tool to deselect. All right, we're almost
done with the template. Just a couple more
steps to make it super usable each
time we open it. First I'll add a new layer. Then I'll come over to the
wrench tool under canvas. I'm going to turn on my drawing guide and then select the vertical
symmetry option. Next, I'm going to
come back up to the wrench tool
under the video tab. I'm going to toggle off
Time Lapse recording, click to perch, and
then toggle recording. I do this so that I don't
have to watch this whole set up process at the start
of each time lapse video. I'll just quickly duck back over to check that I
am on my top layer. If I save the template with
the guide layer selected, that's where it's going to open up to each time I open it. Which just means
that I run more of a risk of accidentally
sketching on the wrong layer. I'll clip back onto
that top layer. Now I'll head back
out to the gallery where I'm going to
rename my canvas. I'll call it 3,000 by
2000 scallop template. The new template is
now ready to go. Remember that this
process is exactly the same for any size canvas
that you want to use. I personally have
a square template, a portrait Te template, and a landscape template. All saved and ready to go. Join me in the next
lesson where we will use the template to
make our first pattern.
5. Using the Template: All right, let's make
our first pattern using our new Scollop template. Make a copy of your template by swapping to the left
and clicking duplicate. Now it's time to
draw your design. Because this is an
intermediate class, I'm not going to
walk you through the actual drawing process. I'm going to speed up the video here while I draw my own design. But if you do want to deeper look into my drawing process, I do cover that back
in my first class. As you're drawing, I'll just remind you to keep
your elements within the scallop shape and also to keep your colors
on separate layers. If you want to be able
to easily edit them, remember to change your
back to a drawing. And also to turn on drawing
assist for your new layers. If you want to be able to
use the Symmetry tool, go ahead and work on
your own scallop design. And then come back and join me when you're ready
with your design. Now that your design is ready, I'm going to walk
through how to use the custom actions to separate this middle motif into the four corners to create
our repeating patent tile. First, I'm going to change the color of my
background scollop. I'll do this by alpha, locking the layer by two
fingers swiping to the right, selecting the color
I want to use. Then clicking the
layer and fill layer. Okay, now come over to layers and swipe to the right
on each of your layers. Then click Group. I tend to condense
the group because I just find it easier to look
at my layers this way. Then you're going to swipe to the left on that new group and duplicate with that
top group selected. You're going to come up to the selection tool and then
come down to save and load, and click on Selection one. Once you can see
your gray lines, come up to the arrow tool, then click to flip horizontal, flip vertical, and then click on the arrow tool
again to deselect. Now we'll repeat that for the other three quadrants Selection tool, save
load selection, two arrow, flip flip arrow
to deselect selection tool, save and load selection. Three arrow, flip flip
arrow selection tool, save and load selection. Four arrow, flip flip arrow. Click on the arrow tool one more time and flip horizontal, flip vertical to get it back
to the starting position. There you have your patent tile. Now, I'm not sure how easy it is for you to see
this on the screen, but there is a tiny
white pixel line showing between the scallop
outlines on my screen here. It's super simple to fix
this line issue when we're going to have a single colored background
in our pattern, all we need to do is come
over to the layers panel, click on the background color, and make it the same color as you used for
your scallop shape, and the line disappears. All right, we have got
our patent tile finished. Now it's time to check out
the repeat to make sure that everything is working correctly and that we're happy
with how it looks. If you watched my first class, you might remember that I show you a process here where we duplicate the groups
and shrink them down to half their size to test
out the pattern that way. Well, that's certainly
a great way to work if you want
to be able to edit your colors while also being able to see a double
version of it tile. While I do still test
my designs that way, sometimes when I'm trying
to work a bit faster, I'll actually use this way. Instead, it does mean that the double version
is not editable. But I find it a lot
faster to give me an overall idea about whether
the patent tile is working. Then if I do want to
make any changes, I just come back to the original tile and make them there. For this method, we're going to three finger swipe down
and select Copy All. Please note that if you have different settings for
your gesture controls, you may have to find your
copy options somewhere else. But just access your copy all function however
you usually get to it. Copy all and then paste. Now when you come over
to your layers panel, you'll have an inserted image which could fall anywhere
within the layers, depending on where you
last had selected. Drag that image
layer up to the top, then swipe left,
and duplicate it three times until you have
four copies in total. It's always best to
duplicate the bottom layer, which is the original
copy of the image, because the quality
seems to stay higher than if you were to
duplicate a duplicate. All right, now turn off all the other layers to make it easier to use
the snapping tool. Then we're going
to click and swipe to the right to select
all four layers at once. Come across to the arrow tool, then click on the top left node with the chain
link on blue type, the dimensions of half
of your canvas size. Once it is snapped
into the corner, come back over to
your layers and swipe to select the
top two layers, click on the arrow tool and drag across until it snaps into
the top right hand corner. We now have two
copies in the top left and two copies
in the top right. Now we need to select
one from each corner. We're going to
select alternating layers from the layers panel. I'll select the first
and third layer, swipe to the right on both, then come over to
the arrow tool and drag them down until they snap into place
along the bottom. This is the quick
method I used to check out my pattern at a
more helpful scale. If I wanted to make any changes, I would delete these
inserted image layers and then go back to my working patentile and make
the changes there. However, because I'm happy with how my pattern is looking, I'm going to pinch to merge the four
inserted image layers. I personally like to keep
this image at the top of my layers here because when I'm back in the
procreate gallery, I like for this to be
the preview that I see for my canvas rather
than that full tile. Okay, I'm ready to call my first scallop
pattern complete. I'm really happy with it, and I think it's a lovely
pattern as it is. But I also think I could add a bit more depth and
interest to this pattern. Join me in the next lesson where I'm going to show you how to alternate between two
different scollop motifs.
6. Alternating 2 Motifs: In this lesson, I'm going
to show you how to level up your scollop patterns by adding a second motif to
alternate with the first. I'm a big fan of saving my
progress along the way. I'm going to duplicate my first canvas to
preserve the original. And then let's get into it. The first thing is to delete
this image layer at the top. We don't need it in this canvas. Then turn back on all
the other layers. What we're going to do is
leave the motif that is split into the four
corners exactly as it is. We're going to
create a new design for the center scollop. The first thing
I'm going to do is change the color of the
scallop background. The benefit of changing
the scallop color first is that obviously we can now
see the scallop shape again, which is going to make it much easier to draw within
the boundaries. The thing to note with
having multiple colors for the scallops in the
background is that, as we saw in the last lesson, we get a small white pixel line where the scallop shapes meet. You can't see them
right now because my background color is still set to match this
light teal color. However, if I go in and change my background to white
just to demonstrate, you will see that those pixel
lines have now reappeared. Now, this is just something
for you to be aware of and to determine whether that is going to be
an issue for you. If it is, you might
want to stick with a single colored background
for my work and my style. Simply changing the
background color to that light teal
to match one of my scallop shapes works well enough to blend the
edges for my needs. I'm not bothered by it at all. Now to change the motif, I'm going to keep it nice
and simple for this class, all I'm going to change is the
petal shape for my flower. Because I want to keep a nice balance of shape
and size in my design. I'm going to use
the existing petals as a reference as I
draw the new ones. To do this, I'm going to
bring down the opacity of the original petal layer and
add a new layer above it. I will turn on Drawing Assist so that I can use
the symmetry tool. Then on that new layer, I'm going to draw
some new petals. You can obviously
just jump straight in and start designing
free hand if you like. But this is just a little
tip if you're wanting to keep the elements
a similar size. Now that I've got my new petals, I'm going to turn off
the new layer for a moment and then come back to the layer with
the original design. I'm going to erase
those original petals. I can't just delete
the whole layer, because I also have
these dots up here. Once I've gotten rid of those petals that I no longer want, I'm going to slide
that opacity back up to 100% and togle the visibility of
my new layer back on. Then, because they are both
that same white color, I'm going to pinch to merge
those two layers together. Here is my patentile with two
alternating scollop motifs. You go ahead now and make as many changes as you like
to your middle scollope. You could even create a
completely new design, keeping nothing the same at all. When you're happy with your
alternating scallop designs, we're going to use the copy
paste method again to test it out rather than bore you
with another step by step. I'll just walk through this
at real speed this time, copy all, paste duplicate
to four copies. I'll just point out
that instead of using the node and typing in my
dimensions to shrink the image, this time I'm using the snapping feature to
shrink my image up from the bottom right corner snap
two copies to the right, snap to the bottom and pinch
to merge the four layers. Now it's your turn. Go ahead and test out your patentile
with the two motifs. And then join me back
out in the gallery for the next lesson
where we're going to add even more motifs
to our design.
7. Set Up for 4 Motifs: Now that you've got
your two motif pattern, we're going to step
it up even further and increase to alternate
with four motifs. This next part is going to
be split into two lessons. First, I'm going to
show you how to set up your file and prepare
your four scallop motifs. Then in the following lesson, I'll show you how to
piece it all together. Okay, first of all, we need to have four scallop
designs to work with. I'm going to duplicate my last canvas where I have two of my scallops already made. Again, I don't need this
image layer at the top. So I'll just delete it and then turn back on all
the other layers. Now we don't want this scollop to be split into the
corners anymore. We're going to use
the custom actions to piece the scollop back
together in the center. Bringing it back in works exactly the same way
as splitting it out. Click on the layer group and then the selection tool
to get to save and load, flip horizontal, flip vertical, and the arrow to deselect. Then we'll repeat that for
the other three corners. You should now have
two layer groups with your two different skull motifs in the center of your canvas. If you find that you're running
into layer issues here, you can just go back out to your gallery and duplicate
this canvas again. And then go in and create
your other two designs. In the new canvas, you'll
end up with four designs, split across two canvases. For me, I have plenty
of layers to work with. I'm going to continue
right here in this canvas. Follow the same process
that we learned in the last lesson to create
two more scollop motifs, duplicate your
existing scollops, and then make any changes that you want to the new designs. Or go ahead and create two
new designs from scratch. To keep this super quick,
for the sake of the class, I'm just going to create two new background
colors to give me four different
Scollop designs. I'll go into the first
duplicated group and color fill the Scollp player
here to this blue color. Then for the other
duplicate group, I will change the
background to this pink. Okay, once you've got your
four scallop designs, we're going to come
back out to the gallery again and duplicate this canvas. This is because the next step is to flatten each
of the motifs. And we want to make
sure that we have a copy of the original file with all the layers come into the duplicate canvas
to flatten the motif. You're going to come across to the layers panel and
click on the group. Click again and
then click flatten. That group is now
all on one layer. Repeat this for
all four scallops. Double click on the layer
group and then click flatten. Tap, tap, flatten. Tap, tap, flatten. You should have four layers. Next we're going to create a
new layer at the very top. Select a black or gray color. Then come up to the class
brush set and select the brush called C J
for motif layout stamp. You use this stamp
exactly the same way as we use the scallop shaped stamp at the start of the class. Make sure you're
on the new layer and then tap in the
middle of the canvas. Make sure that nothing
is falling off the edge. And then use the
arrow tool to snap this selection up into
the top left corner. Click on the node,
unlink the chain, so it should be gray Input the full dimensions
of your canvas. The layout template should now stretch to cover
your whole canvas. Now when you look at
the template here, you can see that each scollop
shape is labeled with a number 123 or four to match the for
motifs that we have created with your for motif template in
place on the canvas. The rest of this process is pretty much like completing
a little puzzle. To make the puzzle easier, I'm going to quickly
rename each of my layers to number 123 or four, so that I know exactly where each motif is going to end up. Something for you to consider while you're assigning
the number to each layer is which two designs you want to have next to each
other in the final pattern. When you look at
the template here, you'll see that number two and number four are always
next to each other. Number one and number three are always next to each other. You might want to be strategic about which number you assign to which layer because
that's going to determine where in the
puzzle they will fall. The next thing we need to do
is shrink down our motifs to half of the original size so that they can fit
within the puzzle. Do this by highlighting the four layers and then
clicking the arrow tool. Then you can either use the
node method or as I'm doing, you can click and drag from the bottom right corner until it snaps up into the
top left corner. Now I can see here
that I'm going to need more than one of each
motif to fill this puzzle. In fact, each space
that has a number in it is going to need its own
motif to fill that space. I can see here that I'm going to need two copies of number one. I'll duplicate that now. I also need two copies
of number three. I'll duplicate that. I need
12345 copies of number two, four copies of number four. When you have all of
your scallops ready, join me in the next lesson, where we'll put the
pieces into their places.
8. Put the Puzzle Together: Now it's time to put all
the pieces together. I would probably call this the most advanced lesson
in this class. It involves using a lot
of the snapping tool and also keeping track
of some split motifs. If you're having trouble
with this lesson, if you're a beginner
or if it's taking a bit to get your head
around, please don't stress. It really is a next
level process. It can just take some time
and patience to get it right. I'm going to start
with the number one. I will turn off all
the other layers for now with snapping and magnetics, both turned on and up to Max, I'm going to start dragging around my scallop
pieces into place. The key to making this work accurately is that when you
drag each piece into place, you need to end up with at least two yellow
snapping lines. It's also helpful to
remember what I said earlier about snapping
to one axis first. Instead of dragging diagonally to move this number one into
place in this bottom piece, I'm going to first drag
it to the bottom over here and then slide it
across into this corner. The other one is already
in the right spot here. Now that I've got
them both in place, I'm going to pinch to merge both layer ones and then
toggle off that layer. I'll do number three next, because they are both within
the middle of the canvas. I'll turn on my layer three, select one of those layers and then snap it across
to the top right. I'll then select my other layer three and snap it
down into the bottom left pinch to merge those layers together
and turn them off. Let's do number two. Next, I'll select
the first layer two. But this time instead
of dragging it down so that it lines up
with an outside axis, I'm going to drag it until it snaps along the
middle guidelines. This time you should see the yellow lines appear in
the middle of the canvas. Okay, now for the first motif
that drops off the canvas, you could simply
go ahead and drop them each into place one at a time looking for the
yellow guidelines. But if you want to
speed up the process, you can move two
pieces at a time in each direction that
looks like this. Select two of the
layers at once, drag them across the left axis here until it splits
at the halfway mark. Leave them there for now. Come back to your layers
and select the other two, drag them to the right until they split at
the halfway mark. You now have two halves over here and two halves over here. Come back two layers
and select alternating layers so that you now have one from each side
selected together. Then drag them up so that they split in
half over the top. Come back to layers again and select the other two halves
that are still here, and then drag them
down over the bottom. You now have the four corners filled with a quarter
of that motif each, plus a matching
one in the middle. Merge them altogether
and turn off that layer. Now because number
four falls off the canvas in the
middle of each edge, the fastest way to move
them is to select them altogether and then snap them into the middle
of the canvas, because that way they
are all going to be on one correct line already. Then just select one
layer at a time and drag them to snap halfway
over each edge of the canvas. Select one and drag
it over the top. Select the next one and
drag it over the bottom. Select the next one and
drag it over the left, the last one and drag it over the right pinch to
merge the four layers. And then turn back on all
the other motif layers. Turn off the guide
layer, and there you go. You've got a beautiful
scallop pattern with four different motifs. If you have those white hairline
pixels appearing again, pick a background color that you think looks
best to hide them. I'm going to stick
with the same teal. Again, if you have other issues like bigger gaps between the scallops or
something like that, it's likely that something
just snapped incorrectly. You'll just need to go back and undo some steps and try again. Honestly, that's pretty much to be expected with a
process like this. Anyway, it can take some practice to really
get the hang of it. Once you've got all
your pieces in place, go ahead and test out
your repeat, if you like. And then join me in
the final lesson where I'm going to share
a few extra thoughts and ideas for other ways for you to get the most out of
your new scollop template.
9. Extra Ideas and Next Steps: Before I go, I just wanted to leave you with a
few quick ideas for some more ways that
you can get super creative using your
scallop template. One way that I love to
use the template is to create designs that are not actually obvious
scallops at all. That means that I use
the scallop shape as a guide just to get a nice
balance with one single motif. I then use the exact same
process to create my pattern, even though when you
look at it you can't tell a scallop was used at all. The next way you
could change things up would be to simply flip your canvas upside down and create a scallop that
faces downwards. Instead, the process is once
again exactly the same. I've seen some really cool
patterns designed this way. Then finally, if you want
to go even further and create a design with even more
different scallop motifs, I've also provided
a stamp brush in the brush set that has
space for eight motives. The template will work
exactly the same as the four method that
we leavened in class, except that you'll put eight different pieces into
the puzzle instead of four. That's it. I really hope that you're feeling
inspired to go on and create endless scallop
patterns using some or all of the methods that we covered
here in class today. Whether that be using
a new shape of canvas, alternating between a
number of different motifs, or trying out a less traditional
style of scollop design. Whatever you create,
please remember to upload your design
to the project gallery. I really would love to
see what you've made. Also, if you have
a spare moment, it would be really
amazing if you could please leave
a quick review. Reviews really do help other
students to find the class. Thank you so much
for joining me. I hope to see you next time.
Chelsea Jay, Surface Pattern Designer & Illustrator
