Friday, 6 September 2013

Glowing Text effect using Photoshop



In this tutorial,we see a special glowing text effect using photoshop.Lets see about the design..

Step 1 
Make a new document that is 2000px by 1200px. Then make a new Gradient Adjustment Layer with a linear gradient that goes from a dark gray (#464646) at the bottom to black (#000000) at the top. This will be our background base



Step 2

Make another linear Gradient Adjustment Layer above the previous one, and make it a rainbow of colors of your choice. There are some colorful presets that you can choose from in the gradient palette, or create your own. Set the layer’s Fill down to 25%. Then set the layer’s blending mode to Color.
Tip: When you set the blending mode to color it makes it so the layer only affects the color of everything below it, while leaving the lightness/darkness alone.



Step 3

Finally make another Gradient Adjustment Layer above the previous two. This one will be a radial gradient. Set this one up so that the only 2 colors in the gradient are black and then make the transparency go from 100% at one end and 0% at the other end.
If you see that black is covering the center of the image, check the Reverse box. Then make it so the black goes around the edges of the canvas. Set the layer opacity to 65%. I moved the transparency handles around a little to get the exact effect that I wanted.



Step 4

Now lets begin with the text treatment. Hit (T) for the type tool, and make a (single click) on the canvas. Then type your letter, in my case a P. Then grab the Move tool and (Hit CMD+T) and transform the letter, adjust it until it’s the size that you want it. Hit (T) again for the type tool, and if it’s not already, make the letter black by clicking the text color box in the property bar. Set the letter layer’s blending mode to Screen. The letter will disappear.



Step 5

(Double click) to the right of the letter layer’s name in the layer palette to bring up the layer styles palette. Put an Outer Glow and a Stroke on the layer with the exact settings that you see below. You will see a very faint image of the letter now.
Let’s use this first letter as a starting point for all the text in the image. Once we layer several different letters on top of each other, our effect will come to life.



Step 6

Duplicate the letter layer by dragging it down to the New Layer button at the bottom of the layer palette. Select the type tool (T) and then change the font on the new layer. If the new font doesn’t line up how you want to hit (CMD+T) to free transform the new letter. Make sure that you always line up the baseline of the letters. You can move the anchor point to the base line when you are transforming to keep it lined up correctly.
Now do this step 20 times, each time using a different font. I chose to use all different fonts that have serifs. You can use all fonts that are sans-serif if you like, but I wouldn’t mix the two.



Step 7

Select all the text layers that you have. Then hit (CMD+G) to group them. With the group selected in the layer palette, hit (V) for the move tool. Then (while holding ALT), click and drag on the letters on the canvas to duplicate them. Drag them to the right where you want the next letter to be. Now there should be 2 groups of text in the layer palette. Turn off all the letter layers in the new group (except the bottom one) by clicking in the little ‘eye’ icon next to each one.
Now select the text tool (T), and highlight the single letter. Then change it to the next letter that you want, in my case an S. Finally, turn the S layer off. Then turn on the next one and do the same. Repeat this until all the letters in your new group are changed. Turn all the layers back on.
Repeat this step for each new letter you need.



Step 8

Select the elliptical marquee tool and make a very thin ellipse at the base of your letters. Then Feather the selection about 20px. Enter quickmask mode (Q). Then go to Filter>Blur>Motion Blur. Make the angle 0 and the length 700px and hit OK. This gives us a nice fade out to the left and right sides. Then exit quickmask mode (Q).
Now make a curves adjustment layer above the gradients, but below the letter groups. Then apply a curve that looks like the one below. This just gives our letters something to sit on



Step 9


Make a new document that is 300px by 300px. Double click on the background layer to make it an active layer. (Double click) to the right of the layer name to open the layer styles palette. Apply a color overlay to make the layer black. Then add an inner stroke that is white to make a border. You can see my settings below.
Go to Layer>Flatten Image to flatten the image. Hit CMD+A to select all and then go Edit>Define Pattern.



Step 10

Go back to your other document. Make a new blank layer just above your curves layer by hitting the New Layer button at the bottom of the layer palette. Not go to Edit>Fill and select Pattern for the Contents. Then select your black box that should be at the end of the list, and hit OK.
Now Hit (CMD+T) to transform the layer so that it fits in the foreground space. Then (right/control+click) anywhere in the transform box and select perspective. Drag the bottom right handle way out so you get a nice perspective on the pattern layer. Set the layer’s blending mode to screen and the opacity to 15%



Step 11

There is one last step to add a finishing touch. Select the type layers and duplicate them by dragging them down to the New Layer button. With the new groups selected hit (CMD+T) then (right/control+click) in the transform box and select Flip Vertical. Move them down so they look like a reflection.
With all the reflection groups selected hit (CMD+G) to put them into another group. Set that group’s opacity to 25%. Add a mask to the group by clicking on the Add Layer Mask button at the bottom of the layer palette. With the mask selected hit (G) for the gradient tool and apply a linear gradient from black to white, so the reflection fades out as it goes down to the edge of the image.



Conclusion

The final image is below. You can edit your name in this style.I hope you enjoyed this text.


                                                                                                                                                                                                                          (Source:psd.tutsplus.com)
 

Bubble Text Effect using Photoshop


This tutorial will show you how to produce text with Bubble effect.Before getting started, you may want to find a suitable font for this effect, as not all fonts will necessarily look right when this style is applied. You want a font with rounded edges — no sharp corners.

Step 1 – Background

This effect really works great on top of dark backgrounds, but will also work fine on lighter backgrounds (so long as it’s not too light, as the effect itself makes things brighter). Go ahead and create a new document, and fill in the background with a color of your choice (or #2d3134 if you’d like to borrow our background color).

Step 2 – Set the Type

Using the Horizontal Type Tool, set some text in the document with your font you downloaded earlier. It doesn’t have to be anything fancy, but make sure you set your Text Color to White.
Set this layers blending mode to Darken. This will make your text disappear from the canvas.

Step 3 – Setting Up the Style

Go into your text layers Blending Options (Right Click Layer > Blending Options).
Apply the layer effects shown below, making any modifications as needed.

   
Drop Shadow
A Drop Shadow helps create contrast between our text and the imagery behind the text. It’s not necessary for the effect, but does help over busy backgrounds.



Inner Shadow


Inner Glow

These values may need to be adjusted to compensate for the size of your text. Larger text may require a larger size in the “Elements” settings.




Bevel and Emboss
This Layer Effect may also require some adjustments to compensate for text size.


Satin


 Gradient Overlay
For our Gradient Overlay, we’re using a White to Transparent gradient.





Touchups
This layer style works very well on more than just text. You may want to try using the Ellipse Shape Tool to add some bubbles surrounding the text, and applying the style to them as well.





                                                                                                                                       (Source:www.tutorial9.net)

Wooden Text Effect using Photoshop

In this tutorial,i will show you how to add a wooden effects to a text.For this effect we need two support images.I provide the links for those two support images.Lets see the tutorials..

Support Files:

Wooden Surface
Wooden Background

Step1:
Create a new document in Photoshop with the following settings:


 Step2:
Double click on the background layer and hit OK to unlock it. Now right-click on the same layer and select Blending Options. Here we will add a radial gradient going from a light grey to a darker one:


 Step3:
Grab the Rounder Rectangle tool, set 40 px for the radius and create a polygon. The color is not important at this stage since we will apply layer styles later.


Step4:
Right-click on the layer and select Blending Options. At first let’s switch the color overlay to brown.


then apply bevel and emboss with these settings and select soft drop shadow.






Step5:

Press ctrl+T to activate the transform tool and rotate a bit the polygon. Then press enter to apply the transformation.


Step6:
Paste in the Wooden Surface Texture and place it in a layer above the polygon’ s one. Rotate the texture too. In the screenshot below I reduced the wood opacity to show you the polygon position.


 Step7:
 With the wooden texture selected, ctrl+click on the polygon vector mask to select its pixels. Then press the “add layer mask” button at the bottom of the layers window. The screenshot below will help you understand better this step.


Step8:
Select the wooden texture layer and switch the layer blending mode to soft light. This will make visible layer effects we applied to the polygon. Then apply the sharpen filter (Filter>Sharpen>Sharpen) to enhance wood details.


Step9:
Repeat the same process to create another stick. The only difference is the polygon color overlay, that is a lighter brown (#d5864d)

Step10:
At this point open the Wooden background in Photoshop. With the elliptical marque tool make a selection of the nail head.


Step11:
Copy (ctrl+C) and paste (ctrl+V) the selection into our main canvas and place it into the intersection between the 2 sticks.



Step12:
Press shift+ctrl+U to desaturate the nail. Then apply a pillow emboss to create the engraved effect.





That's all. You can write any alphabet using this technique and arrange them in a sequence to form a text.



                                                                                                                                                                                                                             (Source:wegraphics.net)