3D Transparent Glass Text Effect » Tutorials ETC

Here were going to show you how to create a text effect based on the 3D glass icons on IconsETC.

glass-preview

Step #1

First you will need to download the two textures below and convert them into photoshop patterns for later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in the menu. Alternatively, if youve downloaded the source files at the end of this post, simply install the pattern set entitled reflective-brushed-metal-tut.pat by double clicking on it.)

Click here to download all tutorial assets in zip file.

Step #2

Create a new transparent document 880px * 540px at 72dpi as seen below.

new-doc

Step #3

To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create three folders and name them FRAME, TEXT, and BACKGROUND respectively.

1-create-3-folders-and-rename

Step #4

Create a new layer within the FRAME folder and name it frame. Activate the shape tool by typeing U, make sure the rectangular shape tool is selected, then draw out a square similar to the one below, leaving a little room on the top and bottom.

2-frame-shape-layer

Step #5

Activate the by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

frame-layer-styles-1frame-layer-styles-2frame-layer-styles-3frame-layer-styles-4

Step #6

Create a new layer above the frame layer, activate the text tool by typeing T, then enter the settings below and type out a title.

3-frame-title

STEP #7

Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL LAYER >> PATTERN in the menu in the menu and choose the smoky pattern you installed in step #1 as seen below.

background-pattern

STEP #8

Open the layer styles dialog box on the pattern layer by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

pattern-background-stylespattern-background-styles-2pattern-background-styles-3
background-layer-styles-4

STEP #9

Within the TEXT folder now, create a new text layer, activate the text tool by typeing T and type in some text with the settings below. If you would like to use the font we are using here you can get it for free on Dafont.com.

text-tool

STEP #10

Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER then open up the layer styles pallet on the top text layer by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

top-glass-layer-stylestop-glass-layer-styles-2top-glass-layer-styles-3top-glass-layer-styles-4top-glass-layer-styles-5top-glass-layer-styles-6top-glass-layer-styles-7

Step #11

Open up the layer styles pallet on the bottom text layer and enter the settings you see below.

bottom-glass-stylesbottom-glass-styles-2bottom-glass-styles-3bottom-glass-styles-4

Thats It!

You should now have something similar to what you see below.

glass-preview

Whats Included in the Download

  • Fully layered source PSD
  • .ASL file containing the layer styles needed to create the glass effect
  • .PAT file with all patterns needed for the tutorial ready to install!
  • .JPG files of all patterns used
  • BONUS: 36 fully layered popular icons in this style.


3D Transparent Glass Text Effect » Tutorials ETC
Here were going to show you how to create a text effect based on the 3D glass icons on IconsETC. Step #1. First you will need to download the two textures below

Top Stunning Glass Text Effect Tutorials in Photoshop
Top Stunning Glass Text effect tutorials in Photoshop. 3D Transparent Glass Text Effect. In this Etc Tutorial we will be creating a 3d transparent glass text effect.

3D Transparent Glass Text Effect » WebTreats ETC
WebTreats ETC. w Webtreats; b Backgrounds; i Icons; 0 comments on 3D Transparent Glass Text Effect Leave a Reply Cancel reply.

3d Transparent Glass Text Effect Tutorials Etc | Manual Guide
3d transparent glass text effect » tutorials , Here were going to show you how to create a text effect based on the 3d glass icons on iconsetc. step #1. first you

Tutorials ETC
text Tuts. Brushed Silver Reflective Text Effect; Grungy Rusted Carbon Fiber Text Effect; 3D Transparent Glass Text Effect; Blue Retro Grunge Text Effect and Icons

3D Transparent Glass Text Effect Video Tutorial in Photoshop Part 2
In this Etc Tutorial we will be creating a 3d transparent glass text effect. The glass effect is achieved with layer styles so it can be easily applied to

3D Transparent Glass Text Effect Video Tutorial in Photoshop Part 1
In this Etc Tutorial we will be creating a 3d transparent glass text effect.

Photoshop Tutorials (..glass text..) - Free IT Tutorials ...
Glass text effect.,Creating a Glassy Text Effect,3D Transparent Glass Text Effect | Tutorials ETC will be creating a 3d transparent glass text effect.

Transparent Glass Lettering in Photoshop - Tuts+ Design ...
you need to download the sample PSD from the link at the bottom of the tutorial in order to follow along. Text Effects, Adobe Photoshop. Free Transparent

Photoshop Tutorials (..transparent..)
Transparent glass effect,Transparent Text On Wall 3D Transparent Glass Text Effect | Tutorials ETC,A Quick and Tutorials: Blender 3D

Previous
Next Post »