Articles, Blog

Desktop Publishing – Easy Cutout Images or Photos in Photoshop

January 11, 2020

Okay! Welcome to a Photoshop cut-out
example.We’ll have a class that deals with this but for now I’m going to show
you a suggested method and this is probably my favorite and top method.
It’s the method I use on my YouTube channel for making the covers of my
thumbnails. This is one thumbnail that already exists and I was making a new
one so I thought I’d show you. The cutout that’s on the Left is kind
of a popular look for YouTube thumbnails this year and last, so it’s commonly used
very small. You can see when I make it a lot smaller it’s the fonts that matter
here but hey everyone wants to see a face so I have already taken a screen
cap just a plain old screen cap of a still image from my video any photo will
do you can see that I’ve got this arranged in layers so I’m clicking
through some of the layers to show you what’s on top and behind if you hide
things same as moving things you get an idea where things sit so my image had to
be on the very top level so we’re going to import a photo it’s placed embedded
so that it is a part of this file and not a linked image so it will become
part of this file entirely so I’m moving it up to the top after it’s being placed
and I’ve just placed it anywhere because we’re going to go in with a different
tool the pen tool and trace around it you don’t need to be any sort of artist
to do this having good vision or zooming in will help that’s for sure so you take
the pen tool and you click where you want to begin I find a beginning on the
right works for me after a couple cutouts you’ll develop techniques that
work for you if you hold down the shift key it doesn’t matter where you click
it’s gonna draw a straight line that is key to having a nice neat looking
finished product and depending on what magazine or newspaper you’re working on
they may require that so let’s just use the shift key to do the first one now on
subsequent clicks what we’re gonna do is click and drag so I click where I want
the next curve to be looking at the image you can sort of see
where all the little curves will be you click a new draw and drag along the
curve so where the curve changes you follow that trajectory on to the next
curve you saw me draw a little circle and
delete it commands that is your friend or command or control Z for undo it’s
very handy you can also use the arrow keys to adjust a spot if you don’t like
where you’ve clicked you can just tap the arrow key to the left or right to
move it around so I’m just clicking and dragging along the curves of the
shoulder and when you get to a corner you can click once and just continue on
so I’m clicking around the head I mean this looks gets tricky with curly hair
when you get into a spot if you ever a photo editor and you’re cutting out
curly hair you will wish everyone had this hairstyle this is exactly why I
have straight hair for cut outs right so I just click and drag down when I get to
this corner I’m going to just click once it will create a sharp turn the Bezier
curve this is what the pen tool is basically drawing as a Bezier curve you
can google that it was developed for making industrial designs of cars so you
can understand how these curves and sharp corners are really inherent in car
design not so much of people design but it does a really good job this is just
the first step in creating the selection for our cutout but the pen tool I find
is just one of the best techniques for getting a quick and easy cut out by
simply clicking and dragging along the line and you can try this with a pen or
like a tablet if you’d like and stylus I’m just using a mouse here and it’s
working just fine a stylus gives you a lot more control you can also hit the
caps lock key to give a crosshairs so there’s my cut out and what I’ve done
has gone into the paths layer so instead of layers you go into paths tab and it
shows you all the paths the pathname is automatically generated
as work path you can type in whatever path name you like but just double
clicking and hitting OK will automatically name it the next one in
series so this is the pen path what I want to do is make it a selection if you
click away you haven’t lost it it saves all these paths you can see all the
former paths different face shapes so we will right click and choose make
selection that this gives it what people call the marching ants or a selection
halo or a marquee and we’re going to refine this by and going to select will
find a mask of masks on select or whatever it is it depends on the
aversion of Creative Cloud or your old version of Adobe these are just some
different backgrounds I’m gonna look it on white because I typically bringing it
in on a light color if you need to do a cut out on a dark destination use dark
if you’re doing this cut out for green-screen
I suggest red but the white works fine the flow are the Oh what do we call this
here the feather will give you a fuzzy edge and so that hard edge or are really
bad feathered edge what we want is something like one or two it really just
gives enough of a haze so we can put it into a background and look a little more
realistic you guys shift the edge if you’ve done a
really bad job bring it in a little bit or if you’re dealing with something like
a like a light glare or someone has a colored light behind them you can easily
bring this in just a little bit or if you want to capture some of that
background because you bring it into a similar background you can do that we
didn’t okay job for this purpose here so I’ve only applied a little tiny bit of
everything a little goes a long way right so we just copied this by going to
add a copy or command C I prefer keyboard shortcuts all the time so
you’ve deselected this but since we’ve copied it we can just simply remove this
layer entirely you can hide it if you want to save it for later some people
save every step I’ve just gotten this down to a science so when we go to
paste this it’s just gonna paste the cutout that we’ve copied you can back up
and double check to see if you’ve missed anything here and see what key commands
I’ve used though if you’re following along this it’s pretty straightforward
you copied your selection you pasted it so now we’ve moved it we can change it
by doing command T or transform under the image transform or edit transform
and you can just resize that holding down shift will ensure that you don’t
make it any longer sort of skinny or fat or whatever so we’ve got this on a
particular layer if you were to move these layers around you could put it
under the text it depends on your application you’ve seen some magazines
where the cutout of the person goes over the name this is basically how they do
that or if you want some of the text overtop of the person it’s simply a
matter of moving what layers I mean that’s that’s a pretty good look that’s
an even better look I’m Shady Oh see ya later bye so anyway yeah this
is typically what I use for the YouTube thumbnails and it is as you’ve seen on
YouTube if you’ve ever been on YouTube you’ll see very similar kind of it’s
like this and of course people who put like a white outline you’ll learn that
eventually courses that’s pretty simple so we’re just saving it as a JPEG if you
click over to the right and pick up the name of another file it will take the
appendix as well so we’re just changing in format to the format we want and that
will automatically name your file dot jpg and that’s pretty much it looks very similar mm-hmm yep there we
are that is how we use a template basically to create very similar looking
images – so that’s cutouts and thank you very much for watching

No Comments

Leave a Reply