Final Image Preview
This is Photoshop text style that we’ll create on this tutorial, You can view the final image preview below or a larger version here.![transparent glass style text effect in Photoshop photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/glass-text-effect-preview.jpg)
Step 1
To begin this tutorial, we’ll first choose a nice background for our text. There’s a fantastic photo of grass on Flickr by 100kr. Now we need a text. We start by typing the text. Notice, we will create a Photoshop style here, so you can use any font you wish. If you want to use fonts that are similar to mine, download Porky’s here.![type your text with Photoshop photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-1.jpg)
Step 2
Now we will start using the Layer Style. Double-clicks the text layer to bring up the layer style window. On the first page of the layer style window, change the Fill Opacity to 0%. And you see the text disappear.![fill opacity photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-2.jpg)
Step 3
Click on the words Drop Shadow and change the following settings. Don’t click OK yet.![drop shadow photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-3.jpg)
Step 4
Now add Inner Shadow Style to the text. Don’t click OK yet.![inner shadow photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-4.jpg)
Step 5
Still in the Layer Effects dialog box, click on the words Inner Glow, Use the settings in the image below, but don’t click OK yet.![inner glow photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-5.jpg)
Step 6
Layer style that we use next is Bevel and Emboss. Screenshot below will provide information on how the settings I use here.![bevel and emboss photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-6.jpg)
Step 7
The last step we will give Satin on the text layer. Set Satin like the picture below and press OK when finished.In any case, you can see all the exact settings by downloading the sample PSD file from the link on the bottom. You can then right click that layer and hit Copy Layer Styles if you just want to paste it into your own file.
![satin photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/photoshop-glass-style-7.jpg)
Final Image
![transparent glass style text effect in Photoshop photoshop tutorial create realistic editable resizable transparent glass style text effect](http://grafisia.com/uploads/glasstext/glass-text-effect-preview.jpg)
Download psd and Photoshop style file
Fonte: http://grafisia.com/tutorial/photoshop/transparent-glass-text-effect-photoshop/
Nenhum comentário :
Postar um comentário