Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Right in this image, I want to add an Outer Glow to the logo here, hansel & petal. The logo is a little bit dark. I want it to pop off from the background a little bit. So, let's learn how to do that. Let's first select the layer that we want to go ahead and add the effect to. It's in the Logo group. So, I am going to turn down the twisty for that particular group, and I am going to select the Name layer. From the fx icon at the bottom of the Layers panel, I am going to pop that open by clicking and choosing Outer Glow. Now, by default, the Outer Glow is a particular light shade of yellow, of course, we can go ahead and change that color if we want to.
First, I am going to go ahead and change the Size. I want it to be a little bit softer and go farther out from the edge. So, you can see I get a pretty nice effect there with just moving that Size slider. Now, I want the yellow to be a specific shade yellow. I want it to match the ampersand color there. So, I am going to go ahead and click on the Color Chip in the Layer Style dialog box, right here. Go ahead and click on that. And then to get to that specific color, I will move my mouse outside the dialog box. It turns into an Eyedropper. Then I can click right there on the ampersand to sample that specific color. Go ahead and click OK.
And I am looking at this, and I am like, "You know, I am not sure that text is working for me as being black text." Now, if you take a look at the Layers panel - I will move this dialog box out of the way for a second - wou will see that this is not actually a text layer. This is a logo that came in from Illustrator. It was placed as a Smart Object, so it's still vector, but it's not editable type within Photoshop. If I want to edit that text, I need to go back over to Illustrator to do that. Now, the reason I brought this in as a logo from Illustrator for this training title here is I couldn't guarantee that you had this font installed on your machine, so that's why I brought it in as a piece of artwork.
But that said, how do I change the color? Like, if it was just a text layer, I could just change the color of text. Well, I am kind of going to give you a bonus tip here. If you use the Color Overlay effect - it's right here in the layer Style dialog box, I am going to go ahead and turn that on by clicking on the name Color Overlay, that switches you to the settings for that effect. I can turn it on and off by clicking its checkmark - You can see the default color for Color Overlay is red, not what we want here, obviously. But you will notice that what Color Overlay does is it automatically colorizes all the pixels on a given layer to a solid color, and it still honors the transparent area. So, it doesn't fill the whole layer with that color, only the pixels on that layer get colored.
So, very handy, especially if you want to recolor flat artwork that came in from Illustrator, let's say. So, I am going to go ahead and click on the Red Color Chip, and that pops open the Color Picker, and I am going to go ahead and make it white. Go ahead and click OK. To me, it looks a lot stronger as the text being white instead of black with that glow. Go ahead and click OK. And you can see now, this particular layer, the Name layer, has two effects applied to it. Again, you see the fx icon, indicating that there are effects applied. You can collapse that down, so you don't see the individual effects listed.
And if I click on it again, they both come up, and then you can turn on and off. So, we can actually compare that Color Overlay effect to see if we prefer the black or the white text. I am going to go ahead and click on the eye, next to Color Overlay. You can see there it is as black. Click again, and there it is as white. So, these are all non-destructive. You can change them at any time, and it just makes it really quick and flexible to experiment and just get that exact look you are looking for.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 64634 Viewers
119 Video lessons · 71906 Viewers
125 Video lessons · 32513 Viewers
84 Video lessons · 18984 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.