Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Quick Tip: Create a Glass Text Effect in Photoshop Using Layer Styles

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You'll Be Creating

In this quick tip tutorial, we will show you how to create a glass text effect using layer styles in Photoshop. Let's get started!

Follow along with us over on our Envato Tuts+ YouTube Channel:

Tutorial Assets

The following assets were used during the production of this tutorial:

Step 1

First, create a new PSD document, 600 x 400 pixels in RGB mode, 72 DPI with a white background color. Now prepare your assets. Install The Nautigal font on your computer and optionally open the PAT file to create a background. Or you can use the Background Image instead of starting a new document, so you can skip creating the background and jump to step 3 of this tutorial.

document size

Step 2

To make the background, go to Layer > Layer Style > Blending Options and use the settings below.

You can also access the Blending Options in two faster ways. The first (and the fastest) way is to double-click on the layer in your Layers panel. The other way is to right-click on the layer in your Layers panel and choose Blending Options.

When you are done with all the settings below, don't forget to hit OK in the Blending Options window! If you have downloaded the Patterns file, use pattern number 31. You can also leave the background without the pattern overlay or use any other pattern as the result will look great on any light background.

add inner shadow
inner shadow effect
add inner glow
add gradient overlay
gradient colors
gradient overlay effetc
If you want to move the gradient to the left, click and drag when you're in the Layer Style panel, Gradient Overlay section.
add pattern overlay
pattern overlay affect
resize backgound
If you want, you can resize the background with Control-T.

Step 3

Start by creating the first text layer. Now we can start making our text effect. First, choose the Type Tool and change the Font to The Nautigal, Size around 255 pt and Anti-Aliasing Sharp. Now type your text somewhere in the center of the image. You can write any word, but in this tutorial I'll use "Wow".

text settings
write text

Step 4

This first text layer will be at the bottom of all the text layers. Go to Layer > Layer Style > Blending Options and use the settings below on your text.

reset fill opacity
add drop shadow
transparent text effect
add 3d effect
3d text effect

Step 5

Now let's create and customize the second text layer.

Duplicate your text layer, and select the new text layer. Select the text layer in the Layers panel and go to Layer > Duplicate layer and name it as you wish. Now go to Layer > Layer Style > Clear Layer Style as we will make a different style for this layer. Finally, go to Layer > Layer Style > Blending Options and use the settings below on your text.

You can also use the quicker methods to access the Blending Options from "Step 2" of this tutorial. When you are done with all the settings below, don't forget to hit OK in the Blending Options window! This text layer will be in the middle of all three text layers in your Layers panel. So for now it should be above the first one.

layer style effect
glass text effect
add glossy contour
crystal text effect

Step 6

We are almost there. Now it's time to create and customize our third and last text layer.

Start by duplicating the second text layer. Select the text layer in the Layers panel and go to Layer > Duplicate layer and name it as you wish. Now go to Layer > Layer Style > Clear Layer Style as we will make a different style for this layer. Finally, go to Layer > Layer Style > Blending Options and use the settings below on our text.

Again, you can use the quicker methods to access the Blending Options from "Step 2" of this tutorial. When you are done with all the settings below, don't forget to hit OK in the Blending Options window! This text layer will make most of the effects and must be on top of all other text layers.

set fill opacity
add shadow to text
text with shadow
add inner shadow with contour
glass letters effect
add glossy shine to text
shiny letters
add stroke
stroke effect

Photoshop Glass Effect Styles

If you need a glass effect for your text, you can also try one of these solutions:

Glass Text Effect Styles

Glass Text Effect Styles

Glass Pack - Text Styles

Glass Pack - Text Styles

8 Premium Glass Text Effect

8 Premium Glass Text Effect

Glass Style

Glass Style

Simple Glass Style

Glass Style

That's All!

If you enjoyed this tutorial, check out these as well:

create glass text effect photoshop


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.