Transcripts
1. Contour Line Illustration in Procreate: [MUSIC] Hi guys, I'm Priscilla, and welcome to my
Skillshare class. Today, I want to show
you how to create a contour line portrait in Procreate using
a reference photo. This is one of my favorite
styles of illustration. This style has a myriad of uses, from creating
beautiful art prints to give to someone
in your world, to making motifs for
print-on-demand, or even as a quick graphic for your social media or website
to communicate a message. A little bit about me, I am a trained teacher, I'm also a freelance
illustrator, surface pattern designer, and owner of Cardwell and Ink, and I use this minimalist
style of illustration to create illustrated
mock-ups of my fabrics, motifs for clothing
and accessories, as well as commission
client work. When you watch this class, you will get all of the
resources and Procreate brushes that I use to create
the contour portrait. This set includes
procreate brushes for line work and watercolor, as well as textured
pattern brushes that we will use along the way. I will also provide
a reference image, a link to my curated
Unsplash pattern collection, and a Pinterest board
for inspiration. This will take all
of the guesswork out and help you focus on
mastering the technique. We will begin with
how to import and use a reference
photo in Procreate. We will then work step-by-step through the process
of how to choose what areas of your image to highlight for the
contour portrait. Next, we'll go through some simple techniques to
embellish your line work, first using basic watercolor, then bold color blocks, pattern brushes
with blend modes, and photos with clipping masks, to show you how you can
use the same illustration in different ways to
create varied aesthetics. This class is
completely beginner friendly and I will
take you through each tool related to our
illustration as we use them. If you are a complete
beginner to Procreate, feel free to check out my botanical contour line
class here on Skillshare, where I take a deep dive into the whole Procreate interface, which will give you a really
comprehensive overview of all the main menus
and what they do. To take this class,
all you will need is an iPad, a stylus, and the app Procreate, I will be using the Apple
Pencil and enough talking. Let's dive in.
2. Class Project and Resources: [MUSIC] Your class project
will be to create and share a contour line portrait in the class project
section below this video. It can be one of the pieces
that I take you through or an original portrait
using a reference of someone in your world. You can do this at any
stage in the course. If you get to a lesson and
create a great effect, I would love to see it. It also gives other
students inspiration, which encourages us all to
expand our creative skills. You will need to be in a
web version of Skillshare in a browser to be
able to upload this. You can take a screenshot
of your project and upload it into the class
project section. The class resources for this
class can be downloaded from the class resource section in the Internet browser
version of Skillshare, not the mobile app version. There you will find the contour portrait brush
set and the reference image. The links that I'll
refer to in the class will be in your
class description. Save the brush set to
your file storage, and from there you can
export to the Procreate app. The reference images
can be saved to your file storage or your camera roll
ready for the class. Let's get started in the
next lesson with importing our reference photo and
setting up our canvas.
3. Setting up the Canvas: [MUSIC] In this
lesson, we are going to set up our Canvas for our contour line portrait and
insert our reference photo. When you open Procreate, it will open to
the gallery view. You'll see a Plus icon at
the top right hand side. Here you can choose an existing Canvas size or you can create a
custom Canvas size. For our portrait
illustration today, we're going to tap
the Plus icon at the top to create
a custom Canvas. I'm going to name it
contour portrait. Then make sure the units
are set to pixels, and create a Canvas
3,000 pixels by 3,000 pixels in size and 300 DPI. This is the minimum resolution
for print ready files. If you would like
a larger Canvas, feel free to do so. Once you are finished, you can tap "Create," and this will open to the Canvas view. Next we will import our reference photo of
the girl drinking coffee, which should be in your camera roll if you have
saved it to your images, or in your file storage, if you've saved it to a file. We're going to head
up to the top left of the Canvas to the Wrench icon, which is where we add all
our files and photos. Tapping on the Wrench and
then heading to the add term, will give us a range of options. If you have your photo saved to your file storage like Dropbox, go through these steps with
the Import a file text, if it is saved to your
camera roll on your device, you'll need to select the
Insert a photo option. If you slide the text to the left on the
file or photo text, you can insert a private file
or insert a private photo. This means that Procreate
inserts an image that does not show up in
a time-lapse feature. Inserting an image as a
private photo means that as we create our outlines for
our contour illustration, the reference photo
will not show up in the video that
you can export. Only your strokes will. You can then export your
illustration at the end, to use on any of your social media channels
as a time-lapse or a reel. Once your private
image is inserted, head up to the Wrench icon
and then to the Canvas tab, and toggle the drawing guide on. This will activate a
grid that you can use to position your image and
make sure that it is level. We can then go to the Move tool, which has an arrow symbol and center our image on the Canvas. Make sure you have uniform
selected in the menu at the bottom and then
resized to your liking. Try and keep the
image fairly large, so we can maximize the
use of the Canvas, but keep the bottom of the image just above the bottom
of the Canvas, so that we can create
enclosed shapes. This will be relevant later
after filling with color. You can also tap and turn
on the snapping feature in the bottom menu to assist you in centering the
photo on the Canvas. The yellow lines will
show you when you have reached the horizontal
and vertical centers. Once you're happy
with the position, you can tap the
snapping guide and turn off the magnetics and
snapping sliders, and then tapping the arrow again to deactivate the Move tool. We can also head back
to the Wrench icon now and turn off
our drawing guide. Next, head to the Layer icon
on the right-hand side. Go to your layer and reduce
the opacity of this layer. You can do this by tapping the n on the right-hand side of the layer and moving the opacity slider at
the top to the left. We'll then tap on the Plus icon at the top of the layers panel, to create a new layer for
our contour illustration. I like to name it so that I
can easily distinguish it, and you can do this
by tapping the layer, which will open up
a side menu with adjustments that can be made
to this specific layer. Tapping Rename at
the top of the menu, and then tapping your
keyboard at the bottom of the screen will allow
you to rename it. I'm going to call it line work. Tapping anywhere on your screen will then collapse this menu. We're all set to start
and I'll meet you in the next lesson to start
on our contour drawing.
4. Creating the Contour Line Portrait: [MUSIC] In this lesson,
we are going to create our contour line illustration
and prep it for color. Make sure you are
on the layer above the inserted image
in your Layers menu, and then in our brush menu, we are going to select the
monoline simple brush. On the left-hand
side of our Canvas, we also have the size
and opacity sliders, which we're going to set at approximately 10
percent for the size, but then keep the
opacity on maximum. I also want to talk a
bit about where we place our lines for our
contour illustration. We want to enhance
the outlines and the main features
of the subject, and this can be
identified by looking at the overall shapes in
the different parts and only placing our lines where we see the darkest
shadows in the figure. I tend to use a double
outline in many areas of my line work because it adds an organic
field to the image. Also, take your stylus off the screen periodically
as you draw. I don't recommend a
continuous line drawing in a digital space as you do with traditional pen and paper. In Procreate, if you happen to undo with a two-finger tap, it will end up erasing
your whole portrait. From time-to-time, pick
up your stylus as you make your lines and
reconnect them as you work. At any point, you can also redo a line with a three-finger
tap on the screen. You can always use
the eraser tool at the top right to touch
up any stray lines. I will speed this up
as I draw to allow you to see where I'm
placing my lines, but feel free to pause
whenever you need to and take your time to complete
your illustration slowly. In this image, we're
going to start with the facial features. I'll begin with the nose
but as we do this we are not wanting to outline
the whole nose, but just the main shape and shadows starting
at the nostrils, and then on one side of the nose leading
up to the glasses. I'm going to outline the
frame of the glasses, first on the outside and then on the inner
rim of the glasses. Then I'll go back and
give a messy double line, picking up my pen as I go. For the eyes, the
darkest part of her eyes are the eyelid and
eyelashes so I'm going to limit my
contour lines to the deepest shadows at the
bottom of her eyelids, as well as highlighting
her eyelashes. As you work, you can spread
two fingers apart on your screen and this
will allow you to zoom in to get the details. You can also twist
with two fingers to rotate the Canvas for a
better angle for you to draw. Next with the eyebrows, we will give a general outline as they are quite permanent. First on one side and
then on the other. From here we will do an
outline of her face, down and around the coffee cup, and then up on the other side. Then you can pick up
your pencil and repeat with a double line to
give an organic feel. Next the coffee cup. Again, we want the
main contours, the outline of the lid, and then the outline of the cup. Next we move onto her hands. Again, we don't want to get
caught up in the details, I just want the general
outline of her hand with a slight contour where
her fingers overlap and bend and then
around the nails. At any point in this
process you can go to your Layers panel and turn the photo layer on
and off and see if you feel to add any additional
contours or take any way. We're going to outline the
main shapes of her jumper, starting on the
left with her arm, then we're going to move to her right arm and make sure that we enclose the
shape and double line it. Perfect. Lastly, we're
going to do her hair. I'm going to begin with an overall outline of
the entire shape of the hair on one side
and then the other. Next, we're going to
look at the contours. At the crown, you'll see
the hair like ocean waves. We're going to follow
those contour lines and shadows through the course. and 'm going to
increase the number of lines when I want to show a bit more definition and
double line along the way. Finally, going back
to the Layers panel, we can always switch
off the image layer by tapping the tick on the right-hand side
of the layer so that we can look at
our line work and see if there are any lines we want to add to correct or erase. Also check to see
that your lines of the main shapes in the
image are fully enclosed. Once you're happy
with your line work, we can prep for adding color. I like to create a
background layer of the illustration just
inside the line work. This means that later
when we export our files, you have a few more options of uses with your final image. Then heading to our color disk, we can select a bright color, and then on the left-hand
side in our Selection menu, select free hand selection and color fill from the bottom menu. As you start to draw
with a freehand tool, you'll see little
lines that look like marching ants and they will show you which areas of your
image are being selected. Follow your line work around the whole outline of
your illustration, and then make sure
when you complete the outline that you tap the gray circle where you began, and this will fill
the shape with color. While it's still active, you can see the
dashed lines and you can add to the
selection by adding in close shapes if there's
an area you didn't quite get to the line work with. Now we can tap on the selection
tool to deactivate it. At this point,
we're going to use our brush and eraser tool
to clean up the edges. If you are using an
Apple Pencil II, there is a great
feature on your stylus that allows you to double-tap, to change between the
eraser and the brush, which makes this process
so much quicker. Zoom in with two fingers and tidy up the edges
where the color may have strayed or fill in any areas that didn't
quite touch the line work. Once your boundaries
are done you can go to the layers menu on
the right hand side, tap the layer to activate the layer menu and then
select Alpha Lock. You'll see a
checkerboard appear in this layer to show it
has been activated. This function means that
you can only make strokes where pixels or strokes have already been
made on the Canvas, but it's also a
great way to change the color of a whole
layer at the same time. Now we can select a
pure white color from our color menu by double tapping in the white
area on the color disk. This also works for black, but we will be using
white for now. Finally, drag the color
into the layer to fill that entire layer
because we want the section to blend into our
white background for now. That's it. Join me in the
next lesson to learn how to use a simple
watercolor technique to enhance your portrait.
5. Enhancing the Line Work with Watercolour: [MUSIC] In this lesson, I'm
going to show you how to enhance your linework
with watercolors. This is a really easy way to complement the minimal
line work of this style. The first thing
we're going to do is create a watercolor texture. First, head to your
Layers menu and use the plus icon to
create a new layer. Then head over to
the Brush menu, and in our contour
portrait brush set, we're going to select the
watercolor paper brush. I'm going to go
to our Color menu and select a light
gray color from the color wheel and set the size on the slider to a
grain size that suits. Then without raising
your stylus, run the brush across the
canvas to get an even layer. Feel free to undo with a two-finger tap if you
want to have another try. When you're happy, head over to our Layers menu and to
our watercolor layer, and tap the N. In the list of blend modes,
select "Linear Burn". We're then going to
duplicate this layer by swiping to the left and
tapping "Duplicate", and then change this new layers
blend mode to color burn. Now that our texture
layers are created, we're going to create
one more layer with the plus icon and hold and drag it underneath
our linework layer. This is where we're going to add splashes of color to
our illustration. When you're using watercolor, it's important to know where your light and shadows
are in your image. I'm going to insert
the image that we used using a new function of Procreate which is
the reference window. This way, we can see the
image clearly and use it as a reference to place
our shadows and highlights in our
watercolor painting. Head over to the top-left of the Canvas and tap
the wrench icon. Then in the Canvas tab, we're going to select the reference toggle
and activate it. You should see a box appear on your Canvas with text options
at the bottom of Canvas, Image, and Face. We're going to
select "Image" and then import the
same photo that we used for our linework from our camera roll or file storage. Now, we don't want
the watercolor to bleed outside of our linework, so we're going to use a
great little function in the Procreate layers
panel to keep our color only inside
the areas that we want. To do this, we go to our Linework layer
in the Layers panel, and we tap the layer to
open up the side menu, and then tap the text reference. You'll see that it's activated because the text will
show up in the layer. This is going to
allow you to use your linework as a reference to fill color in another layer without affecting your linework. Now, we can select our watercolor layout
and we're going to use a function in the selection
menu on the top-left. When we tap it, we're going to choose "Automatic"
from the menu at the bottom and make sure that only Automatic and Add
are highlighted in blue. For this activity, we're only
going to color the skin, clothing, and the shirt. I'll start with the skin. Use your stylus to tap the areas of the skin in her
face and her hands, don't forget the thumb. You should see all
of those areas now activated in a blue color to show that they've
been selected. Now, we can go to our brush set, and we're going to select our watercolor starter
brush that I've supplied, and we're going
to start painting the layers of her face
with a skin tone. I'm going to keep it
fairly light and just do a quick wash over her
hands and over her face. You'll see that regardless of how messy you are with this, it doesn't matter because
the selection only allows us to stay
within those areas. Now, if we look at
our reference photo we can see the areas where there are a
few more shadows on the edges of her face. I'm going to go to the slider
and reduce my brush size, and I'm going to add more
color in those areas, so just around her cheekbones, on top of her eyes, and on the perimeter
of her face. Looking down at her hands, I can also see shadows
between her fingers on her hands as well as just
beneath the coffee cup, so I'm going to add some
more color there too. I've created this brush so that every time you put
the brush down, it's going to add a
slightly deeper color. Now, blending is a really important feature of watercolor. Once you've laid down the color, head up to the Smudge tool
on the top right-hand side, and long press
which allows you to use the same brush
as a blending tool, and then we can head
back to our image. Just blend any harsh edges
that we want to soften. You can adjust the brush
size with the slider to a size that suits
you as you do this. Remember, you can
always undo and redo with the two-finger
and three-finger tap. I'd also like to add color
to her nails in this layer, but I'm going to create
a new selection so that I don't disrupt the work
that we've done on the skin. To do this, I'll tap the
Selection menu to de-select it, and then tap it again
to reactivate it. This time, selecting her nails to coloring with the Brush tool. I'll go to our Color menu
and select a red color, and just color her nails in with a watercolor wash. Next, we're going to go
into her clothing. This time, I'm going to untick
that selection and head back to our layers and
create a new layer, then head back to
the Selection panel and start to select
areas of her clothing. I'm going to select
another color, maybe a bluey teal color. We can increase the brush
size with the slider and go over all of the areas that we've highlighted in that color. This time, instead of blending I'm going
to long press on my Eraser tool at the
top-right and reduce the opacity a bit
and the brush size. Now, looking at our
reference image, I can see the lighter areas on the image in her jumper
around her arms and sleeves, and I'm going to use the
Eraser tool to remove a bit of color to create those
highlights on her clothing. Once that is done, we can go back to our blending brush to
blend any harsh edges. The last section is the
paper cup in the coffee cup. First, undo the selection
for her clothes, create a new layer
in the Layers panel, and then head back
to the selection to activate the
selection of her cup. I'll pick a brown color that I could use
for her coffee cup, fill it with color, and then I'll use
the eraser brush. I can see the areas
that are a bit lighter on the side of her cup, and I'll use my eraser to
then highlight those areas. We're going to
leave the linework here and not add any more
color to the actual portrait, but I will go through
one last step to add a splash of color
to the background. This time, we will
create a new layer, and use the selection tool to select the background outside the linework and
create a wash of color behind the illustration to make the portrait standout. I'll select a yellow
color and then select the area outside the
linework to apply the wash. I'll swap the eraser
and erase around the edges to blend a little. Now, you can see that
a subtle addition of watercolor can really
enhance your illustration. I really love this effect when I create wall art and portraits. We're finished with
our watercolor, but one last thing, you'll notice that we've
done this in layers, so if at any point you think
I'm not quite happy with that particular watercolor wash or I wish I could
change the colors, you can always head up to our Adjustments menu on
the top left-hand side, head to the hue,
saturation sliders, and then you can change the hue, you can change the saturation, or the brightness of any of the layers independent
of each other. In the layer with the skin, you can also create a
selection if you just want to say change the
color of the nails, and then adjust it
that way as well. Finally, we are going to select our watercolor texture and
all the watercolor layers, highlight them by swiping
until they turn blue. Then at the top of
the Layers panel, we're going to select the
text that says Group. Now, when I tap on
the whole group, I can rename it Watercolor, to keep our layers organized. Feel free to also go through
and name each of the layers. It really does help
when you can just glance and take a look
at what your layers are. I'm also going to deactivate the reference function
in our linework. I encourage you to have a play with the
watercolor brushes. The most beautiful effects with watercolors happen
when you experiment, so you may want to color in the whole illustration or add different colors
to the background. Also, Procreate has some great watercolor
brushes that come with the app in
the artistic section that you may want
to try out to see how different
watercolor textures look like with your linework. When you are ready, join
me in the next lesson, and we will look at using
vibrant colors to add a modern pop aesthetic to our
linework. See you there.
6. Enhancing the Linework with Bold Colour: [MUSIC] In this lesson,
we are going to enhance our contour portrait with bold colors using the autofill
function in Procreate. To start with, we're
going to go to our Layers menu and
create a new layer using the plus icon and hold and drag it below
our linework layer. Next we can tap on our
linework and in the side menu, activate our reference function. This time, unlike when we
created our watercolor effect, we want solid blocks of color. Making sure that we select our new layer from
the Layers menu, we can head to the
color menu and select a color for the clothing. Then if you head over to
the selection menu on the left and tap it to activate the menu at the
bottom of the screen, this time, select
Automatic selection, and make sure that the color
fill function is activated. Now we can just tap on the
areas we would like to fill. If for any reason when
you tap on an area you see white on the perimeter
of the colored area, and I'll zoom in to
show you what I mean, this is because the threshold of the selection is too low. To fix this, I'll undo
and tap the area again. This time, just swipe your stylist to the
right-hand side on the screen and you'll see the threshold at the top
of the screen increase. Set it to its highest setting, and this will eliminate any of the white
artifacts that you have between your color
and the line work. Go through and
select all the areas of clothing that
you want color in. While that selection is active, you can always go back to your color disk menu and change
the colors if you choose. Once you're happy, head
back to the Layers menu. This time, create a new layer for our coffee cup and select a brown color and repeat the autofill selection
using the selection menu. Next, we're going to
create a layer for the nails and the glasses which I will have in the same color. These are very small areas, so feel free to zoom
in when you are making your selections
and just tap through the areas until you
fill as much as you want. I actually don't mind having little bits of white
in-between the line work, but if you do, just zoom in and tap the white
areas to fill. Finally, I'm going to
go to a new layer. Again, choose a color for the skin tone and then activate the selection tool and tap the
areas of the face to fill. Then the fingers and not forgetting the
thumb on the right. Now, I'm going to
leave the hair in this case and keep it white. Instead, I'm going
to pick a color for the background to just really
emphasize that line work. But feel free to do the hair in the same way that we've just done with the
autofill selection, or use the free hand
selection tool that we did in one of our
previous lessons to do a whole block together. But I really do like
how the linework of the hair stands
out without color. I'm just going to make sure my background is the
color that I want. Once you have all your colors selection's done and
on different layers, you can name each
of your layers in the Layers menu to help you
distinguish them easily. It's up to you then which
colors you want to activate or deactivate by clicking the ticks on the sides of the layers. You may choose to have the
whole image colored or just have sections of color to
keep that minimalist feel. I would encourage you to go through and see
which you prefer. But that's it for
our bold colors. In the next lesson, I'll go through using textured brushes, adjustments, and clipping masks to enhance these
blocks of color. See you in the next lesson.
7. Clipping Masks, Patterns and Adjustments: [MUSIC] In this lesson, we'll
look at ways we can use patterns to really
enhance our line work. We'll do this in a
non-destructive way using clipping masks. First with Procreate
brushes and then with adjustments in
the adjustment menu. A clipping mask is a layer that is attached to the
layer below it. In this example, I'm going to focus on our clothing layer. If we hit up to
our Layers panel, we can then untick every other color
layer so that we can focus on the clothing. Then use the plus icon to create a new layer above
the clothing layer. Tapping on it will activate the side menu and allow us to
activate the clipping mask. The first thing you'll notice is that there's a little arrow on the layer panel onto
the layer below. Now, anything you draw in
this layer will clip or attach to the colored areas
in that bottom layer. It's similar to alpha lock, but the changes are now
in a separate layer, which can be turned on and off without affecting the
color layer below. First, we're going to add patterns using
Procreate brushes. I love a liner cut or
screen-printed texture, and I have created two brushes that we will use
to show you this effect. In our contour portrait brush set the first brush is
the terrazzo spots. I'm going to go to our color
menu and select," White." Now, I'm going to tap on the clipping mask area around
the jumper and you'll see that the spotty
print texture shows up as an overlay on
the color below. If we look at our layers panel, although it goes outside of
the colored layer radius, it's still only shows up in the colored area of
the layer below. That's one easy way to
overlay some texture. I've also included a
seamless line and cut texture brush that I've
created for this class. I'll turn off the terrazzo dots and then head up
to the plus to add another layer and convert it into a clipping mask
using the side menu. This time, I'm going to use the liner brush to layer
the pattern in black first and then I'll head to our color menu
and select, "Watch." Now, this brush has a slight offset every time
that you place it down. This adds another way of
staggering the pattern. You can also adjust
the blend modes of your clipping mask to give a
range of different effects. You can do this by going to the layer panel and tapping in. This time below the
opacity slider, you can see a range
of blend modes. Scrolling through them
will change the way that your pattern layer is going to interact with the
color layer below it. Another way you can
add patterns to your line work is via settings
in the adjustments menu. Now, I'm going to turn off our pattern layer
and then this time duplicate our color layer to create a clipping
mask with it. Now, when we head to our
adjustments menu on the left, we can scroll down to
the half-tone option. In this menu, we have three options at the
bottom of the screen. The first is full color. For all of these effects that
I'm going to go through, you need to slide your stylus
on the screen to the right to increase the
intensity of the effect. Then you can adjust the
different options at the bottom. The next effect is screen print. I'll just undo and show you what the screen
print looks like. Then finally, the
newspaper's setting. I'll undo with two
fingers and head back to the adjustment menu list. This time, I'll select
the noise option and slide my stylist to the
right across the screen. In this menu, you'll see at the bottom that you have three noise options
available to use. The clouds is first
and can be adjusted by scale, octaves and turbulence. The next is pillows, which also has the same
options to adjust. Then lastly, the ridges, also with those same options. These are the two main
adjustments that will create regular patterns
out of your flat color. But do explore the other
options in the menu like bloom, the glitch, and the
chromatic aberration. They are a whole
lot of fun as well. Remember that at any point, you can also go to the hue saturation and
brightness sliders at the top of this menu and you can
make color adjustments to your clipping mask this way by moving those sliders
until you are happy. That's where we will
end this lesson. Join me in the next
lesson and I'll show you how to use photographs and clipping masks to create a collage style feel
to your linework.
8. Photos, Clipping Masks and the Transform Tool: [MUSIC] Photos are
another great way to add a pattern or a texture to
your portrait illustration. You may not be able to create
your own patterns yet, but using royalty-free images is another great way to enhance
your portrait illustration. I've added a link in
the class resources to my curated pattern folder that
I've created on Unsplash. In it, I've selected two royalty-free images to
use for this technique. You can download these images by choosing the
image and pressing the down arrow on
the bottom right to download it to
your camera roll. The first image we're going
to use is the floral pattern. This is going to be
used to mimic clothing. Head to the wrench icon
and select "Insert a photo" and choose the floral
print from your camera roll. Once it's inserted,
reposition it, tap the Layers panel, and make it a clipping mask. Then you can use the arrow or move tool on the top-left to position it where you want
it sized and that is it. It's pretty straightforward.
With the line work, this can really easily
enhance your illustration. The next image we're going to add is the photo of the numbers. This adds a great pop
field to the picture. I'll just head to my
Layers panel and undo our floral pattern and then head up to the wrench
icon to add the next image. Once you've inserted the image, head to the Layers panel and tap and select clipping mask. You can also move it
around until it's positioned perfectly and
then in the Layers panel, adjust the blend mode, which adds a lot of
interesting effects. You can also use the same
photo in a clipping mask on more than one layer or two
with different blend modes. Using the photo with numbers, I'll duplicate it and move the new layer above
the coffee cup layer. I'll set it as a clipping
mask and this time, use the Screen blend mode and
activate that coffee cup. This creates a beautiful
cohesive look to the illustration by using the same pattern
in different ways. This is one of my
favorite techniques as a surface pattern designer
because I love to use images from my prints in illustrated mock-ups to
showcase the designs. Another fun technique is to
add a new layer on top of your photo layer and then
fill the layer with color. Then when you adjust the
blend mode to color, you can overlay the entire
pattern in a new column. Lastly, because these
photo layers are completely separate to the
color layer underneath, you can also manipulate
it in several ways using the Transform
menu on the top left. At the bottom, you can select distort or warp to adjust
how the layer moves, and this can give
you the effect of close wrapping around the body. In the Warp tool, the
Advanced Mesh option gives you even finer control, where you can adjust the handles to pull the pattern around. The pattern is still limited to the area of the block
of color below it. I'll just undo this
effect and then show you one last way to
manipulate your clipping mask. In the Adjustments menu, there is a tool called
Liquify at the bottom. This activates a new menu that allows you to push the
pattern around more precisely by adjusting the
size, pressure, distortion, or momentum at the bottom, and then activating
to either push, twirl right or left, pinch, expand, crystallize,
or edge a pattern. This is actually really
great if you want to marble some colors together to create a marbled
pattern on clothing. If you think you've
made a mistake, there's also a handy Reconstruct
tool that allows you to undo specific areas
that you have manipulated, but only while your
selection is still active. I really love that one. That's all for this lesson. Have a play with the
effects and then join me in the next lesson to talk about
how to export your files.
9. Exporting Files and Stickers: [MUSIC] Now you have created a beautiful contour
line portrait and a whole collection of different prints that
can be exported. You can save the
different iterations of your portraits by going to the wrench icon and then selecting
the Share tab. Here you can export files
in several different ways. Just activate the
layers that you want to export and then share them in
the different file formats. Generally for files you want
to be able to edit later, the options are the
Procreate and PSD file options that will export your illustrations
as layered files. For art prints you can
export the full Canvas as a flattened file
as either a PDF, JPEG, PNG, or TIFF file. Generally, most
print-on-demand sites for art prints we use
either the JPEG format that will have the
full Canvas area in white or any other color you have chosen for
the background. Remember that even if you deactivate the main background
of your illustrations, JPEG files will still show it up as a white square or rectangle. Please be aware of this. If you want to have a
transparent background, you need to deactivate
your Canvas background in the Layers panel and
export the file as a PNG. This is a wonderful option
if you would like your image to be able to be
used as a sticker. Generally with stickers,
you want to have a border around your
image for cutting, but you also want to be able to maintain the texture
in your images. I will just briefly touch
on a new feature in Procreate that makes it much easier to create a
textured sticker. For this, I'm going to use
our most textured version, which is our watercolor version of our contour portrait
to demonstrate. In our layers, the first
thing you want to do is make sure that your
background is deactivated. But the background that we
created earlier that was limited to only our
line work is active. Next, head over to the
wrench icon and then to the Add tab and the
text copy Canvas. This will create a flattened
layer of your entire Canvas. Next, a three finger swipe
on your screen will activate a menu that will allow
you to select Paste. Now, when we go to
our Layers panel, we have a new layer
that incorporates everything that you had
visible on the screen, including that beautiful
watercolor texture. The next thing we
need to do is head to the selection menu
and make sure that our color fill is deactivated
in the menu at the bottom. Otherwise, the steps we'll be taking will not work properly. If you have any
problems with that, just check your color fill. Now you can go to
the background layer we created that was
limited to our linework. Tap the layer and then tap
Select from the side menu, then head to our new
flattened layer, tap on it, and then do a three-finger swipe
down on your Canvas. Now, we can tap cut from
the menu that pops up, and then repeat
that three finger swipe again and select Paste. Now if we look at our
Layers panel and deactivate our watercolor group and
the main background, we have now cut out a perfect sticker to
our contour portrait. You can now clear or delete any excess backgrounds by
sliding and tapping Delete. Next to give the
stickers a border. I have created a
large version of the mono line brush that has
an increased streamline. We're going to create
a new layer underneath our cutout watercolor
layer and just go around the border of
your image in a pure white and then you can color
drop to fill the interior. When you export this
image as a PNG, it will export with that border and you can now use
it as a sticker. I'll show you what
it looks like with a simple line work with
the border as well. The plane line work can
also look amazing as a T-shirt motif with a
transparent background. You can do that by just
deactivating the other layers. If you would like to
see my process of placing images on
print on-demand sites, I have a section in my liner cut class here on Skillshare, which takes you through
that whole process. Finally, you can always
export the line work as a PNG to a free app
like Adobe Capture, to convert your line work
to an SVG vector file, which is able to be scaled to any size without pixelation. You can then send
it from there to any vector-based program
like Vectornator, Affinity Designer, or Adobe Illustrator to
adjust that vector file. If you use your illustrations
for content creation on social media platforms
like Instagram, Facebook, or TikTok you can export your whole illustration process as a time-lapse by going to the wrench icon and going
to the video tab and selecting Export
time-lapse video. You can also play your
time-lapse in here and the beauty of inserting that private photo is that when you do the time-lapse replay, it will export only your process without that original
image in the background. Then you can use a video
editing program like iMovie or spliced to
easily cut sections that you don't want and add in transitions and
you'll have a video ready to use in real or on any of your social
media platforms. Thanks so much for doing
this class with me. I hope it has expanded your understanding of the
varied ways that you can create and use contour
line portraits in your illustration workflow.
10. Outro and Class Project: [MUSIC] Thanks so much for
doing this course with me. I hope it has expanded your understanding of
the varied ways that you can create and use contour line portraits in
your illustration workflow. Your class project will
be to share an image of your portrait using any of the skills that you have
learned in this course. It can be your version of the illustration
we've done today, or one of someone in your world. It's always inspiring for other artists to see
your take on this style. I've already placed
a few examples of mine for you to look out for inspiration in the
class resource section just below this video. Also, if you have some time, I'd love it if you could
leave a review of the class. Please feel free
to ask questions, or share ideas, in the class discussion section. You can also follow me here
on Skillshare at Caldwell and Inc Design to be notified of new classes and if you
are on social media, you can tag me at
Caldwell and Inc. I would love to see and
reshare your projects. Have a great day people
and happy creating.