In this video I am going to show you how to place text behind anything in Photoshop.
Hi! Welcome back to the
Photoshop Training Channel.com
I'm Jesus Ramirez.
In this video, I'm going to show you how place text behind any object or person in Photoshop.
This is an effect often seen in magazines and movie posters.
And I am going to show you how to easily recreate this effect on your photos
using non-destructive techniques.
It's going to be a straightforward tutorial, but it will have a whole lot of tip and tricks
that you'll be able to use in many other projects.
Okay, let's get started.
This is the image that we're going to work with and we're simply going to place text
right behind the model.
And the first thing that you want to do is click on the Horizontal Type Tool and just
type anywhere that you like.
The font is not important, but I am using Gotham Light.
I'm going to type the word "Behind."
Notice that the word is a little too small, so, I can increase the size by doing two things:
Using this drop-down and adjusting the size.
Or I can simply commit the text and then press Ctrl T Command T on the Mac and scale it like
I would scale any other layer.
So, I'm going to hold Shift to constrain the proportions and dragged from a corner handle
and just make that text larger.
And I can just place it anywhere that I like.
And I actually want this to be all caps.
So, what I'll do is I'll click on the Character Panel
and from the Character panel I'm going to click on the All Caps icon.
There it is.
And I'm going to show you a quick trick to center objects in a canvas.
So, whenever you want to center any layer onto the canvas,
you can press Ctrl A, Command A on the Mac, to make a selection around the entire canvas.
Then select the Move Tool and in the Options Bar you can click on the align icons.
On the Align Vertical Centers and on the Align Horizontal Centers and that will place your
text in the center of the canvas.
I'm going to press Ctrl D, Command D, to deselect.
So, that the selection is no longer active and I can just hold Shift, click-and-drag
up and down to keep the text constrained.
So, I'm going to place the texts right about here.
Now that I have the text exactly where I want it, I'm going to the disable the layer
by clicking on the eye icon.
And now I'm going to work on the selection that it's going to allow me to create a mask
to hide the text.
So, with the image layer active, I'm going to select the Quick Selection Tool.
If you are on Photoshop CS6 or older you're going to have to click-and-drag across the
model until you select her.
However, if you're in Photoshop CC, then there's a tool that can help you get started Quicker.
Notice that with the Quick Selection Tool active, I have this button here.
Select Subject.
If I click on that, Photoshop is going to use Adobe's artificial intelligence, Adobe
Sensei, to make a selection out of what it thinks is the main subject of the photo.
In this case, it does a really good job.
There's only a couple of areas that we need to fix.
Select Subject will not give you a 100 percent perfect selection, but I still think that
it's worth using it because it saves you time.
It gets you jump started in the selection process.
Also, since this tool is using artificial intelligence, I think that in future releases
of Photoshop, Select Subject will be much better.
But anyway, in this case it does a fairly good job.
There's only a couple of areas that we need to fix.
So, I'm going to hold Alt Option on the Mac and subtract from the selection on these areas here.
And I'm going to add these areas to the selection.
You don't need a precise selection.
As long as you're close enough, you should be fine.
Once you're done making your selection, you're going to need to refine it.
You can refine this election by clicking on the Select and Mask button in the Options Bar.
In this case, I would recommend you to use the "On White" View Mode.
That way you can see the adjustments better.
Also, on the Onion Skinning increase the opacity to 100 percent to better see your adjustments.
Start by enabling the Smart Radius,
which creates a variable edge width around the edge of your selection.
It works great for portraits that include both hair and straight edges.
The hair requires a larger refinement area than the shoulders where we have a straight line.
So this Option helps you create that variable width.
Then increase the Radius
which determines the selection border in which the edge refinement occurs.
Then I would recommend smoothing your selections, so, that your edges are not so jaggy.
And maybe add a little bit of contrast.
and also shift the selection inward to try to remove those edges.
Again, you don't need a perfect selection
because the text is only covering part of her body.
Also, you don't want to spend too much time refining areas that are not going to be needed.
So, just fine tune your selection until you are about 80 percent of the way there.
If you have hair on your image,
then select the Refine Edge Tool
and you can paint directly over the flyaway hairs.
This is a difficult area.
Photoshop is going to do its best to extract the flyaway hairs in the background.
But unfortunately it won't be a perfect selection, but that's okay.
You can fine-tune your selection later in the areas that need it.
Then I'm going to press OK.
With the selection active, I'm going to create a group.
And I'm going to call that group "Text."
And I'm going to click-and-drag that group into the top of the layer stack,
and click-and-drag our text Inside of that group.
You're actually going to apply the Layer Mask to the group
and not the text layer, and you'll see why in a moment.
So, I'm going to enable my text and I'm going to create my Layer Mask.
Notice that the Layer Mask is only affecting the visible areas of that selection, which
is why the text is really not that visible.
We want the opposite.
So, with the Layer Mask active when this white outline is around the Layer Mask.
You can click on invert and now the text is behind there.
Now I'm going to undo that just to show you one trick.
So, with the selection active, make sure that you have your group selected.
You can actually hold Alt Option and the Mac and click on the Layer Mask icon to create
an inverted Layer Mask.
So, that saves you a little bit of time.
And the reason that we wanted to include the Layer Mask in a group and not directly on
the text it's so that we can have multiple text layers
or any layer really doesn't have to be a text layer
that is controlled by the same Layer Mask.
So if we need to make an adjustment to the Layer Mask,
we only do it once and not to every text layer.
But in this case we're only going to work with one text layer.
But I still wanted to show you that technique because it can be very useful in a lot of projects.
And by the way, let me know in the comments if these techniques are new to you.
The only way that I know that the stuff that I'm showing you in these tutorials is helpful
is by your comments.
So please let me know in the comments what's helpful, what's not, and what you're enjoying.
It will really help me out when I'm creating new tutorials.
Now we've done a really good job
and I'm going to zoom in so that you can see
that the mask here is not perfect.
But it really doesn't matter.
It looks very realistic once you zoom out.
On the other side, we have a couple of issues that we may need to fix.
If I go to fit to screen it is barely noticeable and this area,
and this area, does need a little bit of work.
So, we'll work on this area first.
So, I'm going to zoom in, click on the Layer Mask and select the Brush Tool.
And I'm going to use the left bracket key on the keyboard to reduce the size of my brush.
And I'm just going to paint.
And if you hold Shift and click, you can create straight lines as you're painting. So...
Click.
Hold Shift and click again and it creates a straight line between those two points and
that's what I'm doing there.
If you paint into the body like I did here on the jaw, you can paint with black to reveal it.
Notice the black is my background color.
So, I can press x on the keyboard to make it my foreground color.
Then I can paint to reveal the job.
Then I can double-click on the hand tool to fit everything to screen and see how that looks.
Now it's not perfect because the text is actually hiding some of those flyaway hairs in this
region and a little bit in this region as well.
So, what I'm going to do is I'm going to select the Brush Tool.
I'm going to go into the Brushes Properties
and I'm just going to bring the Spacing down to one percent.
The Size to one.
And since I am working with a pressure sensitive tablet, I'll be able to use pressure sensitivity
when I paint in those hairs.
If you don't have a tablet then no worries.
You can just use your mouse and simply use a one-pixel brush.
I'm going to press Z on the keyboard for the Zoom Tool,
and I'm going to zoom into this area here.
Press B on the keyboard for the Brush Tool,
then create a new layer and drag it on top of the layer stack.
Then you can temporarily select the Eyedropper Tool to select colors by pressing Alt,
Option in the Mac.
Select the color of any flyaway hair.
Then paint flyaway hairs using that color.
And I'm going to select the darker color here.
Then continue painting flyaway hairs and continue doing the same process, with a different color.
And I'm not going to spend too much time with this process.
I think that you get the idea.
Once you have your flyaway hairs, you need to match the depth of field of the photo.
Notice how the hair strands in the backyard blurry.
I can go to Filter, Blur, Gaussian Blur and I can blur them just a little bit.
With the Radius input box active, you can press the up key on the keyboard and you can
increase the radius by point one pixels.
And do that until you match that, depth of field of your image.
Then press OK.
Notice how these areas are not really touching there.
If you have that issue, just select the Smudge Tool
and just smudge those in until they touch.
And again, you don't have to be very precise because this area is going to be so small
once you zoom out.
You can also do the same thing on this area here, but again, I'm not going to take the
time to do that in the tutorial because it's exactly the same process.
And you always want to be organized and name your layers.
So I'm going to double-click on the layer name and type in "Hair" because that's what
that layer is controlling.
And I'm actually going to put it in the group because if I zoom in, you'll see that we have
some pixels going into her neck.
But if I click-and-drag this layer inside of that group, you'll see how now I'm using
that same Layer Mask so that those pixels don't go into her neck.
And once again, I'm going to double-click on the Hand Tool.
And by the way if you are interested in another cool tutorial that uses text, then I recommend
you watch my tutorial on the Knockout technique.
This tutorial is only 90 seconds long but it gives you a really, really cool technique
that uses a method that not a lot of people know about.
I'm going to place a link to it right below in the description.
Also, if this is your firs time at the Photoshop Training Channel,
then don't forget to click on the Subscribe and Notification buttons.
If you decide to create something with this technique
don't forget to share it on Instagram
with the hastag #ptcvids
Thank you so much for watching!
And I will talk to you again in the next tutorial!