How To Place Text Behind Anything In Photoshop


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!

100 Replies to “How To Place Text Behind Anything In Photoshop”

  1. 90 Second Knockout Tutorial https://youtube.com/watch?v=-L8OI838Iqk&index=3&list=PL3bfN-31F9Rdzg20w9tWbhIySXN11SmzY
    How To Remove Wrinkles in Photoshop https://youtube.com/watch?list=PL3bfN-31F9RfFrhZJej2S47GNfFYGXewu&v=mXQPn5kkxBA

  2. Photoshop is so intimidating, so everything is new. Your approach and topics are fun, informative and demystify this awesome program. Keep up the great work!

  3. Thanks, might you consider creating some tutorials in the future on 3D text tools. I have watched a few from others but they were not that informative.

  4. Helpful but sir more videos on skin paint like when i start work with subject body for fare look it look weard non natural ( to smooth body to add fair)

  5. Very good tutorial Jesus. My only question is; what about a background that is more complicated to have "Select Subject" try to outline? Thanks again.

  6. Whoever is reading this comment and hasnt subscribed yet, should subscribe now. Am not paid for this but this man teaches so good.

  7. Because it's a fairly simple task I didn't learn much that I couldn't have already done but what I loved about this video is your little hints and tips like applying the layer mask to the group. I would have ended up duplicating that mask to every text layer which is much more annoying.

    So your little timesaving tips are very useful.

  8. It makes my work so much easier to know how to deal with text in PS. Your tutorials makes PS so much more enjoyable! Thank-you.

  9. Thanks Jesus. As a complete PS newbie I've followed and saved a load of your vids and they have helped me immensely get through the maze that is Photoshop!

  10. You make great tutorials. I love this. I never knew you could put text in the background that easy. Teach more magazine techniques.

  11. Excellent tutorial, much more efficient and productive than the method I have used. I want to add how much I appreciate your emphasis on being productive! THough photo manipulation is my hobby and not my occupation, your time-saving tips and tutorials are really welcome: I play many of them several times as I practice. Please keep up the great work!

  12. Your all tutorial is very very helpful to us, but we need to know which photo you uses and please if possible provide that photos. That really help us.

  13. Informative but, probably only for someone who is well used to working with Photoshop. The speed at which you work (talk) through this tutorial makes it impossible for me to follow as there are a vast number of menus, icons and buttons that you are referring to. Also when you refer to keyboard shortcuts can you make it clearer which keys to use for PC’s or Macs as I struggle to hear what keys to use as you are speaking too quick. You obviously know your way around Photoshop but, those like myself who are completely new to Photoshop really struggle to keep up with you.

  14. Just coming across your channel and I must say its one of the best for Photoshop. Your tutorials are well explained and very professional.

  15. Great vid. This is a great tool – but I am having a few issues when I apply text effects like drop shadow, emboss etc to the text. when I create the mask to move the text behind the subject I get an odd outline. can this be rectified?

  16. Im more of an adobe illustrator person with minimal use of photoshop , I must say your tutorial, and tip has increase my photoshop techniques 100% thAnks a million I luv them…. keep doing An awesome job..

  17. You're doing a really good job. Your channel has become the only source of learning photoshop where I always get attracted to. Keep making such videos. And thanks a lot!!!

  18. what if i don't have mac apple? i only have HP laptop? can i still edit there? sorry if my english isn't good bc english is not my first language. i want to learn this for my school projects :'(

  19. We'reworking on this exact method in class and for the life of me I couldn't understand. You video was SO helpful! I have a feeling I'm going to be watching all of your videos!

  20. Thanks for the info on this technique. I appreciate the detail you're giving on each step, which makes it all clear. This is a great technique!

  21. I just got Photoshop and am using it for the very first time today and this was insanely helpful and very thorough! Thank you for making this video!

  22. when I try to invert the layer mask, the entire image is inverted not the text… whats happening (photoshop cc 2018)

  23. Jesus, yes this was my first exposure to this technique, but I much enjoyed the special effect it creates. And, although it was not your primary purpose, you also explained the "select and mask" process better than most. Thank you.

  24. Hi, i olmost do the same but without the mask, after i select the model for example i press ctrl + j to duplicate it and put it above the text layer.

  25. Love your videos. I work with photoshop since 2003. And this upgrades make my life so much easy. I still work some of my projects with Ps CS6. But, when I try those new features…. wow!! blow my mind. Thank You to show the new way of making thing in photoshop.!! It's been so helpful! Keep the good work! I'm a fan!

  26. As always 1005% perfect explanation. Fantastic. To invert, with the mask selected, I just pressed CTRL+I.

  27. Masking the Text "group" is something new I will have to try. I've always, for this kind of result, made a layer on the bottom with a copy of the masked out subject on the top layer, and placed my text layer between the 2. Same results, but your way allows for 1 less layer required reducing the overall file size. Good stuff, will definitely try it.

  28. Thank you so much for the tutorial. It's very well explained and helped a lot. Indeed, the zoom and the red boxes are outstanding pedagogically.

  29. Very good tutorial and nicely explained. It's first time to try such and happy to find your video. Thanks 😊👍

Leave a Reply

Your email address will not be published. Required fields are marked *