banner



Home  ›  How To Make A Glass Effect In Photoshop

How To Make A Glass Effect In Photoshop

Written By Wednesday, April 27, 2022 Add Comment Edit

In this quick tip tutorial, we'll evidence you lot how to create a drinking glass text effect using layer styles in Photoshop. Let'due south get started!

What You'll Learn in This Glass Consequence Photoshop Tutorial:

  • How to create a vignette effect background in Photoshop
  • How to create a drinking glass text effect in Photoshop
  • How to use Layer Styles to create 3D text in Photoshop

If yous're looking to have the glass text effect in Photoshop but save fourth dimension on design, check out the premium downloads from Envato Elements! You lot can observe premade glass textures for Photoshop and other programs that piece of work in just a few clicks.

Glass Texture Photoshop Action Glass Texture Photoshop Action Glass Texture Photoshop Action
This is only i of the drinking glass effects for Photoshop available from Envato Elements.

Follow this drinking glass texture Photoshop tutorial with us over on our Envato Tuts+ YouTube Channel:

Drinking glass Text Tutorial Assets

The following assets were used during the production of this Photoshop drinking glass effect tutorial:

  • Font - The Nautigal
  • Pattern used for the background (GraphicRiver)
  • Background Epitome (Free)

Are you set to start making drinking glass text effects in Photoshop? Then let's become started!

1. How to Create a Slope Background

Step one

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 groundwork. Or you lot can use the Background Prototype instead of starting a new document, so y'all tin can skip creating the background and jump to step three of this glass text furnishings tutorial.

Glass Text PSD Tutorial document size Glass Text PSD Tutorial document size Glass Text PSD Tutorial document size

Step 2

To make the drinking glass text background, get to Layer > Layer Style > Blending Options and utilize the settings below.

Yous can likewise access the Blending Options in ii faster ways. The first (and the fastest) way is to double-click on the layer in your Layers console. The other mode is to right-click on the layer in your Layers console and choose Blending Options.

When you lot're done with all the settings below, don't forget to hit OK in the Blending Options window! If you've downloaded the Patterns file, use pattern number 31. You tin also leave the glass effect PSD background without the blueprint overlay or use whatsoever other design every bit the upshot volition look great on whatsoever light background.

Glass Text PSD Tutorial add inner shadow Glass Text PSD Tutorial add inner shadow Glass Text PSD Tutorial add inner shadow
Glass Text PSD Tutorial inner shadow effect Glass Text PSD Tutorial inner shadow effect Glass Text PSD Tutorial inner shadow effect
Glass Text PSD Tutorial add inner glow Glass Text PSD Tutorial add inner glow Glass Text PSD Tutorial add inner glow
Glass Text PSD Tutorial add gradient overlay Glass Text PSD Tutorial add gradient overlay Glass Text PSD Tutorial add gradient overlay
Glass Text PSD Tutorial gradient colors Glass Text PSD Tutorial gradient colors Glass Text PSD Tutorial gradient colors
Glass Text PSD Tutorial gradient overlay effect Glass Text PSD Tutorial gradient overlay effect Glass Text PSD Tutorial gradient overlay effect
If y'all want to move the gradient to the left, click and drag when you're in the Layer Mode console, Gradient Overlay department.
Glass Text PSD Tutorial add pattern overlay Glass Text PSD Tutorial add pattern overlay Glass Text PSD Tutorial add pattern overlay
Glass Text Effect Photoshop Tutorial pattern overlay affect Glass Text Effect Photoshop Tutorial pattern overlay affect Glass Text Effect Photoshop Tutorial pattern overlay affect
Glass Text Effect Photoshop Tutorial resize backgound Glass Text Effect Photoshop Tutorial resize backgound Glass Text Effect Photoshop Tutorial resize backgound
If yous want, you can resize the drinking glass text effects groundwork with Control-T.

ii. How to Create Glass Text Furnishings in Photoshop

Footstep 1

Start by creating the kickoff text layer. At present nosotros can start making our text consequence. Get-go, choose the Type Tool and alter the Font to The Nautigal, Size around 255 pt and Anti-Aliasing Sharp. Now blazon your text somewhere in the center of the image. Y'all can write any word, but in this glass effect Photoshop tutorial I'll utilize "Wow".

text settings text settings text settings
Glass Text Effect Photoshop Tutorial write text Glass Text Effect Photoshop Tutorial write text Glass Text Effect Photoshop Tutorial write text

Step 2

This showtime text layer will be at the bottom of all the text layers. Get to Layer > Layer Way > Blending Options and apply the settings below on your text.

Glass Text Effect Photoshop Tutorial reset fill opacity Glass Text Effect Photoshop Tutorial reset fill opacity Glass Text Effect Photoshop Tutorial reset fill opacity
Glass Text Effect Photoshop Tutorial add drop shadow Glass Text Effect Photoshop Tutorial add drop shadow Glass Text Effect Photoshop Tutorial add drop shadow
Glass Text Effect Photoshop Tutorial transparent text effect Glass Text Effect Photoshop Tutorial transparent text effect Glass Text Effect Photoshop Tutorial transparent text effect
Glass Text Effect Photoshop Tutorial add 3d effect Glass Text Effect Photoshop Tutorial add 3d effect Glass Text Effect Photoshop Tutorial add 3d effect
Glass Text Effect Photoshop Tutorial 3d text effect Glass Text Effect Photoshop Tutorial 3d text effect Glass Text Effect Photoshop Tutorial 3d text effect

Footstep 3

At present let's create and customize the second glass Photoshop text layer.

Duplicate your text layer, and select the new text layer. Select the text layer in the Layers panel and become to Layer > Duplicate layer and name it as y'all wish. Now get to Layer > Layer Style > Articulate Layer Fashion as we'll make a dissimilar fashion for this layer. Finally, get to Layer > Layer Fashion > Blending Options and use the settings beneath on your text.

You can also use the quicker methods to access the Blending Options from "Step ii" of this tutorial. When y'all're done with all the settings below, don't forget to hit OK in the Blending Options window! This glass Photoshop text layer volition be in the eye of all three text layers in your Layers panel. So for now it should be above the offset one.

Glass Text Effect Photoshop Tutorial layer style effect Glass Text Effect Photoshop Tutorial layer style effect Glass Text Effect Photoshop Tutorial layer style effect
Glass Text Effect Photoshop Tutorial glass text effect Glass Text Effect Photoshop Tutorial glass text effect Glass Text Effect Photoshop Tutorial glass text effect
Glass Text Effect Photoshop Tutorial add glossy contour Glass Text Effect Photoshop Tutorial add glossy contour Glass Text Effect Photoshop Tutorial add glossy contour
Glass Text Effect Photoshop Tutorial crystal text effect Glass Text Effect Photoshop Tutorial crystal text effect Glass Text Effect Photoshop Tutorial crystal text effect

Step 4

We're almost there. At present it'due south time to create and customize our third and concluding glass text PSD layer.

Commencement by duplicating the 2d text layer. Select the text layer in the Layers panel and go to Layer > Duplicate layer and name it as you wish. Now get to Layer > Layer Style > Articulate Layer Way as nosotros'll make a dissimilar mode for this layer. Finally, go to Layer > Layer Style > Blending Options and use the settings below on our text.

Once more, you can utilize the quicker methods to access the Blending Options from "Footstep 2" of this glass text effect Photoshop tutorial. When you're washed with all the settings below, don't forget to hitting OK in the Blending Options window! This text layer volition make most of the furnishings and must be on top of all other text layers.

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

Photoshop Glass Effect Styles From Envato Elements

If you need a drinking glass text consequence for your Photoshop project, you lot can also effort 1 of these downloads:

Holographic Drinking glass Text Effect (PSD)

Here's a glitzy Photoshop drinking glass effect that's definitely eye-communicable. The glass style is topped off by a holographic touch that completes the expect. Utilise the glass effect PSD file for logos, production promos, and more.

Glass Text Effect Photoshop Glass Text Effect Photoshop Glass Text Effect Photoshop

Glass Photoshop Action (ATN)

Go 3D with this glass texture Photoshop activeness. You'll get 13 premade colors to choose from for your work. The organized folders make choosing what you lot desire to experiment with an uncomplicated task. This glass effect Photoshop action also has unique features similar a global light function.

Glass Texture Photoshop Action Glass Texture Photoshop Action Glass Texture Photoshop Action

Outline Slope Photoshop Drinking glass Text Issue (PSD)

Get a nice slope in your glass text with this download. Each letter of your words will be outlined by an editable gradient outcome. Try adding your brand colors or get for something completely fresh! If you lot demand assist with the drinking glass effect PSD file, just check out the included help document.

Photoshop Glass Effect Photoshop Glass Effect Photoshop Glass Effect

Ultra Realistic Reflective Text Event II (PSD)

Get some rock star mental attitude with this drinking glass text PSD. Customizing the glassy chrome outcome is uncomplicated thanks to the organized layers. At that place'south likewise Smart Object replacement to brand things easier. Information technology's definitely a glass effect PSD file worth because for band posters and more.

Ultra Realistic Reflective Glass Text Effect PSD File Ultra Realistic Reflective Glass Text Effect PSD File Ultra Realistic Reflective Glass Text Effect PSD File

Pink Glass 3D Text Effect (PSD)

Pretty in pinkish has never looked prettier. This glass outcome for Photoshop takes a colored approach that doesn't disappoint. The high-resolution document works with any text y'all throw at information technology. With results that look this skilful, you'll desire to add pinkish text everywhere with this glass text effect PSD file.

Pink Glass 3D Text Effect Photoshop Pink Glass 3D Text Effect Photoshop Pink Glass 3D Text Effect Photoshop

That'south All!

If you enjoyed this glass texture Photoshop tutorial, bank check out these resources likewise:

create glass text effect photoshop create glass text effect photoshop create glass text effect photoshop

Source: https://design.tutsplus.com/tutorials/quick-tip-create-a-glass-text-effect-in-photoshop-using-layer-styles--psd-17342

Posted by: millerwomenthe.blogspot.com

0 Response to "How To Make A Glass Effect In Photoshop"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel