About Contact Portfolio

hangaroundtheweb

o o o o o o o o

Home Inspirations Artists Daily Inspiration Movie Posters Productivity Typography News Resources Tutorials Photoshop Website Layout Weekly Roundup WebDesign

1 comment

Create a quick gleaming and vibrant text effect in Photoshop

By Rajasegar Chandiran on January 16th, 2012

In this quick tutorial, you will learn how to create a beautiful eye-catching vibrant text effect in Photoshop using plain layer styles and filters. We will play with some layer styles and filters to create our text in a very quick time, the steps are much easier to follow, this tutorial requires no user expertise, even a beginner can learn with ease and create some stunning text effects based on this.

Before going into the tutorial, let us see how the final image will look like.

Step 1:New Document

Create a new document of size 1280 by 1024 px with black as the background color.

Step 2: Add Text

Now add some text of any simple, slab serif style font, i am using the font SD Eurostile Elite which can be downloaded from AcidFonts, about the size of 200 pt of some golden yellow or dark orange color(#FA8132). The color of the text does not matter that much since we are going to apply some layer styles over it and change the Fill Opacity to 25%. Note: This text layer is the base for our design, so henceforth in the tutorial, we will be mentioning this layer as base_text. Position the text in the center of the document , aligning both the horizontal and vertical centers with respect to the background layer.

Step 3: Layer Styles for the text

Bevel and Emboss
First apply the Bevel and Emboss style for the text, with the Gloss Contour option selected as Ring Double, you can find this option by clicking the drop-down next to it, please use the below image for your reference.

Satin
Next apply the Satin style.

Here also, we need to apply a different Contour style other than the default one. Choose the Ringcontour style from the drop-down and apply OK.

This is the effect so far with our text.

Step 4: Cross hatch filter

With the text layer ready, next we need to apply some filters for the effect. For that we are going to duplicate our text layer along with the layer styles and then rasterize it and finally apply the blur. So first select the original text layer, go to Layer -> Duplicate Layer (Ctrl + J), then create a new layer on top of it, select both the layers, then merge them by using Layer -> Merge Layers (Ctrl + E). Then go to Filter -> Brush Strokes -> Crosshatch, use the settings as: Stroke Length = 50, Sharpness = 20 and Strength = 3, use the below image for your reference.

After apply the Crosshatch filter, our text will look like this.

Step 5: Motion Blur

Now make one more copy of the base_text layer and then rasterize it and apply some horizontal motion blur. Go to Filter -> Blur -> Motion Blur and give the values as Angle = 0 , Distance = 300 pixels and apply OK.

After applying Motion Blur.

Step 6: Making the text bolder

Now the text is overlapped by the blurs and crosshatch effects applied so far, we need to make the borders of the text stand out from these effects, for that make one more copy of the base_text layer, move it to the top, and apply the following layer style to it.

Gradient Overlay
Apply the Gradient Overlay style for text with the colors of the rainbow, there is a default gradient available called Transparent Rainbow choose this gradient, change the Blend Mode to Overlay and apply the style.

After applying the Gradient Overlay layer style, the effect will look like this.

Step 7: Making Fragments

We need to stylize the effect some more, for this we are going to apply the Fragment filter, duplicate the previous layer, the one with the gradient style applied and then rasterize it and go to Filter -> Pixelate -> Fragment and repeat this effect some 3-4 times.

After fragmenting the text will look like this.

Step 8: Adding more vibrancy

Our text effect is almost finished, but it is just lacking some vibrancy to it, for that create a new layer at the top, choose the Brush (B) tool, and select a soft round brush of about 200px diameter , 0% hardness and choose some bright colors like red, green and yellow and paint all over the text randomly with different colors.

Now change the blending mode of this layer to Overlay.

This is how our final output will look like, please also take a look at how the layers are stacked against each other and arrange the same in the order given below for good looking final result.

Finally here is our final image with a vibrant and gleaming text effect. There are certain things i want to mention here, please be liberal with the use of filters, choice of fonts , layer styles, and also experiment with the settings while applying filters to get accurate and effective results.
Download PSD

Were finished! Hopefully youve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see! Related Posts

Create a colorful surging electric wave text effect

Create a microscopic particle text effect in Photoshop


Create a snazzy text effect with realistic metal

How to create a cute curvy colorful text

Create a glowing blue-print style text effect in

How to create a sensational and sparkling Gothic

How to create a magnificent Metal Scrap Text

How to create a vibrant and futuristic style

How to create a smooth and shiny text


Create a quick grunge metal plate text in

0digg

Enjoyed this post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues! Disqus Like Dislike o Login

Add New Comment

Post as Image

Showing 0 comments
M Subscribe by email S RSS

Reactions

Trackbacks
Trackback URL Create a quick gleaming and vibrant text effect in Photoshop 02/05/2012 09:54 PM [...] Detail: http://hangaroundtheweb.com/2012/01/create-a-quick-gleaming-and-vibrant-texteffect-in-photoshop/ [...]

0 Readers
Subscribe to our daily feed now

530 Followers
Follow Us on Twitter!

314 Fans
Become a Fan!

Subscribe

Popular Posts
Amour de Typographie How to create Kungfu Panda text effect in Photoshop Inspirations For The Day Inspirations For The Day How to create a delicious and yummy Chocolate dripping text effect in Photoshop

Flickr Showcase

Write For Us
Here at HangAroundTheWeb, we love posting articles about graphic design, web design and typography. If you're interested in getting some added publicity and want to contribute to our wonderful community, we'd love to have you guest post for us.

Connect with us
Twitter Facebook Flickr DeviantArt

Site Links
Home About Contact

Copyright 2011. hangaroundtheweb.com - All rights reserved.

Hangaroundtheweb is licensed under a Creative Commons Attribution-NonCommercialShareAlike 3.0 United States License. Permissions beyond the scope of this license may be available at CreativeCommons.org

0digg