How To Place Text Behind Anything In Photoshop

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
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!
Info
Channel: Photoshop Training Channel
Views: 141,123
Rating: undefined out of 5
Keywords: How To Place Text Behind Anything in Photoshop, How To Place Text Behind an Object in Photoshop, How to Place Text Behind an Object in a Photo, How to place text and letters between objects in Photoshop, How To Place Objects Between Text In Photoshop, How to Add Text to Anything in Photoshop, How to place text behind an image in Photoshop Tutorial, How to Put Text behind an Object or Person in Photoshop, Jesus Ramirez, Photoshop Training Channel, PTCVIDS, JRfromPTC, Photoshop Tutorial
Id: R-DETubqo68
Channel Id: undefined
Length: 11min 22sec (682 seconds)
Published: Wed Jun 20 2018
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.