Transcript:
Hey, guys! Ryan, here at signature. Edits inside of this video, just a quick tutorial showing you how to create a highlighted text background inside of Photoshop. It’s pretty quick and simple, so let’s get into it. [MUSIC] Alright, so hopping into Photoshop? You might be wondering how do. I do a highlighted background kind of text color. How do I change the background of the text inside of Photoshop and unfortunately, Photoshop does not make this super easy for us. If you go over to your texts panel and you’re creating some text and you’re just typing. This is a sentence, Of course, it’s a color that you can’t even see there we go, you can change the color of the text in here with your character panel or it might be up here, but there’s no real option to change the background to actually have this kind of highlighted effect show up and we can’t change the color of that highlight. We can’t make it stick around. It’s kind of silly now. Unfortunately, while. Photoshop doesn’t give this an easy option to do this. There is a workaround, and it’s reasonably straightforward. So let me show you how to do it. There’s two different options. The first is the classic. Let’s just create some actual rectangles behind our text. So so if you’re new to Photoshop the way that we do that is we head over to our rectangle tool over here. It’s just the square icon. We click on that. Then we go to select our film in this case. I want to do, lets. Say, an orange background for our rectangles and then our stroke, which is kind of the outline of the rectangle. We can set that just to be blank. We don’t need that if you wanted to. You could do say orange rectangle with a red outline. That’s fine if that’s you, that’s cool, but I’m going to just set it to nothing, and then I’m literally just going to go underneath this layer here and create some rectangles should being Shibam. So I can click and drag and kind of do that highlighted effect under my text. Now you’ll see that the obvious reason this isn’t necessarily the best method is because all of my rectangles are different sizes and they’re not properly lined up with the text and there is a way to do this a little bit better with the rectangle method, and that is to start with just one rectangle, so lets. Get rid of this background right now. We’ll start with our one rectangle up here. I’m going to resize it by hitting command and tea, and then I can hold shift and just drag and resize it as I need to. So Let’s say that I want it. Oh, somewhere around that kind of height, get it the way that I like. And once I’ve got the first one, I can just duplicate it either by selecting duplicate by right-clicking and selecting duplicate layer or I can just do Command C Command V on my Mac or Command C Command key on a PC to just copy that layer and then we’re going to hit command T hold shift if you’re on a newer version of Photoshop. If you’re on an older version, you’ll find that you don’t need to hold shift to resize, and after you’ve done that we’ve created our second line. Now we duplicate it again. Drag that one up where needs to go and the advantages. Obviously these are all the exact same height, so it just has a much more uniform. Look, it’s going to save you some time kind of finessing with that, and hopefully that method works for you. So that’s great if you have just a couple of lines, if you have lots of lines that you want to duplicate, this can be a little bit time-consuming so the other method. If you had a longer sentence, let’s say, for example, let’s take this sentence and make it a little bit longer because I’m so good at typing as you can see, drag that up on there and let me show you The other method for doing that highlighted text effect in Photoshop. We’re just going to right, Click this layer and duplicate It. Hide our duplicate for now, and with this one we’re just going to hit underline, so we’ve now got a line under the entire entirety of the text. That’s great now we right-click that layer and we’re going to look for word says convert to shape select that zoom in a little bit here, so we can see what we’re doing and select this mouse tool here, and I’m just going to hold down my cursor on there. Just click and hold, and then you have the selection we’re going to go with path selection tool and holding shift what I’m going to do is just click and drag the mouse across the text and what that’s going to do is is just going to select all of these letters while leaving the lines underneath alone so basically, the method of this is, we’re going to select all these letters. Once you’ve selected all of them, You’re still holding shift, then you hit delete thatll. Get rid of all of the letters and leave the lines there perfect now. Click on that cursor again. Go down where it says direct selection tool. And you’re going to click and drag so that you select just the top half of each rectangle? I know that seems like a very weird specific thing to do, but the reason we’re doing that is because it’s going to let us resize these rectangles and turn them into lines, so just click and drag making sure you only select the top half of the rectangle. It’s a little time-consuming. I definitely wish Photoshop would just create that text background option to save us This trouble. Cuz you’d be surprised how often you actually want to do. A colored text background just makes it so much more legible, especially if you’re putting your text on an image, but once you’ve got that all done, we’re just going to hold shift and on our keyboard, hit the up arrow, right and you can see as we’re doing that. It’s changing the size of this line, so we can hit it up down, resize, even left/right if we want to do slanted once you’ve got it where you like, it just hit enter and bam! We have all of our lines now. Of course we can’t see our text here because it’s both underneath these lines and because the text is white and the background is white, so let’s change our text color to black. You can see that now. We have lines that are perfectly set for all of our text, and if we wanted to, we could resize them, of course, just hit command. T when you’re selecting that there, hold shift if you’re on a new version of Photoshop or don’t hold shift, if you’re on an old version. Unfortunately, they change the keyboard shortcuts around, so it might depend, and then I just dragged it over to make a little bit more room on either side of the letters or we can do it the other way a little bit less room. You can dial things in, but it’s kind of a lot faster for different texts when you have multiple lines of text that you want to do this effect for, and you don’t want to create and duplicate a million different rectangles. So Lastly, if you actually want to. Center that on the screen and make sure it’s perfectly centered on that text. Just hit the V button on your keyboard. It’ll pull up this basic move tool and you’ll see at the top here. We have these aligned buttons so we can actually hit a line. Center when we’ve selected that layer and it will automatically put that in the very center. After we finished resizing it, Lastly, you might be saying. Ryan, how do I change the actual color of this outline? How do I do that? Well, you just right-click to the right of the layer’s name. So we’ll, right-click like that and up comes this layer style box and we can just go down where it says color overlay and click that it’ll check that box, and now if we select that by clicking on it, you have this option here. You can change the opacity of how much color you have in there. You can also go in here. Hit that little color block and then select whatever color you want. So that’s how you change. The background of the highlighted text to whatever color you wish and the same is true for rectangles. So if you’ve just got a rectangle, you want to change the color of right, click to the side we can go color. Overlay do the same thing, or if your rectangle isn’t a rasterized layer, you’ve created it with the rectangle tool. It’s actually even easier you can just double Click inside of this box here, and it will pull up the option to just change the color directly. So for example, here’s a rectangle, make it like that to change the color. You just click, and then select whatever we want right, so just double Click in the box to the left. If it’s a rectangle and double, click to the right and select color overlay. If it is something else, you want to change the color of okay, so that is exactly how you do. The highlighted text background inside a Photoshop. I know it’s not super quick, but unfortunately, that’s the fastest way. I’ve been able to find how to do it for myself. If you have a better method, please please let me know in the comments below. Otherwise, if this was helpful for you, do me a favor, hit that, like button hit, subscribe if you want more tutorials on both Photoshop, Lightroom and photo editing in general and I’ll see you in the next video peace [Music].