In this adobe photoshop tutorial we will be making a stylish glowing web 2.0 text effect. I know there is different opinions on what a web 2.0 graphic is, and I have read thousand of different definitions, here is one that I think would fit in that category.
Welcome to TutorialFeens.com! On this site, you will find various photoshop tutorials that you may find interst in. Whether you're new to photoshop, or an advanced user, you will find many tutorials here that will be helpful to you. Please feel free to look around, if you have any questions or comments, gladly send me an e-mail.
Merge down the layers (CTRL-E) and apply the Plastic wrap filter ( Filter --> Artistic --> Plastic Wrap). You might want to change the settings for different effects.
Now go to Filters>Blur>Guassian Blur and enter 5 for the value, click OK. Then duplicate the layer you just blurred twice. You should now have 3 blurred layers below your original text layer that should create glowing effect as illustrated above.
11. Follow the next link to download a set of splatter brushes Free Photoshop Brushes >> Splatter brushes - Dirty Brushes - Messy brushes. Create a new layer, set the foreground color to black and use the brushes you have just downloaded to make a grunge effect for the footer's columns. Set the blend mode for this layer to Overlay. You can do the same thing for the menu background.
In this tutorial, we will create this effect using very basic Photoshop tools and layering effects. This tutorial is simple enough for a beginner to understand, but I should warn you that in this tutorial there ends up being over 60 active text layers, which will require a heavy use of your computer???s memory. Let???s jump into this tutorial and layer some glowing text.
I've had a look at the tutorial again to see if I made a mistake as some visitors had some problems with the tutorial. And yes I forgot to mention that you need to set the "Set the anti-aliasing method" to Smooth before you type the text. Smooth makes the text slimmer than the other options. I also added a few screenshots and made some small changed. I hope it helps. If not please let me know.
After creating the white to transparent gradient, (make sure that gradient layer is only selected)holding down ctrl key click on the thumbnail of the first text layer. (For ex : http://2.bp.blogspot.com/_MDxhVbQjmxE/SWjXyo_p26I/AAAAAAAAAUg/PvyVuL3cfqc/s1600-h/difflayerstext.jpg you can see layer window. In this image you have 'l' as first layer. You can see a thumbnail that denotes T. You have to ctrl click the thumbnail of the layer, not the layer itself). You can now see the text is selected. Now press Ctrl+C to copy and then Ctrl+V to paste. A new layer will be created. What actually happens is that, you have the gradient layer selected and copying and pasting the shape of text, so you get a text with gradient effect. If you want to view the gradient text you have to hide the original text. No it doesn't have anything to do with copy layer style. I hope this helps. If you have any more questions feel free to ask.
Now we are going to add a little glow. Go back to your text gradient layer, the layer with the light blue - dark blue gradient over your text selection. Duplicate this layer by choosing Layer > Duplicate Layer. While on the duplicated layer, choose Filter > Blue > Radial Blur and choose an amount that suits you. Make sure the blur method is "zoom" and the quality is "best." Once you have blurred your layer, lower the opacity of the layer until your text looks something like mine.
Step 1: Create a new document 300 x 200 pixels. Select the text tool and type your text in black color. I use 'Cooper Std' font and font size 80 pt. This is how it should look about now..
7. Now you are done, to make the line beneath the text as I did, just draw in a straight line and add the same wind effect to it as in the previous steps, then give it a gaussian blur from the filters dropdown menu.
This entry was posted on Thursday, April 27th, 2006 at 7:56 pm and is filed under Text Effects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
In this adobe photoshop tutorial we will be making a stylish glowing web 2.0 text effect. I know there is different opinions on what a web 2.0 graphic is, and I have read thousand of different definitions, here is one that I think would fit in that category.
Step 9: We will add some effects to our text, so double click on the Layer 1 to open up the Layer Style dialog box. Use these settings:
Welcome to TutorialFeens.com! On this site, you will find various photoshop tutorials that you may find interst in. Whether you're new to photoshop, or an advanced user, you will find many tutorials here that will be helpful to you. Please feel free to look around, if you have any questions or comments, gladly send me an e-mail.
Merge down the layers (CTRL-E) and apply the Plastic wrap filter ( Filter --> Artistic --> Plastic Wrap). You might want to change the settings for different effects.
[...] Glowing text in space scene Create a outer space background with text or a logo for your header or background. [...]
Now we are going to add a little glow. Go back to your text gradient layer, the layer with the light blue - dark blue gradient over your text selection. Duplicate this layer by choosing Layer > Duplicate Layer. While on the duplicated layer, choose Filter > Blue > Radial Blur and choose an amount that suits you. Make sure the blur method is "zoom" and the quality is "best." Once you have blurred your layer, lower the opacity of the layer until your text looks something like mine.
7. Now you are done, to make the line beneath the text as I did, just draw in a straight line and add the same wind effect to it as in the previous steps, then give it a gaussian blur from the filters dropdown menu.
This entry was posted on Thursday, April 27th, 2006 at 7:56 pm and is filed under Text Effects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
7. Now make a copy of the text layer and select the bottom text layer, then go to filters -> blur -> motion blur and set it as below.