Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
If you're interested in creating your own layer styles that are much more complex, one of the greatest resources are actually the styles that ship with Photoshop. The problem is, is that these styles aren't loaded by default, so few people know about them. So let's add some text to this image. I'll tap the T key to access the Type tool, and then I'll click in the image area and type in ocean. In order to make this larger, I'll hold down the Cmd key, the Ctrl key on Windows. Start scaling it up and then hold down the Shift key. Once I've got it the size I want, we'll tap Enter or Return in order to commit to that type. I'll tap the V key in order to grab the Move tool, and then just drag this down a bit.
Now, if we take a look at the Styles panel, and if your Styles panel isn't showing, you can go into the Window menu, and then select Styles. But you'll notice that there are few default styles, and go ahead and click on some of those styles in order to see what those styles look like on top of our text. There are a ton of additional styles as well. If we use the flyout menu on the Styles panel, you can see all of these different styles that aren't loaded by default. So let's try looking at the KS Styles. I'll select that. And then Photoshop is going to ask me if I should replace the current styles. In this case I'm just going to append them, meaning, I'm going to add this additional group of styles to the styles that I already have. So I'll click Append and now in order to see more styles, I'm going to double-click on the Color panel.
That's going to minimize it. And I'll also double-click on the Layers panel for a moment. Now with the flyout on the Styles panel, I'm going to change the option here to a small list, so we can actually see the names of each of these styles. I want to start by applying the Fire on White style. So that's this one right down here. But when we first apply it, it just looks terrible. Right? And so most people click once and then they just move on and start applying other styles. The problem is is that the styles are dependent on the resolution of the file when they were made. So when the style was made, if it was made on a high-resolution file and you're trying to apply it to a low-resolution file, it might look terrible. So how do we control that? Well, underneath the Layer menu, under Layer Styles, you can see that there's an option to scale the effects. When I select that, I get the Scale Layer Effects dialogue and I'm going to scale this all the way down to like 1% here.
Then as long as I've got the number highlighted, I can use the arrow key in order to slowly scale this up. You can see that we're getting a very, very different effect with the style scaled at such a low percentage. Alright, let's click OK and let's try another one of the styles. There's one over here called Blue Glass 2, which is going to look like a button so I'll select that and then again I'll use the Layer menu > Layer Style and then I'll choose to scale the effects. We'll bring the effect down to one by just tapping the one key. And then we can highlight it and just use the arrow up button on the keyboard in order to start scaling this up.
So you can see, this is a very different effect or a very different style when it's scaled down to 10% on this image. If I open a high res file, I might need to change the amount of scale., Alright, let's click OK. And then let's try one more. It's all the way down at the bottom here and it's called Lightning so we'll select that and then choose Layer and then Layer Style and then Scale Effects. And if this is something that you're going to do, you're going to move through all of the different styles that we ship, I would definitely recommend that you add a keyboard shortcut which will enable you to quickly get to the Scale Effects option.
All right, I'll tap the one key to get down to 1%. Then we'll highlight that and use the up arrow. And you can see that I can get this great little lightning effect going through all of my text. So again, sometimes it's just a matter of playing with the scale for the different layer effects that ship by default with Photoshop. Alright I'm going to click OK and then I'll use the Move tool to just move this down a bit more. We will click on the tab for my Layers panel and on my text layer I'll add a mask.
I'll tap the G key to get a gradient. You can see that I'm dragging my gradient from white to black. White is going to show the information, black is going to hide. I'll make sure that I've got my linear gradient selected. And then I'll click and drag down in the bottom of the text, in order to hide that text, or make that text look like it is going into the ocean. Now if I like the distance of the fade but I just didn't quite get it low enough, you can always click on the Link icon between the layer and the mask, and then you can move these independently.
So now if I tap the V key to get the Move tool, I can actually drag down. Or I can drag up this gradient. So I can really finesse where the gradient goes by just unlinking it from the type. So the type stays put, but I'm only moving the mask. When I'm finished I might want to link those up. And of course we can see right underneath, this is the breakdown of all the different effects that creates this style. So if we wanted to go in here and reverse engineer how this was created, all we need to do is double-click on the effects here.
That brings up the layer style and we can go take a look at the bevel and emboss that was applied. We can look at the inner glow. We can look at the color overlay and the gradient overlay settings. So, what's really easy to start learning how these layer effects were created. Excellent. So, be sure to load up some of those other layer styles to experiment with. Just make sure that you don't abandon them too quickly, because they don't look by default. Adjusting the scale, and tweaking may be one or two of the attributes can make a huge difference.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 54675 Viewers
64 Video lessons · 86495 Viewers
86 Video lessons · 55861 Viewers
148 Video lessons · 93207 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.
Your file was successfully uploaded.