Create A Fun, Easy Gel Text Effect With Layer Styles

Free Adobe Photoshop Text Effects Tutorials At Photoshop Essentials.com

Step 12: Save The Layer Style

We're done adding layer styles at this point, but before you close out of the Layer Style dialog box, click the New Style button on the right:

Adobe Photoshop Text Effects: Click the 'New Style' button on the right

Photoshop Tutorials: Click the "New Style" button on the right.

We're going to save this gel effect style so that we can re-use it whenever we want. When you click the button, Photoshop pops up the New Style dialog box. I'm going to name my new style "Gel effect":

Adobe Photoshop Text Effects: Photoshop's 'New Style' dialog box.

Photoshop Tutorials: Photoshop's "New Style" dialog box. Name the new style "Gel effect".

Then I'll click OK and I now have my style saved in Photoshop. Let's see how we can instantly apply it to something else.

Since I already have the word "photo" entered into my document window, I'm going to grab my Type tool once again from the Tools palette and this time, I'll enter the word "shop" below it. I'm also going to use the Free Transform command to resize it so it's the same size as the word "photo", and I'm going to rotate it as well. Here's what it looks like at the moment:

Adobe Photoshop Text Effects: Adding the word 'shop', then resizing it and rotating it with Free Transform.

Photoshop Tutorials: Click in a darker area of the text to sample that color to use with the Satin layer style.

Right now, the word "shop" is using nothing more than the original text color, but I want it to have the same "gel effect" I created with the word "photo". I could go through all the steps again and re-create the layer style, but thankfully, I don't have to because I was smart enough to save the effect as a new style. Where can I find the style? It's in Photoshop's Styles palette, located at the very bottom:

Adobe Photoshop Text Effects: Photoshop's Styles palette.

Photoshop Tutorials: Photoshop's "Styles" palette with my saved "Gel effect" style at the bottom of the list of available preset styles.

To apply it to my text, all I have to do is make sure I have the "shop" text layer selected in the Layers palette, and then click on the "Gel effect" style in the Styles palette. The effect is instantly added to the text:

Adobe Photoshop Text Effects: The 'Gel effect' style is instantly applied to the new text.

Photoshop Tutorials: The "Gel effect" style is instantly applied to the new text.

What if I wanted the word "shop" to be a different color though? It's easy to change the color, but there's a bit of a trick to it, as we'll see next.

Still scrolling through web pages? Download our Photoshop tutorials as printable PDF eBooks!

Go to page: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10