Transcripts
1. Intro + what you'll need: What's up you guys in today's course ongoing to be
showing you guys how to make those super snazzy
faceless portraits that really seemed to be dominating the
digital industry. If you see these faceless
portraits all the time. And quite frankly, people
seem to like them. They're normally cheaper
to buy if they went. And people want
personalized prints, personalized photos themselves. These phases ones are a lot cheaper than the ones
with their faces, so they tend to sell
really well off. That's what you're interested
in selling them on, like Etsy or another platform. So I figured I would show
you guys how they can make these kinds of images
yourself or Awesome, going to go a step further. And I'm gonna show
you how to make in our personal lives a bool. So instead of just one skin
color, one hair color, one shirt color, I'm
gonna show you how to make everything where you can
make it different colors. I felt like that
would be really cool. And it also be showing
you how to change it from raster image to a vector image so
that you can even use these images as logos. If that's also something that
you may be interested in. I think it excited
for this course, you're gonna need procreate. You're going to need
an Apple pencil, you're going to need an iPad, and you are going to
need Adobe Illustrator, whether that's on your
iPad or this on a laptop. Either way, just have Adobe
Illustrator somewhere. I'm Adobe Illustrator just for the final parts
when you're gonna be making it personalized label and vectorizing the image. If you're just
interested in making straight-up images that are
still images that can't be changed and that state
as raster images then all you're going
to use Procreate and the Apple pencil
on the iPad once. So just isn't a little
introduction to who I am. My name is Sierra Smith. I am the creator of culture,
its simplicity.com. I will have an Etsy shop
titled Culture simplicity. I am at culture, so please be on
Pinterest and Instagram. So check them out if you'd like, and let's get into the course.
2. Outlining + coloring in Procreate: Go and open up
your Procreate app and we're going to be
starting with the photo. So click photo at the top here. I'm going to go into my recent. I just pulled this
photo off the Internet. But if you have a
photo of yourself or somebody you know,
then that's great. I'll probably make this
project even more interesting. So we are on layer
one right now. You can see in the layer panel, Let's go ahead and make
another layer, layer two. And click this square over
here in the left-hand panel, right in the middle to
select the Eyedropper tool. I'm just going to
go over a part of her face that I feel
best represents her skin tone since there
are shadows and highlights. You'll see that there
are separate shades. But I would choose
the one that I feel is over most of her face. I'm not loving this part. So let's go over
that with an eraser, which I just did by clicking the eraser tool over
here at the top. We're gonna put
the brush back on. Go over her ear to alright, it looks, it doesn't
look great I made, but fortunately, you are going to be covering
the worst looking first, at least the outline. I mean, when you fill it in. And this is really not a long process and
procreate makes it very easy to drag and drop and fill colors in
literally like once again, if you grab this color
circle at the top here, all the way to the right, you just long tap it and
then you drag it and you can still in the face. If I hadn't gone
over like I did, it would have filled
it in perfectly. That's not a problem. Alright, so now I'm gonna
create another layer for her neck and chest area. I'm going to start
with the shadow. I like adding just a little
bit of shadows to it. I know some people prefer
to keep colors really to a minimum to create the most minimalistic pieces
that they can. Guiding shadows. Just to add a little
bit more depth. I'm gonna move that underneath our face layer by dragging
layer three and layer two. I think that looks
pretty decent. I'm gonna create
another layer and put that underneath
the shadow layer. I didn't mean to make
that into a new group. So what that means is that
whatever I draw on your Neith, whatever I draw on this layer, you won't get to see you above what I drew
on the other layers because it is
underneath those two. You can just take the
stress out as the over out of outlining, over lapping. All right, so I'm
filling all this in, going to zoom out. Unfortunately with this silly, you don't even need to
do one swift movement. It just needs to be
in an enclosed shape. There can't be any gaps. You can. How many strokes it takes
you get that enclosed space. It doesn't matter.
They're bigger. Now when I'm looking
at, I kind of want to make the shadow extendable. Going to hide the torso
layer by checking it. I'm just going to extend, tap the shadow layer and
I'm extending this color. You do have to tap the
eyedropper tool to go back to the shadow copies. So I'm gonna put this torso, chest layer back on here. I do see this part right here. I'm going to tap the eraser tool that I didn't tap this layer. You have to make sure you're
on the right layer to erase. Now we have that. You can really you can add as
many shadows as you please. I just her neck does in
right there, I think. Let's look in a
little. I don't know. It's still got a little
strange right at the top. That helped
a little bit. Okay, so now I'm gonna create
a new layer for the arms. We'll click that plus one on the layers panel in
his eye dropper tool. The tab color on her arm, then fill it in. Good at the other arm. It's really starting
to come together now. Now I'm gonna go ahead
and move to her hair. I click, Add a new layer
and I'm putting it over. Every layer is set her face. I'm going to use the
eyedropper tool to segment. Are these dark brown? All right. This looks even. I don't really
care if it ends up looking rough around the edges. But I like for it to
look a little bit less rough that It
was just looking so now we can fill it in. I'm going to now move it
behind the chest area, chest and neck area. Behind the arms to you. Okay. So it's pretty much it's behind everything. And
that's what we wanted. Now we have this part. I'm gonna go in and
hide this layer so that I can get some of this, a little bit of the other
color that is in her hair. I'm gonna use the
eyedropper tool, going to create a new layer
and I can share this layer is on top of the
hair layer as well. Use eyedropper tool to select one of these
brighter colors. We just spent some
classic squiggles. You can kind of see
what it's looking like on top of her
hair layer again. For the time being, let's
move onto her shirt. By this point, you guys
just see that this is a very easy crosses. I did, I made a
new layer as well. I wanted to look a little
bit more smooth looking. Let's add some more brown. Then I'm gonna go to the arms. Here. I moved the hair over the shirt. Let's move the highlights up to add a few more highlights. At this point. I'm adding some more around
like the in the edges. Not like like the
outline of her hair. That picture layer so that
we can really make sure everything is looking at shirt. A little strange. So let's show you fill
that in even more. It's looking pretty good. At this point, I'm going to
click this range and share. And you can share
the image as a PSD. Psc is a Photoshop document
that will preserve other layers when
you import it into Adobe Illustrator
because Adobe no, even though it's a
Photoshop document in Photoshop is by Adobe
and Adobe Illustrator. You by Adobe so they are
compatible with each other. Alright, asking us
for the next video.
3. Making the image personalizable: Okay, So at this point
I am on my MacBook and I had just airdrop the
PSD file to my MacBook. But of course you can
do all this within your iPad if you have Adobe
Illustrator on there. To go ahead and start
editing the PSD file. I'm going to click
file at the top, this top menu here. I'm going to click Open. Going to tap this PSD file. I'm going to select, well, this is gonna be pre-selected,
so just go with it. It's going to convert
layers to objects. You don't want to flatten
it to a single image. You want all those separate
layers to still be there. We have it here. We can go ahead and check
out what it's looking like in the layers panel. All right. Here. You can see, you can see all the different
layers that we have. It's looking pretty much
like it did in Procreate, which is what we want. We see pretty decent amount of layers or it says it
there are seven layers here. We can hide them if we'd like. I think that's pretty
cool for sure. At this point you're going to want to tap
the individual layer. So right now I just tapped
this face right here. And I'm going to want to
go and click Image trace. The image trace
panel is typically out by default, I believe you. But if it's not, you can go
up to window of here and go down to image trace and you click it and then
it will appear. At this point, I am going
to click mode color. I'm gonna go with automatic. Although since the
color shift one color, most of the palettes
should work just fine if you go limited. For school tone. Since just one color, it really shouldn't
be a problem. We're tracing it into, I'll call it Image Trace does, is in a very strange way. It traces over, it makes
it into a vector image. The reason why we can't
seem to hang out is because Ignore
White is not check. Once you click that, it'll check that box and
then it will ignore white. In essence, you'll have a transparent background
around that element, so you'll still be able to
do all the other layers. So you'll need to make
sure that Ignore White was checked for every single
layer that you trace. Just give it a
moment. All right, so now we can see it all again. All these layers
are still raster. Set this face, essentially
this face is a blown-up. You increase it in size. It won't lose resolution. It'll still maintain high-quality
because that is what Image Trace does it changes
into a vector image. So you are going to
need to do that with every single home
layer that we have. You do that. Every single
layer that you have, you'll need to click each layer. Either you can do Command H on my keyboard or Control
on your keyboard. If you have a PC, you don't. If you don't want to use
the keyboard shortcut. For whatever reason
you can also reason it's shown skin
is because I just clicked Command Z
which aren't dead. What I just did Command
a mixed a compound path. In a compound path. Essentially it's just when
you importantly to Canva, It's how you're able
to change the colors. So it's like the whole
images like this, one smooth path
that is one color. That's basically the
best way that I can explain it for you to trust. Converting it into a compound
path is what you want. Don't worry too much about. Because I know I sure don't. You go to object. You can click, Expand, click, object, and fill. Then, okay, so now
this one face, they selected, this point. Go ahead and do that command. I think that's pretty cool. But that just means
that this heart is going to be one part in Canada that people can personalize into
their own colors. Now I'm gonna go ahead
and click the hair. Going to click color for mode. Going to do our
manic. Ignore White. In preview. You can either click
Preview or the strength. I think the strengths
button though, it'll do the exact same thing. Alright, so now the hair is now a vector and
you go to object, you'll want to click
Expand again and fill. Then. Okay. And then we'll go
ahead and just hap command. I did want to show
you guys how to, if you don't want to use a keyboard shortcuts,
like I said, you can do it using the menu. You just got to,
you'd have to go to Object, hover over object, and then go down
and then hover over compound path and then click
Make and then release. Release it basically it'll
get rid of the hair is now a compound path as
well. Pretty cool. This point, we just
need to do that to every single point. All right, So at this point, everything has been traced and expanded and Compound Mask, I will say this one
in the process is really when you're
going to be glad that you didn't do a bunch
of shadows because it takes longer dependent on how
many different layers you Dave, colors. Just keep that in mind. All right, so I
just kinda rubber band aid over the whole image. You just click somewhere on the canvas and then
drag with your mouse. You can do control the attack
patrolling your keyboard. Or if you have a PC, you right-click
Control and click if you're on a Mac and
say collect for export, and then tap as single asset. We see right here. That's it, One which you can
change it if you'd like. I'm gonna go ahead and
change format to an SVG, which stands for
scalable vector graphic. And this is going to once again put preserve
all the layers. When we import it into Canva, you won't be able to
see the layer names. You'll see what I mean. In Canada is a little
bit less design heavy. I feel like you won't really be. I see the names and you will
be able to click each layer separately to change the colors. Separate. It gets pretty cool,
not saved as an SVG. And we're gonna go ahead and dive into Canva in
the next video.
4. Importing into Canva & editing: You're going to want to go
ahead and go to canva.com, make a free account if you
don't already have one or you can even make a pro
account for interesting. I'm going to go ahead and
click Create a design. Tap Edit photo. Even though an SVG file isn't
technically a federal food. I guess canvas treats it
like one because I'm always able to import my SVG
files in the photo. Anyways, your SVG files automatically saved in
a folder titled SVG. And typically using
your downloads folder unless you show us
your documents folder. So just go to that folder
and open it and you'll see your asset one dies Vg, and then you can tap Edit photo. Once it's been
uploaded onto Canvas. In just a moment you'll see
why we upload as an SVG because rather than a flat photo where none of the
colors we editable, when you upload it as an SVG, all of the colors are
editable because like I said, the layers are preserved. You're able to edit the colors individually without changing the color of the whole
image and turning it into a straight-up silhouette. Here it is, is finishing uploading
right over to the side. And now we can see
all the colors that are included in this image. Pretty cool. You have to do is just tap them. You can change them. So he went to make
her hair black. You can make it black if
you want to make it gray, can make it gray. You can make it purple or red, and then can even change
her highlights to purple. You can make her highlights
purple, gray, black. The strange combinations, but it's showing you that
it does indeed work. And I really liked this because if you want to share
with clients, like I said, you want to treat this
like a logo and you want to share this file with clients on Etsy and you direct
them to this link, then they're able to change
everything about it. In a way. I think it's pretty cool so
people can buy the same logo, but then they end up editing it to make
it look different. And then there are texts options that they can add
and put underneath the image or they
can add elements if this is a portrait of somebody, if you're doing commissions
or you're doing it as a GIF, you can go to elements
and you can search photos and came as tens
of free photos and you can even place a
background behind it managed to make
them look like they are at the beach
or in the forest. It's always really cool. I enjoy using Canvas
for stuff like this. There you go. Sorry, I just, I think
it's pretty cool. Alright, so that is pretty
much the whole tutorial. Three steps, really,
not super long steps they can take
are overblown. He really wanted to know
how detailed you want them. Alright, so let's go
ahead and do the algebra.
5. Outro!: I want to thank you
so much for watching. I really hope you've learned some valuable stuff from this course and I really hope to do your class projects so
that your classmates can see exactly what it is that you end up designing and very
excited to see them. I'm going to be trying to
post them more courses here on Skillshare this year. It's gonna be a really
good one content-wise. I'm really going to ask some
good ideas in mind now, especially now they have an
iPad to design everything on. Keep up with me in the meantime, over on culture simplicity.com, my Pinterest, also cultured simplicity and Instagram
cultured simplicity. Keep up with me on all of those are how the links in the bio. And I will see you
guys over there.