Photoshop Text effects are requested in here [Archive]

View Full Version : Photoshop Text effects are requested in here

50Cent_SL

09-04-2008, 11:15 AM

Fire Text

http://www.spoono.com/photoshop/tutorials/fire/pict1.gif
http://www.spoono.com/general/cnt1/1.gif Start by opening Photoshop and creating a new grayscale image. Go File>New and change the mode to grayscale. For this example, I chose dimensions of 400x400 pixels. In the channels palette create a new channel by clicking the http://www.spoono.com/photoshop/tutorials/general/new.gif. Then use the Text Tool to add white text to your channel. When you are finished, hit Ctrl+A to select the whole canvas. To make things easier, double click your new channel in the channels palette and rename it "Base."

http://www.spoono.com/photoshop/tutorials/fire/pict2.gif
http://www.spoono.com/general/cnt1/2.gif Drag the "Base" channel to the http://www.spoono.com/photoshop/tutorials/general/new.gif to duplicate it. Go to Image>Rotate Canvas>90 CW. Deselect everything by going Ctrl+D. Then apply the wind filter by going to Filter > Stylize > Wind Choose the settings Blast and From the Left. Reapply the filter according to how tall you want your flames to be. I used the filter a total of three times in my example.

http://www.spoono.com/photoshop/tutorials/fire/pict3.jpg
http://www.spoono.com/general/cnt1/3.gif Now select all by hitting Ctrl+Arotate your text back to normal by going Image>Rotate Canvas>90 CCW. Soften the streaks by using Filter>Blur>Gaussian Blur Pick a setting that looks good to you. I chose 3.0 pixels.

http://www.spoono.com/photoshop/tutorials/fire/pict4.jpg
http://www.spoono.com/general/cnt1/4.gif Lengthen the flames by going Filter>Blur>Motion Blur Set the distance to 20 pixels and the angle to -79 or so. Then go Filter>Distort>Wave to add some waviness. I chose these settings (http://www.spoono.com/photoshop/tutorials/fire/pict4a.gif). Next go Filter>Distort>Ocean Ripple to add some texture to your flame. Set the Ripple Size to 15 and the Ripple Magnitude to 2.

http://www.spoono.com/photoshop/tutorials/fire/pict5.jpg
http://www.spoono.com/general/cnt1/5.gif Now you need to copy the contents of the "Base copy" channel into Layer 1. This can be accomplished with the following series of impressive keyboard shortcuts: Ctrl+A, Ctrl+C, Ctrl+~, Ctrl+V then swich back to they Layers Palette and merge Layer 1 into the background layer below by hitting Ctrl+E. Now it's time to colorize the image. Go to Image>Mode>Indexed Color. Then go Image>Mode>Color Table and choose Black Body. Next switch back to RGB Mode by going Image>Mode>RGB Color.

http://www.spoono.com/photoshop/tutorials/fire/pict6.jpg
http://www.spoono.com/general/cnt1/6.gif Now select the "Base" channel by going to the Channels Palette and Ctrl+clicking the "Base" channel. Then return to the Layers Palette and click the http://www.spoono.com/photoshop/tutorials/general/new.gif to create a new layer. Fill the selection with black (It can quickly be done by pressing D followed by Alt+Backspace).

http://www.spoono.com/photoshop/tutorials/fire/pict7.jpg
http://www.spoono.com/general/cnt1/7.gif As a final touch you may want to add an inner glow to your text to make it blend in with the fire a little smoother. Right click on the black text's layer and choose Blending Options. Then pick Inner Glow and play with the settings. If you would like to change the color or adjust it a little, click the background layer (the one with the flames) in the Layer Palette and explore the Image>Adjust>Hue/Saturation and Image>Adjust>Curves. You can click the image to the left to see the full view. Whewww, that's one hot tamale!

50Cent_SL

09-04-2008, 11:20 AM

The End Effect

I like to begin tutorials by showing where we're going. So without further ado, here is the final grass-text image click to see the full 1920px x 1200px size (http://psdtuts.s3.amazonaws.com/117_Earth/final_1920.jpg).
http://psdtuts.s3.amazonaws.com/117_Earth/final.jpg (http://psdtuts.s3.amazonaws.com/117_Earth/final_1920.jpg)
Part 1—The Background

This tutorial is made up of three parts—the background, the text itself, and some final extra effects. So first of all we're going to make a background. To do this we create a new document in Photoshop. I made mine 1920 x 1200 because I want this image to sit on my laptop background.
We start by drawing a Radial Gradient with the Gradient Tool (G) going from a light yellow-green (#adbf41) to a mid-range green (#328a26). I wonder if I've ever written a tutorial that doesn't start with a radial gradient. :-)
http://psdtuts.s3.amazonaws.com/117_Earth/1.jpg
Step 2

Now for this image we want to create a really textured background, faintly resembling paper. So the first thing we need is ... a paper texture!
Happily you can grab some really awesome grungy paper textures from Bittbox (http://www.bittbox.com/freebies/free-high-res-grungy-paper-textures/) and they are nice and large too, which is good because this is a huge canvas.
So I can't remember which texture I used first, but grab one, desaturate it (Ctrl+Shift+U) and stretch it over the top to fit the canvas.
http://psdtuts.s3.amazonaws.com/117_Earth/2.jpg
Step 3

Now we set the layer to Overlay and 70% Opacity to blend the texture with our nice green background.
http://psdtuts.s3.amazonaws.com/117_Earth/3.jpg
Step 4

Now to get a really distressed look, I then copied this layer, spun it around 180' and set it to 20%. Then I brought in a few more layers of paper texture (using different textures, mostly from Bittbox) and set them all to faint overlays, one on top of the other.
This was partly for the extra distress, but also because I realised that the textures looked a bit grainy and not small and sharp. So by combining extra textures and then fading it all back, I can get a nicer, sharper overall look.
Anyhow as you can see in the screenshot there are six layers here. Don't forget if you are a Plus member you can download the PSD file for this tutorial and take a look in there yourself!
http://psdtuts.s3.amazonaws.com/117_Earth/4.jpg
Step 5

Now I duplicated the original background gradient, placed the duplicate layer above all the textures and set it to 40% Opacity—this tones back the texture so it's not quite so grungy!
http://psdtuts.s3.amazonaws.com/117_Earth/5.jpg
Step 6

Now we create a new layer over the top and using a large, soft, black brush, add some black to the edges. It's worth toning back the opacity to about 30% and Overlay. You can then duplicate the layer and run a heavy Gaussian Blur over it (set to about 32px). That way the edges really soften out.
http://psdtuts.s3.amazonaws.com/117_Earth/6.jpg
Step 7

OK, we now have a nice background!
http://psdtuts.s3.amazonaws.com/117_Earth/7.jpg
Part 2—Grass Text!

OK, we are now ready to make some grass text. To do that, we're going to need some nice pretty grass to cut. After a lot of searching, I finally found this lovely photo on Flickr of grass (http://www.flickr.com/photos/100kr/209708058/).
So download the image at full-size and copy it on to your canvas.
http://psdtuts.s3.amazonaws.com/117_Earth/8.jpg
Step 9

Next we need some type. So select a font you want to cut out with. I chose Swiss 924BT, which is fat and condensed type. I thought it looked nice and grand. And I've written the text "EARTH". That's because I'm making five of these wallpapers—earth, water, fire, air, spirit ... it's like that cartoon I used to watch as a kid, Captain Planet!
Anyways, so just set your text out in white and set it to Overlay and like 50% Opacity. This layer won't actually show in the end, it's just a guide layer.
http://psdtuts.s3.amazonaws.com/117_Earth/9.jpg
Step 10

OK, so here's the text on top of the grass we got earlier.
Now a bit of planning! To make text out of grass, it's not going to be enough just to stencil out the grass. Rather we need it to look all rough, with bits of grass sticking out the edges. To do that, we're going to use the letter shapes as a rough guide and then trace roughly around them and periodically jut out to trace around blades of grass.
I'll warn you now, it's very tiresome!
http://psdtuts.s3.amazonaws.com/117_Earth/10.jpg
Step 11

OK, so here we are tracing. You should use the Pen Tool (P) and frankly, if you're not handy with it before you start, you will be by the end!
Notice how in the parts where my path juts out, it sort of follows individual blades of grass. That way when you have the final cut-out they will look like pieces of grass sticking out.
http://psdtuts.s3.amazonaws.com/117_Earth/11.jpg
Step 12

When you've finished your path, it's best to save it in the Paths Palette. You can do this by switching to that palette and then clicking the little down arrow and choosing Save Path. That way if you need the path again later, you can grab it.
Anyhow, double-click the path to get the selection and go back to your grass layer. Duplicate the grass layer so you still have more grass for the other letters, then invert your selection (Ctrl+Shift+I) and cut away the excess grass. In the screenshot I've faded back the duplicate grass layer so you can see the cut out "E" part.
http://psdtuts.s3.amazonaws.com/117_Earth/12.jpg
Step 13

OK, so here we have our "E" on the final bakcground. As you can see, it looks only slightly better than if we'd just used the letter to stencil out the grass without bothering to trace. But that's OK, what it needs is a bit more depth. After all, if that letter was really sitting there, we should see some shadow and sides to it.
http://psdtuts.s3.amazonaws.com/117_Earth/13.jpg
Step 14

First of all though, we'll add some layer styling to give it a bit more of a three dimensional look. The styles are shown below.
http://psdtuts.s3.amazonaws.com/117_Earth/14.jpg
Layer Style

Here's the first set of layer styles...
http://psdtuts.s3.amazonaws.com/117_Earth/14_1.jpg
http://psdtuts.s3.amazonaws.com/117_Earth/14_2.jpg
Step 15

Now duplicate that layer, then clear the layer style off the duplicate, so we can add some more styles. This time add the styles shown below...
http://psdtuts.s3.amazonaws.com/117_Earth/15.jpg
Layer Style

Here's the second set of layer styles... (Note that it's 51% Opacity so it'll blend in with the previous layer)
http://psdtuts.s3.amazonaws.com/117_Earth/15_1.jpg
http://psdtuts.s3.amazonaws.com/117_Earth/15_2.jpg
http://psdtuts.s3.amazonaws.com/117_Earth/15_3.jpg
Step 16

So this was all just experimental, and it kinda looks OK, but obviously has a long way to go. Now we'll add some shadow. For that we'll use a technique that I demonstrated in a previous tutorial, Using Light and Shade to Bring Text to Life (http://psdtuts.com/text-effects-tutorials/using-light-shade-to-bring-text-to-life/)
The idea is to make a three dimensional look. So Ctrl-click the grass layer and then in a new layer below, fill it with black. Then press the down arrow once and the right arrow once and fill it again, then repeat over and over until you get an effect like that shown. I think that was about 15 steps of filling.
http://psdtuts.s3.amazonaws.com/117_Earth/16.jpg
Step 17

Now we run a Filter > Blur > Motion Blur on our shadow with a 45' angle and a distance of about 30. Then set the text to a low opacity of about 50%. You should have something that looks like the screenshot below.
http://psdtuts.s3.amazonaws.com/117_Earth/17.jpg
Step 18

Now move the shadow layer down and to the right and magic happens! All of a sudden it looks like the letter is casting a shadow. Pretty neat!
http://psdtuts.s3.amazonaws.com/117_Earth/18.jpg
Step 19

Now I duplicated this layer three times. Each time I erased a bit of it away so that as the shadow is closer to the text it gets darker. I set these layers to Multiply.
http://psdtuts.s3.amazonaws.com/117_Earth/19.jpg
Step 20

So this text is looking pretty cool, but for that extra bit of depth we should add some bits of grass in the background/shadow area. Rather than cutting out more grass, we can just use this current letter transformed about so that it's not obvious that we're hacking it together.
So as you can see below I created a few pieces of grass. They are just cut up bits of our main letter.
http://psdtuts.s3.amazonaws.com/117_Earth/20.jpg
Step 21

Now by moving those pieces into the shadow areas, we can make it look like there is grass sticking out and it's a real 3D object made from grass!
Because these new grass bits are in shadow, you might want to use the Burn Tool (O) to darken them appropriately.
http://psdtuts.s3.amazonaws.com/117_Earth/21.jpg
Step 22

So yay, one letter down ... four to go! Good thing we didn't choose a long word like erm I don't know ... laborious!
http://psdtuts.s3.amazonaws.com/117_Earth/22.jpg
Step 23

Using the exact same technique ... here is the A;
http://psdtuts.s3.amazonaws.com/117_Earth/23.jpg
Step 24

and the R and T ... you get the picture.
http://psdtuts.s3.amazonaws.com/117_Earth/24.jpg
Step 25

And finally, the whole word! The only extra thing I did here was to move the letters apart a little. Each letter is in its own Layer Group which makes moving it around much easier.
http://psdtuts.s3.amazonaws.com/117_Earth/25.jpg
Part 3—The Finish!

Now nice as it's looking, our text is a little lonely and monotonous. So in this last section we'll add a few more elements to the design. Note we don't want to overdo it, though, because I want this to be a desktop background, so space it is important (for all my icons!).
So first up, let's add some extra text. Here I've placed a nice quote about the earth and unity taken from the Baha'i faith (that's my religion!). I love quotes, because it means we get three parts to decorate—the quote, the quotation marks and the source.
The text is in a variation of Swiss which is thinner, but still condensed. Using multiple fonts from the same family (heavy, light, etc) is a good, safe bet for keeping your type looking coherent.
So here I've set the quote to Overlay and 50%, then duplicated the text and set it to Screen and 50%. Then I've added quotation marks in the same Swiss font, but made them extra large and a bright shade of green. Finally, the source of the quote is in teeny letters and centered vertically. And, of course, the whole quote has been measured out so it's exactly the length of the main "EARTH" text.
http://psdtuts.s3.amazonaws.com/117_Earth/26.jpg
Step 27

Next we'll add a bit of a highlight to the scene. To do this, create a new layer above all the rest, and using the Gradient Tool (G), draw a gradient of white -> transparent towards the top left. Then set this layer to Soft Light and 50%. This will turn it into a nice subtle bit of lighting.
http://psdtuts.s3.amazonaws.com/117_Earth/27.jpg
Step 28

Now we'll add two eye-catching elements to offset all the green. These will be a brilliant blue butterfly and a little red ladybug. I used the excellent everystockphoto (http://everystockphoto.com/) Web site that searches a ton of free stock Web sites for you to find two awesome images to use: Ladybug (http://www.everystockphoto.com/photo.php?imageId=415635) | Butterfly (http://www.sxc.hu/photo/485509/)
http://psdtuts.s3.amazonaws.com/117_Earth/28.jpg
Step 29

Placing the images is pretty easy. First the butterfly. We just open up the image in Photoshop, use the Magic Wand Tool (W) to select all the white area, then go to Select > Modify > Expand and expand the selection by 1px to make sure we've got it all. Then press Ctrl+Shift+I to invert the selection and copy the butterfly over to our main canvas.
The ladybug I selected needs to be cut out of it's image. To do that I used the Pen Tool (P) and traced around the little guy and then just cut him out that way.
http://psdtuts.s3.amazonaws.com/117_Earth/29.jpg
Step 30

So here are our two extras. As you can see, the lady bug looks a bit weird actually because I did a quick'n'dirty job of cutting him out. But that's OK because he's going to be tiny so you won't be able to see the details anyway.
So paste them in and then shrink them down and place them appropriately. It's best if they aren't close together, because that way they'll balance each other.
I added a drop shadow to each. With the ladybug it's a very close shadow because he's small and walking on the grass. With the butterfly, I set the distance to about 10px because he's hovering in the air and therefore the shadow lands a little ways away.
http://psdtuts.s3.amazonaws.com/117_Earth/30.jpg
Finished!

And there we have it, one neat little composition featuring text made out of grass! (Click for the full-size version)
http://psdtuts.s3.amazonaws.com/117_Earth/31.jpg (http://psdtuts.s3.amazonaws.com/117_Earth/final_1920.jpg)

50Cent_SL

09-04-2008, 11:22 AM

Step 1

Create a new document, apply a Layer Style on the background layer. Add a Gradient Overlay from black to a dark brown (#443501).
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s1.jpg
Step 2

Create a new Layer and apply Filter>Texture>Texturizer. Make sure that the foreground color is white and the background is black. After that, change the Blend Mode to Multiply.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s2.jpg
Step 3

Add some text. I used Times New Roman, and for the "A" I used the "V" letter and flipped it vertically and horizontally.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s3.jpg
Step 4

Now we start creating our gold layer style. We'll set up the Gradient Overlay first, as shown below.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s4.jpg
Step 5

Now we'll add a Stroke. For the Fill Type use Gradient. The position of the gradient will vary for different typefaces, so experiment and see what looks good.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s5.jpg
Step 6

Add Bevel and Emboss, as shown below.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s6.jpg
Step 7

Finally, add some Shadow, again following the specs below.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s7.jpg
http://psdtuts.s3.amazonaws.com/38_Gold/gold_s8.jpg
Conclusion

This a very nice example of how powerful Layer Styles are in Photoshop. Sometimes just changing some values can create a totally different effect. For this tutorial I created gold, but if you change the gradient color to variations of grey you will have silver instead of gold.
http://psdtuts.s3.amazonaws.com/38_Gold/gold_conclusion.jpg

50Cent_SL

09-04-2008, 11:27 AM

Aqua Text Photoshop Tutorial

Home (http://www.voidix.com/) » Tutorials (http://www.voidix.com/web_design_tutorials.html) » Photoshop Tutorials (http://www.voidix.com/photoshop_tutorials.html)
In this tutorial I will show you how to make that cool aqua text that is on my header. In the end you text will look like the O below. (based on the look of a text created by robouk.mchost.net )
http://www.voidix.com/images/aquatextFINAL.jpg
The fist step is to make your text. I chose the font : Times New Roman, with a size 450, and a light blue color.
http://www.voidix.com/images/aquatext1.jpg
With your text tool selected. right click on your picture and choose "rasterize layer" Now duplicate your layer, by pressing the arrow on the layers panel and selecting "duplicate layer"
http://www.voidix.com/images/aquatext2.jpg
Set your new layer mode to screen.
http://www.voidix.com/images/aquatext3.jpg
Position your new layer so that the light colored O is like the one below
http://www.voidix.com/images/aquatext4.jpg
Now set the opacity of this layer to around 30%
http://www.voidix.com/images/aquatext5.jpg
Now, select the outline of the original O. To do this, hold the control button, and click on your original text's layer. Now go to select, invers to inverse your selection. Now go to your top layer, and press delete. What we just did was deleted the part of your duplicated that was sticking outside your original text's boundires. Now go to your top layer, and press control + e to merge your two text layers together. To make sure you did this part right, hold control and click on your merged layer. If you did it correctly you should have a perfect outline of your O.
http://www.voidix.com/images/aquatext6.jpg
Now, take out your dodge tool. We are going to lighten some of your text to give it that aqua feel. So, lighten the areas that are marked below. If you are having trouble making it look right, then lower the exposer of your dodge tool to around 50%
http://www.voidix.com/images/aquatext7.jpg
You should now have an image like this, with a total of 2 layers in your picture.
http://www.voidix.com/images/aquatext8.jpg
Now again, hold control and click on your top layer, this should give you an outline of your text again. Now that we have things situated, we are going to save this selection for later use. So, while you have your text selected. go to select> save selection and save it as whatever you want. Now, load your selection. If you did it correctly, you should still have an outline of your big O text.

Now that we have that taken care of, while you have your text selected make a new layer. On your new layer, go to edit> stroke. We are going to outline our O with a nice dark blue. Use the settings below, with a color close to mine.
http://www.voidix.com/images/aquatext8.5.jpg
You should now have an image like the one below:
http://www.voidix.com/images/aquatext9.jpg
Now, make another layer. Again, go to edit> stroke, but this time choose a width of 2 px, and the color white. Use the settings below:
http://www.voidix.com/images/aquatext10.jpg
Now that we have our white outline, we are going to erase the white outline from the parts that the light would not be hitting your text. Suppose to the light is comming from the top left, in that case we are going to delete the white outline in left center of the O and the right outside.
To do this, take your polygon selection tool, and make a selection like the one below. And press delete.
http://www.voidix.com/images/aquatext11.jpg
Now make a selection like the one below, and again press delete.
http://www.voidix.com/images/aquatext12.jpg
Now you should have an image like the one below.
http://www.voidix.com/images/aquatext13.jpg
Now, we are going to move the white outline. Move your outline, just slightly to the right, so it looks like mine below:
http://www.voidix.com/images/aquatext14.jpg
Now we got it position right, but it still looks a little choppy doesnt it? So, we are going to smooth out the edges. Zoom in by press control & +
Use your eraser tool to blend in the white outline like I have done in my selection below.
Do this to all end of the line.
http://www.voidix.com/images/aquatext15.jpg
Now are text is starting to look good. You should have something very similar to the text below:
http://www.voidix.com/images/aquatext16.jpg
Now I went back down to the original text layer, and darken a few spots to add a little contrast. You can do this as you see fit, I just added some darkness were the light wouldnot be hitting the image. Most likely around the areas were we have deleted the white outlie.
http://www.voidix.com/images/aquatext17.jpg
Now, do give it just a little more life I have added a little reflection of white. Just to make it a little more glossy. It is barely noticeable now, but it does make a difference. To do this, make a new layer above all your previous ones. Load you saved selection and fill it with white. Lower the opacity of your layer to 15% and move it a little to the right.
http://www.voidix.com/images/aquatext18.jpg
Now, make a new layer under your first layer. Load your saved selection once again and fill it with a dark blue. Now position to like the picture below:
http://www.voidix.com/images/aquatext19.jpg
Now go to filter> blur> gaussian blur and set it to 4

You should now have an image like the one below.
http://www.voidix.com/images/aquatext20.jpg
Now I just added a little to the background to make it moreinteresting and we are all done!
http://www.voidix.com/images/aquatextFINAL.jpg

50Cent_SL

09-04-2008, 11:39 AM

Step 1:

As with pretty much every tutorial I've ever written, we begin with a radial gradient. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes:
Foreground color - #922f00
Background color - #000000
http://psdtuts.com/tutorials/9_AdvancedGlow/1.jpg
Step 2:

In this tutorial, we actually need a pretty intense center, so what we'll do is duplicate the layer we just made and set the one above to a blending mode of Color Dodge. There are a few types of blending modes, darkening ones, lightening ones, colorizing ones and inverting ones. Color Dodge is probably the strongest of the lightening ones. As you can see in the screenshot, it produces a pretty full-on center.
http://psdtuts.com/tutorials/9_AdvancedGlow/2.jpg
Step 3:

Now in our glow effect, it helps to have a nice textured background. So we are going to create a sort of smoky haze. To do this, create a new layer, then make sure you have white, #ffffff, and black, #000000, selected as your background and foreground colors.
Then go to Filter > Render > Clouds. This will give you the same random cloud pattern as above.
http://psdtuts.com/tutorials/9_AdvancedGlow/3.jpg
Step 4:

Now set the opacity of your layer to Overlay and 30% transparency. In some instances this would be enough, but for our needs we want it even smokier looking!
So go to Filter > Sketch > Chrome and use default settings of 4 and 7 for detail and smoothness respectively. Actually you can probably mess around with those if you want, but the defaults seem to be fine.
When you're done, the result should look a lot smokier (once its overlayed at 30% transparency that is). You can see the result in the background of the next screenshot.
http://psdtuts.com/tutorials/9_AdvancedGlow/4.jpg
Step 5:

Now before we can start making glows, we need to have something to glow. Here's where we break out the pen tool. If you have used the pen tool much I suggest playing around with it a little. There are some tricky things you can do with shortcuts, but for this tutorial you don't need those.
In fact all we want to achieve are some nice curves. Fortunately this isn't too hard. I find the trick is not to use too many points. Instead rely on the Pen Tool's natural curving and drag the mouse out for each point so you get a big angle. In this S-curve shown above, I've only used three points, the starting point, the end point and one in between to give it the bend.
http://psdtuts.com/tutorials/9_AdvancedGlow/5.jpg
Step 6:

Once you have a nice curve, create a new layer. Then click on the Paintbrush Tool (B) and choose a very thin, hard brush. As you know, soft brushes are the blurry ones and hard brushes are more solid. In this case I suggest using a thickness of 3.
Note that you can have any color selected as your brush color because we'll go over it with a layer style shortly.
http://psdtuts.com/tutorials/9_AdvancedGlow/6.jpg
Step 7:

Now switch back to the Pen Tool. You must switch tools in order to do this next bit.
Then right-click and select Stroke Path. A little dialog box will appear as in the screenshot. Choose Brush and make sure there is a tick next to Simulate Pressure. This is important as it will give your curve tapered ends which will make it rock!
Next right click again and select Delete Path.
http://psdtuts.com/tutorials/9_AdvancedGlow/8.jpg
Step 8:

You should now have something like the above. Just a thin, cool swishy thing.
http://psdtuts.com/tutorials/9_AdvancedGlow/9.jpg
Step 9:

Now we add some glows. The easiest way to make our glows is to use layer styles. And the best way to tell you what layer styles to use is to tell you to download the sample Photoshop PSD from the bottom of this page and then open it up and look through them there.
In a nutshell, I've added two sets of glows. To do this I first use Outer Glow and then because I want a second glow, I change the Drop Shadow settings so that it becomes a glow (you can do this by reducing the Distance and changing the blend mode to something like Color Dodge)
Oh and also I've used a Color Overlay to make the item white so that its like the center of an intense glow.
http://psdtuts.com/tutorials/9_AdvancedGlow/10.jpg
Step 10:

So now you have the same line but with a cool glow coming off it. The beauty of using a layer style is that you can copy and paste it to other layers. To do this you just right-click the layer and select Copy Layer Style then create a new layer and right-click and choose Paste Layer Style.
http://psdtuts.com/tutorials/9_AdvancedGlow/11.jpg
Step 11:

So now repeat the same process a couple of times to make more squiggly lines.
In this instance, I made one a little thicker by changing the paint brush size before I did the Stroke Path bit of the process. I also made a third line and erased part of it and sorta made it join the other two to look like a cool triangular shape.

http://psdtuts.com/tutorials/9_AdvancedGlow/12.jpg
Step 12:

Here I've added some text in and applied the same layer style to the text layers.
It's important to pay lots of care and attention to your text. When you're first starting out, use simple fonts and play with spacing between letters, words and sizes. You can achieve a lot with just some small tricks. Here I've contrasted the three words by making Glow a lot larger and in regular casing, then made Advanced and FX much smaller, with greater space between the letters and all caps.
You can control spacing with text using the Character window. If it isn't already open go to Window > Character and it should appear. Mess about with the different settings until you learn what each controls.
http://psdtuts.com/tutorials/9_AdvancedGlow/13.jpg
Step 13:

Now we add some particles. To do this, create a new layer then select a tiny paint brush - size 3 - and just paint some dots on. It helps if they are clustered towards the center of the glow so that it looks like they are emanating from there.
You can make some of the central ones larger by doubling over on them with a second paint brush dab.
Then paste our Glow layer style on to that layer too!
http://psdtuts.com/tutorials/9_AdvancedGlow/14.jpg
Step 14:

Now that's looking pretty cool, but it will look even cooler if we give it some subtle coloring instead of this super gaudy red.
So create a new layer, and using a radial gradient, draw a blue to white gradient as shown.
http://psdtuts.com/tutorials/9_AdvancedGlow/15.jpg
Step 15:

Then set that layer to a blending mode of Color and change the opacity to 50%.
You'll see that it turns the image kind of bluish. I think that's looking much cooler already, but just to go that extra step I also created a couple of extra layers, one with some faint yellow and one with faint purple. You can see them in the screenshot above.
I set each layer to blending mode of Color and thin opacities so that they all fade together.
http://psdtuts.com/tutorials/9_AdvancedGlow/16.jpg

Step 16:

And there you have it: advanced glow effects with a cool color blend and subtle smoky background combined make for a pretty great effect.
Just remember to experiment with settings and try applying the glow to different things to see how it turns out. And try different color combinations, some surprising combinations turn out really beautiful. Good luck!
http://psdtuts.com/tutorials/9_AdvancedGlow/17.jpg

sirajstc

09-04-2008, 11:44 AM

wow

fazaal24

09-04-2008, 11:45 AM

Wow Maxxa machan,,Really love the Grass effect:D Thanks machan:D

50Cent_SL

09-04-2008, 11:46 AM

Burn Ice
In this tutorial I would like to show you how to do the realistic flaming ice text.
Step 1.
Create a new 450X350 pixels document. Then create a new layer "Ice". Use Horizontal Type Tool and write the ice text, BURN ICE for example, with "DS SonOf" type and 85 pt and fill it with any color.
http://www.photoshoptutes.com/images/pics/burn-ice-1.jpg
Step 2.
Apply Layer > Layer Styles > Blending Options with the following settings:
Stroke (color-> #6fbdf3)
http://www.photoshoptutes.com/images/pics/burn-ice-2.jpg
Gradient Overlay (color-> #c8dbea)
http://www.photoshoptutes.com/images/pics/burn-ice-3.jpg
Color Overlay (color-> #9ad6df)
http://www.photoshoptutes.com/images/pics/burn-ice-4.jpg
Satin (color-> #a6d5f5)
http://www.photoshoptutes.com/images/pics/burn-ice-5.jpg
Bevel and Emboss (color-> #76c0de)
http://www.photoshoptutes.com/images/pics/burn-ice-6.jpg
Contour
http://www.photoshoptutes.com/images/pics/burn-ice-7.jpg
Texture
http://www.photoshoptutes.com/images/pics/burn-ice-8.jpg
Step 3.
Apply Filter > Stylize > Wind with the following settings: Method-> Wind,Direction -> From the Right.
http://www.photoshoptutes.com/images/pics/burn-ice-9.jpg
Step 4.
Create a new layer "Burn" with the same text with dark grey background for the burn text. Remove BURN text a little left from the Ice text.
Step 5.
Apply Filter > Stylize > Wind with the following settings: Method-> Wind, Direction -> From the Right. Then apply Edit > Transform > Rotate 90 CCW. Apply Filter -> Stylize -> Wind two times with the following settings: Method -> Wind, Direction -> From the Right. Then apply Edit > Transform > Rotate 90 CW. Duplicate this layer.
http://www.photoshoptutes.com/images/pics/burn-ice-10.jpg
Step 6.
Go to "Burn copy" layer and apply Filter > Distort > Ripple with the following settings: Amount -> -258, Size -> Medium and then press Ctrl+E to merge down this layer with "Burn" layer.
http://www.photoshoptutes.com/images/pics/burn-ice-11.jpg
Step 7.
Then apply Reflected Gradient Tool with dark orange and black color on half and run across your screen to color your image. Then set the blending mode 'color' for this layer.
http://www.photoshoptutes.com/images/pics/burn-ice-12.jpg
Step 8.
Switch layers with ice and burn texts and you receive the burn ice, but for good result we need change the background on black color. And you can get something like that.
http://www.photoshoptutes.com/images/pics/burn-ice-13.jpg

ahamednishadh

09-04-2008, 11:48 AM

50Cent_SL

09-04-2008, 11:51 AM

Wow Maxxa machan,,Really love the Grass effect:D Thanks machan:D
welcome machan if you know more effects add them here:D

sirajstc

09-04-2008, 11:53 AM

ela ela machan

50Cent_SL

09-04-2008, 12:01 PM

bro first of all thx to all those tutorials.

second i want to know how i get this effect done in After Effects. ive been searching for sumtime now but cudnt get it. do u know how to get dat effect in Adobe After Effects?

thx in advance and keep posting more tutes bro!
welcome bro
chack this out http://movielibrary.lynda.com/html/modPage.asp?ID=441&cid=441
i think you can find out effects in after effect cs3;)

50Cent_SL

09-04-2008, 12:10 PM

1

http://www.photoshopcafe.com/tutorials/liquid-type/image01.jpgCreate a new image with the following attributes:

Width: 11 inches
Height: 11 inches
Resolution: 300 ppi, 8 or 16 bit
Background Color: White
2

http://www.photoshopcafe.com/tutorials/liquid-type/image02.jpgSince the desired effect is to appear liquefied, a font that appears to have been made with a crayon or round brush will work perfectly. Select the Type tool and open the Character palette from the Options bar. The font I’ve chosen is called ‘WallowHmkBold’… if you do not have this installed on your system just use the font of your choice. The attributes for the characters are seen below:

3

http://www.photoshopcafe.com/tutorials/liquid-type/image03.jpgNote that the color is gray in the #666666 range and NOT stark black.
Type a word across the face of the image.

4

http://www.photoshopcafe.com/tutorials/liquid-type/image04.jpg
Rasterize the type layer, then paint a few additional gray dots around the type.
http://www.photoshopcafe.com/tutorials/liquid-type/image05.jpg
5

http://www.photoshopcafe.com/tutorials/liquid-type/image06.jpgOpen the Channels palette and duplicate a channel… the Blue channel will work fine. Go to Image>Adjustments>Invert.

6

http://www.photoshopcafe.com/tutorials/liquid-type/image08.jpgOpen the Filter menu and select Blur>Gaussian Blur. First, blur the channel at a 25 pixel radius. Blur the channel again at a radius of 15 pixels.
http://www.photoshopcafe.com/tutorials/liquid-type/image07.jpg

7

http://www.photoshopcafe.com/tutorials/liquid-type/image09.jpgTurn off the Blue copy channel, but don’t delete it… you’ll need it in a moment or two.

8

http://www.photoshopcafe.com/tutorials/liquid-type/image10.jpgGo to Filter>Render>Lighting Effects. Set it up as outlined in the image below… be sure to select the Blue copy channel as the Texture Channel.

9

http://www.photoshopcafe.com/tutorials/liquid-type/image11.jpgThe result of all that is a pretty basic bevel, and yes, you could do pretty much the same thing with a layer style. Some habits die hard, however, and I like the end result better when channels come into play. What can I say? I’ve been doing it this way since at least PS 6, and if it ain’t broke, don’t fix it!

10

http://www.photoshopcafe.com/tutorials/liquid-type/image12.jpgDuplicate the text layer and go to Filter>Sketch>Chrome. Set up the reflections as seen in the dialog box below:

11

Now you can play with Layer Styles a bit. Open the Layer Styles dialog box and select Bevel/Emboss. Enter the following settings… note that the Shadow color is again gray in the #666666 range and not black. Once done click OK.
http://www.photoshopcafe.com/tutorials/liquid-type/image13.jpghttp://www.photoshopcafe.com/tutorials/liquid-type/image14.jpg
12

Let’s shine this up a bit. Command/Control+Click the text layer to generate a selection, then make a Curves adjustment layer and Levels adjustment layer with the settings seen here:
http://www.photoshopcafe.com/tutorials/liquid-type/image15.jpghttp://www.photoshopcafe.com/tutorials/liquid-type/image16.jpg
13

Against a black background the shine really comes out.
http://www.photoshopcafe.com/tutorials/liquid-type/image17.jpg
14

http://www.photoshopcafe.com/tutorials/liquid-type/image18.jpgTurn off the background layer or layers (if you added the black separately) and merge all the others together.

15

http://www.photoshopcafe.com/tutorials/liquid-type/image19.jpgTo give the type an enhanced liquid quality, go to Filter>Liquify. Use the Bloat tool to expand or otherwise warp areas of the text as seen here. Once you are happy with the distortions, click OK.

16

http://www.photoshopcafe.com/tutorials/liquid-type/image20.jpgYou can now throw the text into any image you so choose. In the following example, I’ve blurred a tech-style background, placed the type in that document, then placed a duplicate of the blurred layer above the text. The Blend mode of the top layer is changed to Soft Light to serve as reflections off the type, or making the type appear transparent allowing you to see the background through it. I’ll let you decide what is actually happening.

That’s it for now. Until next time, I’ll see you at ActionFx.com (http://www.actionfx.com/). Ta (http://www.actionfx.com/)ke care!

http://www.photoshopcafe.com/tutorials/liquid-type/image21.jpg

50Cent_SL

09-04-2008, 12:17 PM

Gold And Ruby Text

In this tutorial you will be learning how to create gold text with a shiny ruby centre. Enjoy.

http://www.vpdesignz.com/tutorials/gold_ruby_text/final.gif

Step 1

Ok, to start off, we will need to open a new document. I have used 300x300px. I will be using a plain white background for this tutorial. Select a large fat or bold font, this gives for a better effect for the inner ruby filling. I have used the font AuntBertha, which you can download from Here (http://www.vpdesignz.com/fonts/A/auntbertha.gif.php)

Step 2

Select the horizontal type tool and type your text in the centre of the canvas. I have mine below.

http://www.vpdesignz.com/tutorials/gold_ruby_text/1.gif

Step 3

In this step we will be applying the gold colour to the text. Select your text layer and apply the following style settings.
http://www.vpdesignz.com/tutorials/gold_ruby_text/2.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/4.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/5.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/6.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/7.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/8.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/9.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/10.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/11.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/12.gif
Step 4

We are now going to add the ruby filling, so here we go. Control click the text thumbnail in the layers pallet to select the text. Contract the selected area by about 5 pixels or what looks good on your font. It should look something like this.
http://www.vpdesignz.com/tutorials/gold_ruby_text/13.gif
Step 5

Create a new layer and fill in the area which should still be selected. Once that is done, apply the f ollowing style settings.
http://www.vpdesignz.com/tutorials/gold_ruby_text/14.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/15.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/16.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/17.gif
http://www.vpdesignz.com/tutorials/gold_ruby_text/18.gif
Hit the "OK" button and hopefully you should end up with this.
http://www.vpdesignz.com/tutorials/gold_ruby_text/19.gif
Final Image

http://www.vpdesignz.com/tutorials/gold_ruby_text/final.gif

Asitha-K

09-04-2008, 12:21 PM

Ela machang good stuff keep it up!

mutantlast

09-04-2008, 12:22 PM

Kiyanda wachana ne machan... Echcharatama Ela....!

amilaudana

09-04-2008, 12:22 PM

50Cent_SL

09-04-2008, 12:25 PM

Chocolate Text
Make your text milk chocolate goodness without rasterizing.
http://www.quantumpetshop.com/images/tutorials/text/chocolate-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-00.jpg&t=Finished%20Chocolate%20Photoshop%20Text%20Tutori al)
STEP 1 Write your text on a new layer, your background can be any color, preferably a color that complements the style you want.
http://www.quantumpetshop.com/images/tutorials/text/chocolate-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-01.gif&t=Start%20Chocolate%20Photoshop%20Text%20Tutorial)

STEP 2 Double click the layer to apply layer styles. Add a Bevel and Emboss layer. Set the style to Inner Bevel, technique to Smooth. You can try the chisel techniques if you want, but I like the little blur that smooth offers, almost like the chocolate has melted a little. Maximize the depth to 1000%. Direction Up. The Size will depend on your text size, but should be relatively low, and in this case (for an image width of approx 1000 pixels) I used 6 with soften set to 0. Uncheck the Global Light setting, then set the angle to 90 and the altitude to 45. For simplicity, you can try using screen and multiply modes with white and black and effect the opacity, but I like changing the highlight and shadow modes to normal and 100%, then select colors that complement the chocolate color. Highlight becomes a more yellow caramel and shadow is darker brown.
http://www.quantumpetshop.com/images/tutorials/text/chocolate-02.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-02.gif&t=Layer%20Styles%20Settings%20for%20Chocolate%20Ph otoshop%20Text%20Tutorial)
http://www.quantumpetshop.com/images/tutorials/text/chocolate-03.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-03.jpg&t=Results%20of%20Bevel%20and%20Emboss%20Layer%20St yles%20for%20Photoshop%20Chocolate%20Text%20Tutori al)
STEP 3 This looks pretty good, but we can take it a step further by adding a Satin layer. Set the angle to 90 and the color to a white with the blend mode set to screen of about 15% opacity. Set the distance and size to about 40 each. You can try a different contour if you'd like, but the effect will be subtle
http://www.quantumpetshop.com/images/tutorials/text/chocolate-04.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-04.gif&t=Layer%20Styles%20Settings%20for%20Chocolate%20Ph otoshop%20Text%20Tutorial)
http://www.quantumpetshop.com/images/tutorials/text/chocolate-05.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-05.jpg&t=Results%20of%20Satin%20Layer%20Styles%20for%20Ch ocolate%20Photoshop%20Text%20Tutorial)

STEP 4 Now add a Pattern Overlay. Set the pattern to "Satin" (looks chrome like). Set the blend mode to Overlay or Lighten with opacity of about 10%. Scale to fit your desires.
http://www.quantumpetshop.com/images/tutorials/text/chocolate-06.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-06.gif&t=Layer%20Styles%20Settings%20for%20Chocolate%20Ph otoshop%20Text%20Tutorial)
That's pretty much it. To emphasize it more I added a quick light, outside stroke with a size of 5, and I added a slight drop shadow. Because we unchecked use global light on the bevel and emboss, the shadow can be positioned without impacting the effect.
http://www.quantumpetshop.com/images/tutorials/text/chocolate-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/chocolate-00.jpg&t=Finished%20Chocolate%20Photoshop%20Text%20Tutori al)

50Cent_SL

09-04-2008, 12:25 PM

Tin Foil or Aluminum Foil
Wrap your text in tin/aluminum foil without using filters.
http://www.quantumpetshop.com/images/tutorials/text/tinFoil-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tinFoil-00.jpg)
STEP 1 Add a text layer with your text. Make its color middle gray. Note, you can make it any color you want, but the effect is best if is a mid tone color. For this example, I made gray text on a black background at 1024x256.
http://www.quantumpetshop.com/images/tutorials/text/tinFoil-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tinFoil-01.gif)
STEP 2 Add a Bevel and Emboss layer style by double clicking next to the layer title in the Layer tab (or Layer>Layer Style>Bevel and Emboss).
With the bevel style set to inner with smooth technique, set the depth to 1000%, the size to 50 (will depend on you text size, change to suit your image) and no soften, 0%.
Adjust the shading by unchecking Use Global Light, then set the angle and altitude to 120 and 30 respectively. Change the Gloss Contour to the bumpy pattern. Change the highlight mode to normal at 100% opacity and the shadow mode to lighten at 90% opacity.
http://www.quantumpetshop.com/images/tutorials/text/tinFoil-02.gif
STEP 3 While still in the bevel and emboss layer style, check the texture sub option and set the pattern to "satin" (looks like chrome) with scale at about 75% and depth of 15%. These values will also vary depending on your text size.
http://www.quantumpetshop.com/images/tutorials/text/tinFoil-03.gif

And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/tinFoil-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tinFoil-00.jpg)

50Cent_SL

09-04-2008, 12:27 PM

Grunged
Make your text look like its beat up and worn by applying a simple grunge mask. This method will keep your text layer for optimal use.
http://www.quantumpetshop.com/images/tutorials/text/grunged-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/grunged-00.gif&t=Finished%20Grunged%20Photoshop%20Text%20Tutorial )
STEP 1 Start out with your text on a white background.
http://www.quantumpetshop.com/images/tutorials/text/grunged-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/grunged-01.gif&t=Start%20Text%20for%20Grunged%20Photoshop%20Text% 20Tutorial)
STEP 2 Add a layer mask to your text layer.
http://www.quantumpetshop.com/images/tutorials/text/grunged-02.gif
Some quick notes about using layer masks. When using layer masks, you can edit either the main layer or the layer mask. Which one you are working on will be outlined in the layer menu. The normal way to edit a layer mask is transparent to the user, in that changes made on the layer mask appear visually by the way they impact the main layer. The concept is that black areas on the layer mask represent areas of transparency in the main layer. To see the layer mask directly, click on it while holding down the alt key.
STEP 3 Here's the fun part. With the layer mask selected use the Filter>Pixelate>Mezzotint... filter with the type set to long strokes. Repeat this filter a couple times. Do it again with the type set to Course Dots.
http://www.quantumpetshop.com/images/tutorials/text/grunged-03.gif
http://www.quantumpetshop.com/images/tutorials/text/grunged-04.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/grunged-04.gif&t=After%20Filters,%20Grunged%20Photoshop%20Text%20 Tutorial)
STEP 4 Use a Gaussian Blur of 0.5 pixels to smooth out the grunge appearance some.
And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/grunged-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/grunged-00.gif&t=Finished%20Grunged%20Photoshop%20Text%20Tutorial )

50Cent_SL

09-04-2008, 12:28 PM

Quick Rainbow
An easy one step process to make your text multicolored.
http://www.quantumpetshop.com/images/tutorials/text/QuickRainbow-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/QuickRainbow-00.jpg)
STEP 1 Start a new image and add your text. Color wont matter because the rainbow will override it.
http://www.quantumpetshop.com/images/tutorials/text/QuickRainbow-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/QuickRainbow-01.gif)
STEP 2 Open the layer styles menu and add a gradient overlay. Choose the default Spectrum or Rainbow gradient settings.
http://www.quantumpetshop.com/images/tutorials/text/QuickRainbow-02.gif
And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/QuickRainbow-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/QuickRainbow-00.jpg)

50Cent_SL

09-04-2008, 12:29 PM

Sliced
Slice your text in two with layer masks.
http://www.quantumpetshop.com/images/tutorials/text/sliced-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-00.jpg)
STEP 1 Start with your text.
http://www.quantumpetshop.com/images/tutorials/text/sliced-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-01.gif)
STEP 2 Select the lower half the image with the Rectangular Marquee Tool (M) then add a layer mask, either from the layer's window (pictured) or via the layers menu (Layers>Add Layer Mask).
http://www.quantumpetshop.com/images/tutorials/text/sliced-02.gif
The text layer should now only display half of the text.
http://www.quantumpetshop.com/images/tutorials/text/sliced-04.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-04.gif)

STEP 3 Duplicate the text layer, then click on the layer mask thumbnail. Invert the image mask with Ctrl-I, or Layer>Adjustments>Invert.
http://www.quantumpetshop.com/images/tutorials/text/sliced-05.gif
The text should now appear as it did originally, but now its two layers.
http://www.quantumpetshop.com/images/tutorials/text/sliced-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-01.gif)

STEP 4 Transform the layers as you desire. I took the top layer and rotated it by 2 degrees, the bottom by 1 degree. To transform the layer, select the layer from the layer menu then hit Ctrl-T (or Layer>Transform>Rotate).
http://www.quantumpetshop.com/images/tutorials/text/sliced-06.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-06.gif)
STEP 5 For my image I added a skewed gradient to the background to emphasize the slice. And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/sliced-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/sliced-00.jpg)

50Cent_SL

09-04-2008, 12:30 PM

Triple Outline Stroke
Add two quick and easy outlines to your text using photoshop layer styles. This preserves your text layer for easy text modification.
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tripleOutline-00.gif)
STEP 1 Start out with your text. Whatever your color scheme is shouldn't matter, but for this example I went with black on white.
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tripleOutline-01.gif)
STEP 2 Double click the text layer to open the layer styles menu and go to the stroke (or go to Layer>Layer Style>Stroke from the Menu bar).
The settings should ok almost from default, just change the color and the size to the thickness you want.
http://www.quantumpetshop.com/images/tutorials/text/outlinestroke-02.gif
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-03.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tripleOutline-03.gif)
STEP 3 Now go to the Outer Glow style. We will modify this to add the second outline.
Set the blend mode to normal and the opacity to 100%. Set the color to your choosing. Set the spread to 95%-100% (a little less than 100% will smooth edges a little but depends on the size you use). Finally set your size to be the thickness you desire.
http://www.quantumpetshop.com/images/tutorials/text/doubleOutline-04.gif
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-05.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tripleOutline-05.gif)
STEP 4 Now go to the Drop Shadow style. We will modify this to add the second outline.
Set the blend mode to Normal and the opacity to 100%. Set the color to your choosing. Set the distance to 0, the spread to 95%-100% (same as Outer Glow) and the size appropriately.
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-06.gif
Note that the size of the Outer Glow, Drop Shadow and the Stroke are independent of each other. So if you want 5 px thickness for each outline, when you adjust the outer glow you'll need to add the stroke's thickness, and when you adjust the shadow you'll need to add the outer glow's thickness.
And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/tripleOutline-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/tripleOutline-00.gif)

50Cent_SL

09-04-2008, 12:31 PM

Army Camo
Camouflage your text using layer styles. This camo text is quick and easy.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-00.gif&t=Finished%20Army%20Camo%20Photoshop%20Text%20Tuto rial%20Example)
STEP 1 Start with your text.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-01.gif&t=Start%20Photoshop%20Army%20Camo%20Text)
STEP 2 Add a bevel and emboss effect to the text layer (Layer>Layer Style>Bevel and Emboss).
Set the structure style to Inner Bevel with Smooth technique. Maximize the depth and size. Soften should be low, either 0 or 1. Direction up.
For the shading, set the highlight and shadow modes to normal and set the colors to your camouflage colors. The highlight mode color in this case can be considered the background base color. I used a medium tan. The angle and altitude settings won't play much in this effect, though they will change how the camo is presented.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-02.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-02.gif&t=Layer%20Styles%20for%20Army%20Camo%20Photoshop%2 0Tutorial)
A key to this effect however is the gloss contour. Adjust it so that it is a very hard edge. Basically, you can do this by adding a point and setting its input to 2%, output to 100%.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-04.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-04.gif&t=Contour%20Editor%20for%20Army%20Camo%20Photoshop %20Tutorial)
Enable the bevel and emboss texture. Just about any pattern will work, but experiment if you want. I like the effect the satin pattern produced.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-03.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-03.gif&t=Layer%20Styles%20for%20Army%20Camo%20Photoshop%2 0Tutorial)
STEP 3 Add the color overlay if you want to have further control over the color. The color overlay color will control the outlining color of the camo. You'll see if you try it. And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/armyCamo-00.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/armyCamo-00.gif)

50Cent_SL

09-04-2008, 12:33 PM

Wind Burn
Set your text on fire with this wind blasted flame thrower effect.
http://www.quantumpetshop.com/images/tutorials/text/windBurn-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-00.jpg)
The order of these instructions was designed to be very flexible and allow you lots of control over the effect.
STEP 1 In a new photoshop file, create your text white on a black background. Duplicate your text layer and disable it, you'll use it in Step 8. Flatten the your text onto the black layer.
http://www.quantumpetshop.com/images/tutorials/text/WindBurn-01-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/WindBurn-01-text.jpg)
STEP 2 Create a new white layer, and use Filter>Render>Clouds on it. Perform Filter>Render>Difference Clouds about 5 times to bring out some details. (Note, render clouds and difference clouds behave differently at different resolutions. Higher resolutions give more detail.)
http://www.quantumpetshop.com/images/tutorials/text/windBurn-02-clouds.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-02-clouds.jpg)
STEP 3 Put the text layer above the clouds layer, setting its opacity to 50.
http://www.quantumpetshop.com/images/tutorials/text/windBurn-03-cloudwithtext.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-03-cloudwithtext.jpg)
STEP 4 Add a levels adjustment layer (Layer>New Adjustment Layer>Levels.) Adjust the minimum and maximum input levels so that the minimum is approximately in the middle of the "dead spot" and the maximum is "weight" centered in the right area. If that's confusing, see the image on the right. Since its an adjustment layer, you can come back to it later. http://www.quantumpetshop.com/images/tutorials/text/windBurn-04-levels1.jpg http://www.quantumpetshop.com/images/tutorials/text/windBurn-04b-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-04b-text.jpg)
STEP 5 This step is recommended to help with future adjustment since it will give some color to what you are doing. We'll use a levels adjustment layer (Layer>New Adjustment Layer>Levels) to get that white-yellow-orange-red flame.
Your going to adjust each of the RGB channels separately.
In the Red channel move the middle input level so its skewed left.
In the green channel, move the left input level so that it is centered.
In the Blue channel, move the left input level all the way right.

The result will be white text with sort of a vein like burn/fire appearance.
http://www.quantumpetshop.com/images/tutorials/text/windBurn-05a-red.jpg
http://www.quantumpetshop.com/images/tutorials/text/windBurn-05b-green.jpg
http://www.quantumpetshop.com/images/tutorials/text/windBurn-05c-blue.jpg

http://www.quantumpetshop.com/images/tutorials/text/windBurn-05d-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-05d-text.jpg)
STEP 6 And now the real fun starts, but its also a lot of filtering. Specifically, you are going to blur, wind, and wave. I'll outline a possible .
Select the text layer then:
Gausian Blur ~3.0 Wind
(Filter>Stylize>
Wind...) Set Method to Wind. Blur More Since the edges are rough with wind, lets soften them. Wave
(Filter>Distort>
Wave...) http://www.quantumpetshop.com/images/tutorials/text/windBurn-06-wave1.jpg
Wind (again) Wave (again) Be sure to hit the Randomize button. Also, try setting the horizontal scale to 0 and adjusting the other settings some. That's the basic premise, though the order and methods could be altered. To achieve the image below I applied four wave filters with different wavelengths and amplitudes.
http://www.quantumpetshop.com/images/tutorials/text/windBurn-06b-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-06b-text.jpg)

STEP 7 Make another text layer using the same settings as step 1, but make the text black. Double click this layer and add an Outer Glow. Set the color by selecting one of the darker tones directly from your text effect layer.

And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/windBurn-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/windBurn-00.jpg)
You can now go back to the adjustment layers to fine tune or adjust. I recommend it, since you can get some really neat effects that you may not expect.

50Cent_SL

09-04-2008, 12:34 PM

Better Light Rays
Make better looking light rays on your text using a unique combination of Photoshop Filters.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-00.jpg&t=Finished%20Better%20Light%20Rays%20Photoshop%20T utorial)
STEP 1 Start a new image and add your text, assuming white text on black background. In this case, we want a square image so the filters work better. We will crop it down later. Center the text and make sure you have a decent margine around it for the rays to go.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-01.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-01.jpg&t=Start%20Text%20Better%20Light%20Rays%20Photoshop %20Tutorial)

STEP 2 Duplicate the text layer and color it black. Hide this layer temporarily. STEP 3 With the lower, white text layer selected, apply a Polar Coordinate conversion. Go to Filter>Distort>Polar Coordinates... Accept that the layer will be rasterized. Set it to convert from Polar to Rectangular. http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-02.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-02.jpg&t=Polar%20Coordinates%20Filter%20Settings%20for%20 Better%20Light%20Rays%20Photoshop%20Tutorial) http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-03.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-03.jpg&t=Results%20of%20Polar%20Coordinates%20Filter%20Se ttings%20for%20Better%20Light%20Rays%20Photoshop%2 0Tutorial)
STEP 4 Since we want rays of light, we can achieve this effect with Wind. But because Wind only goes side to side, we need to rotate our canvas. Go to Image>Rotate Canvas>90 CW.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-04.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-04.jpg&t=After%20Rotation,%20Better%20Light%20Rays%20Phot oshop%20Tutorial) STEP 4 Apply Filter>Stylize>Wind..., Method Wind, Direction From the Right. Apply Wind 3 times. Apply a Motion Blur angle 0, Distance of 100. Rotate the canvas back 90 CCW like in step 3.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-05.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-05.jpg&t=After%20Wind%20Filter,%20Better%20Light%20Rays%2 0Photoshop%20Tutorial)
STEP 5 Apply Filter>Distort>Polar Coordinates... and convert from Rectangular to Polar. Turn the top, black text layer on.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-06.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-06.jpg&t=Results%20after%20Polar%20Coordinates%20Filter,% 20%20Better%20Light%20Rays%20Photoshop%20Tutorial) STEP 6 Add a levels adjustment layer (Layer>New Adjustment Layer>Levels...) and adjust the blue channel to add some color.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-07.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-07.jpg&t=Levels%20Adjustment%20Layer%20for%20Better%20Lig ht%20Rays%20Photoshop%20Tutorial)
And there you have it, the final version is easily cropped out. You may want to try blurring the layer a little, though I like the sharp rays in this case.
http://www.quantumpetshop.com/images/tutorials/text/betterlightrays-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/betterlightrays-00.jpg&t=Finished%20Better%20Light%20Rays%20Photoshop%20T utorial)

50Cent_SL

09-04-2008, 12:35 PM

Ice
Freeze your text with this neat effect.
http://www.quantumpetshop.com/images/tutorials/text/ice-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-00.jpg&t=Finished%20Ice%20Photoshop%20Text%20Tutorial)
The order of these instructions was designed to be very flexible and allow you lots of control over the effect.
STEP 1 In a new photoshop file, create your text white on a black background. Flatten the layer.
http://www.quantumpetshop.com/images/tutorials/text/ice-01-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-01-text.jpg&t=Start%20Text%20for%20Ice%20Photoshop%20Text%20Tu torial)
STEP 2 Create a new white layer, and use Filter>Render>Clouds on it. Perform Filter>Render>Difference Clouds about 5 times to bring out some details. (Note, render clouds and difference clouds behave differently at different resolutions. Higher resolutions give more detail.)
http://www.quantumpetshop.com/images/tutorials/text/ice-02-clouds.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-02-clouds.jpg)
STEP 3 Put the text layer above the clouds layer, setting its opacity to 50.
http://www.quantumpetshop.com/images/tutorials/text/ice-03-cloudwithtext.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-03-cloudwithtext.jpg)
STEP 4 Add a levels adjustment layer (Layer>New Adjustment Layer>Levels.) Adjust the minimum and maximum input levels to encompass the area on the right. The result you end up with should be your text with the clouds filling. http://www.quantumpetshop.com/images/tutorials/text/ice-04-levels1.jpg http://www.quantumpetshop.com/images/tutorials/text/ice-04b-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-04b-text.jpg)
STEP 5 Add a curves adjustment layer (Layer>New Adjustment Layer>Curves.) Adjust the shape of the curve so it resembles a bell or hill shape like pictured. The second and fourth control points are important. The resulting image wont look like much but a spotted outline. http://www.quantumpetshop.com/images/tutorials/text/ice-05-curves.jpg http://www.quantumpetshop.com/images/tutorials/text/ice-05b-curved.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-05b-curved.jpg)
STEP 6 This step is recommended to help with future adjustment. We'll use a levels adjustment layer (Layer>New Adjustment Layer>Levels) to add some frost blue color to our text.
Your going to adjust multiple channels, including the overall RGB channel.
Channel the RGB channel middle input level so its skewed left.
Move the Red channel minimum input level right.
Move the Blue channel maximum input level all the way left.
http://www.quantumpetshop.com/images/tutorials/text/ice-06-levelsRGB.jpg
http://www.quantumpetshop.com/images/tutorials/text/ice-06b-levelsRed.jpg
http://www.quantumpetshop.com/images/tutorials/text/ice-06c-levelsBlue.jpg
http://www.quantumpetshop.com/images/tutorials/text/ice-06d-leveled.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-06d-leveled.jpg)
STEP 7 And now the real fun starts. Select your text layer you created in step 1 a apply a Gaussian filter on it. I used a setting of 4, but it will depend on your image size. The real fun here is since we did the adjustment layers already, you can see what the effect will look like with different amounts of blur.
http://www.quantumpetshop.com/images/tutorials/text/ice-07-blur.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-07-blur.jpg)

STEP 8 One last thing to make the image a little more ice like is to effect the cloud layer. Select the cloud layer from step 2 and use the ripple filter, Filter>Distort>Ripple. I used about 500% ripple with the size set to large. I applied the ripple filter 10 times.
http://www.quantumpetshop.com/images/tutorials/text/ice-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-00.jpg)
You can now go back to the adjustment layers and continue to fine tune or adjust if you desire.

And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/ice-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ice-00.jpg&t=Finished%20Ice%20Photoshop%20Text%20Tutorial)

50Cent_SL

09-04-2008, 12:37 PM

Electric Arcs
Add electrical arcs to your text.
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-00.jpg&t=Electric%20Arcs%20Photoshop%20Tutorial%20Final%2 0Result)
The order of these instructions was designed to be very flexible and allow you lots of control over the effect.
STEP 1 In a new photoshop file, create your text black on a white background. Flatten the layer.
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-01-text.jpg
STEP 2 Create a new white layer, and use Filter>Render>Clouds on it. Perform Filter>Render>Difference Clouds about 5 times to bring out some details. (Note, render clouds and difference clouds behave differently at different resolutions. Higher resolutions give more detail.)
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-02-clouds.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-02-clouds.jpg&t=Render%20Clouds%20Sample,%20Electric%20Arcs%20Ph otoshop%20Text%20Tutorial)
STEP 3 Put the text layer above the clouds layer, setting its opacity to 50.
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-03-cloudwithtext.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-03-cloudwithtext.jpg&t=Opacity%20Effects,%20Electric%20Arcs%20Photoshop %20Text%20Tutorial)
STEP 4 Add a levels adjustment layer (Layer>New Adjustment Layer>Levels.) The shape of the histogram should have a "dead spot". Adjust the minimum and maximum input levels to encompass the dead spot. The result you end up with should be black text on a white background. http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-04-levels1.jpg (http://www.quantumpetshop.com/images/image.asp?image=../../images/tutorials/text/ElectricArcs-04-levels1.jpg&t=Levels%20Settings%20for%20Electric%20Arcs%20Phot oshop%20Text%20Tutorial) http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-01-text.jpg
STEP 5 Add a curves adjustment layer (Layer>New Adjustment Layer>Curves.) Adjust the shape of the curve so it resembles a bell or hill shape like pictured. The second and fourth control points are important. The resulting image wont look like much but a spotted outline. http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-05-curves.jpg (http://www.quantumpetshop.com/images/image.asp?image=../../images/tutorials/text/ElectricArcs-05-curves.jpg&t=Curves%20Settings%20for%20Electric%20Arcs%20Phot oshop%20Text%20Tutorial) http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-05b-curved.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-05b-curved.jpg&t=After%20Curves%20Adjustment%20Layers,%20Electric %20Ars%20Photoshop%20Text%20Tutorial,%20Yes%20the% 20Image%20Looks%20Awful)
STEP 6 This step is recommended to help with future adjustment. For now, we'll assume a basic yellow color. To do this we need to add another adjustment layer, this time a Color Balance. http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-06-color.jpg (http://www.quantumpetshop.com/images/image.asp?image=../../images/tutorials/text/ElectricArcs-06-color.jpg&t=Color%20Balance%20Settings%20for%20Electric%20Ar cs%20Photoshop%20Text%20Tutorial) STEP 7 And now the real fun starts. Select your text layer you created in step 1 a apply a Gaussian filter on it. I used a setting of 8, but it will depend on your image size. The real fun here is since we did the adjustment layers already, you can see what the effect will look like with different amounts of blur.
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-00.jpg&t=Electric%20Arcs%20Photoshop%20Tutorial%20Final%2 0Result)
You can now go back to the adjustment layers and continue to fine tune or adjust if you desire.

And there you have it, the final version.
http://www.quantumpetshop.com/images/tutorials/text/ElectricArcs-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/ElectricArcs-00.jpg&t=Electric%20Arcs%20Photoshop%20Tutorial%20Final%2 0Result)

Asitha-K

09-04-2008, 12:38 PM

http://psdtuts.s3.amazonaws.com/117_Earth/31.jpg
meeka mage siggyata daanawa!

50Cent_SL

09-04-2008, 12:38 PM

Bubble Gum Text
Transform your text into that classic bubble gum goodness.
http://www.quantumpetshop.com/images/tutorials/text/Bubblegum-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblegum-00.jpg&t=Fished%20Bubble%20Gum%20Photoshop%20Text%20Tutor ial)
STEP 1 Start a new image and wwrite your text on a white background. To get a good bubblegum color use the CMYK color % inputs in the color picker. Make your text a basic bubblegum pink, which easily correlates to a 30 in the M (magenta).
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-01.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-01.gif&t=Start%20Text%20for%20Photoshop%20Bubble%20Gum%20 text%20Tutorial)
http://www.quantumpetshop.com/images/tutorials/text/Bubblegum-02.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblegum-02.jpg&t=Bubble%20Gum%20Photoshop%20Text%20Tutorial%20Col or%20Picker)

STEP 2 Double click the layer to apply layer styles. Add a Bevel and Emboss layer. Set the style to Inner Bevel, technique to Smooth. Maximize the depth to 1000%. Direction Up. The Size will depend on your text size, but should be relatively low, and in this case (for an image width of approx 1000 pixels) I used 5. Set soften to 0. The shading is where this starts to shine. Set the angle to 90 and the altitude to 20 (you can change this later to tweak). Change the highlight color to a lighter pink (set M to 20) and the shadow color to a darker pink (set M to 40). Change the gloss contour to a rounded shape. You may also want to adjust the sub-contour to a rounded shape.
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-03.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-03.gif&t=Bubble%20Gum%20Photoshop%20Tutorial%20Later%20St yle,%20Bevel%20and%20Emboss%20Settings)
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-04.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-04.gif&t=Layer%20Styles%20Resuts%20for%20Bubble%20Gum%20P hotoshop%20Text%20Tutorial)
STEP 3 This looks pretty good and you can stop here if you're satisfied, but we can take it a step further by adding a Satin layer. Set the angle to 90 and the color to a darker pink (set M to 50). Make the blend mode Normal with opacity of 50%. Set the distance and size to 10 each.
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-05.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-05.gif&t=Layer%20Style,%20Satin%20settings%20for%20Bubble %20Gum%20Photoshop%20Text%20Tutorial)
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-06.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-06.jpg&t=Results%20of%20Satin%20Layer%20Styles%20for%20Bu bble%20Gum%20Photoshop%20Text%20Tutorial)

STEP 4 One more step, add a Pattern Overlay. Set the pattern to "Satin" (looks chrome like). Set the blend mode to Overlay or Lighten with opacity of about 50%. Scale to fit your desires.
http://www.quantumpetshop.com/images/tutorials/text/Bubblgeum-07.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblgeum-07.gif&t=Layer%20Style,%20Pattern%20Overlay%20Settings%20 for%20Bubble%20Gum%20Text%20Tutorial)
And there you have it, a pretty good looking bubble gum font. If you want, you can further adjust it by playing with the light angles, as well as the blending modes.
http://www.quantumpetshop.com/images/tutorials/text/Bubblegum-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/Bubblegum-00.jpg&t=Fished%20Bubble%20Gum%20Photoshop%20Text%20Tutor ial)

50Cent_SL

09-04-2008, 12:39 PM

http://psdtuts.s3.amazonaws.com/117_Earth/31.jpg
meeka mage siggyata daanawa!
ela ela hondata gelapenawa:yes:

50Cent_SL

09-04-2008, 12:40 PM

Oil and Water Text
Mix oil and water, or any liquid combination, using layer properties in Photoshop.
http://www.quantumpetshop.com/images/tutorials/text/OilAndWater-00a.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/OilAndWater-00a.gif)
STEP 1 Start a new image and add text. Set the font color to something to represent your transition color (where the oil meets the water).
http://www.quantumpetshop.com/images/tutorials/text/OilAndWater-01a.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/OilAndWater-01a.gif)

STEP 2 Double click the text layer and add a Bevel and Emboss layer style. Set it to Inner Bevel with Smooth technique. Set the depth to something over 100%, direction Up set the size to something about 50 with a low soften value. Adjust the shading so that the angle is upwards, 90 degrees, and the altitude is low, ~1 degree. The trick here is to use the highlight and shadow colors to represent the oil and water. Set the highlight and shadow modes to Normal with 100% opacity. Set the highlight color to a brown yellow for oil, and the shadow color to a light blue for water.
http://www.quantumpetshop.com/images/tutorials/text/OilAndWater-02b.gif

STEP 3 Don't close the layer styles menu yet. Click the Gloss Contour shape to open the contour editor. Add a control point and adjust its values so that it's located in the upper left. This will adjust the transition range between the colors, the highlight and shadow.
http://www.quantumpetshop.com/images/tutorials/text/OilAndWater-03a.gif

And there you have it, a basic font with a oil on water apperance. Try adjusting the angle values to make the oil and water mixture do interesting things.
http://www.quantumpetshop.com/images/tutorials/text/OilAndWater-00a.gif (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/OilAndWater-00a.gif)

50Cent_SL

09-04-2008, 12:41 PM

Easy 3D Shadows
Make more interesting text by adding some depth to your shadows.
http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/easy3dshadows-00.jpg&t=Finished%20Easy%203D%20Shadows%20Photoshop%20Tex t%20Tutorial)
STEP 1 Start a new image and add your text.
http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-01-text.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/easy3dshadows-01-text.jpg&t=Start%20Text,%20Easy%203D%20Photoshop%20Text%20T utorial)

STEP 2 Duplicate the text layer, color it black and rasterize it. Rasterize the lower layer by right clicking the layer and selecting Rasterize Layer from the pop up menu. http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-02-duprast.jpg STEP 3 With the rasterized layer selected, free transform the layer (Ctrl-T or Edit>Free Transform on the menu). Hold down the control key and select the top-middle deformation handle and drag it up and to the right. Once it is generally the shape you want, let go. Using the Ctrl and Shift key together, adjust the top-right and top-left handles until the perspective you want is achieved.
http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-03-transform.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/easy3dshadows-03-transform.jpg&t=Transformation%20Settings%20for%20Easy%203D%20Sh adows,%20Photoshop%20Text%20Tutorial)
STEP 4 Double click the rasterized shadow text layer and add a gradient overlay.
http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-04-grad.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/easy3dshadows-04-grad.jpg&t=Layer%20Style%20settings%20for%20Easy%203D%20Sha dows%20Photoshop%20Text%20Tutorial)
Either adjust the gradient color so its not so dark or adjust the layer opacity to 50% (if on a white background like this).
And there you have it, the final version. You may want to try blurring the layer a little, though I like the sharp shadow in this case.
http://www.quantumpetshop.com/images/tutorials/text/easy3dshadows-00.jpg (http://www.quantumpetshop.com/images/image.asp?image=tutorials/text/easy3dshadows-00.jpg&t=Finished%20Easy%203D%20Shadows%20Photoshop%20Tex t%20Tutorial)

50Cent_SL

09-04-2008, 12:50 PM

Metal Text Tutorial

1: We're going to try to get a really metallic chrome effect on our text, using curves and other features in Photoshop. Start off with a large canvas, the larger the better - I'm using 800x800. Make some text and have it a light-medium grey, in the example I'll use #B3B3B3.
Start off by using a nice big bevel and emboss with settings similar to these (http://psgallery.omegadesigns.co.uk/tutorials/images/038.gif). As usual, the size should be suitable for the size of the image; try to make it look like the example. http://psgallery.omegadesigns.co.uk/tutorials/images/039.gif http://psgallery.omegadesigns.co.uk/tutorials/images/041.gif 2: Now we need to rasterize our layer. Create a new layer by pressing ctrl/cmd + shift + N, then link the new layer with the text layer, and press ctrl/cmd + E to merge it. This will rasterize our text layer.
Now we need to adjust the image using curves - press ctrl/cmd + M to open the curves menu, then enter a nice even zig zag, as shown here (http://psgallery.omegadesigns.co.uk/tutorials/images/040.gif). 3: Go Image || Adjustments || Variations, set the slider at the top to one notch from the bottom, and then click once on the 'Current Pick' box, once on the 'More Blue' box, and then once on the 'More Green' box - now click OK. Press ctrl/cmd + M again to open up the curves menu, and enter a slightly different curve like this (http://psgallery.omegadesigns.co.uk/tutorials/images/042.gif).
Now add a drop shadow using the default settings by going Layer || Layer Style || Drop Shadow and clicking OK. http://psgallery.omegadesigns.co.uk/tutorials/images/043.gif http://psgallery.omegadesigns.co.uk/tutorials/images/046.gif 4: Now use the layer styles again (Layer || Layer Styles) to add an inner glow using these (http://psgallery.omegadesigns.co.uk/tutorials/images/044.gif) settings. Go to layer styles again and this time add a second bevel and emboss, with these (http://psgallery.omegadesigns.co.uk/tutorials/images/045.gif) settings.
For the next stage, we need to create a selection - hold ctrl/cmd and click on the main layer in the layers palette. This will select the letter/text - now go Select || Modify || Contract and enter a value of 3. Now go Select || Feather (ctrl/cmd + shift + D) and enter 3 again. 5: At the bottom of the layers palette, click the 'Create New Fill or Adjustment Layer' button - a circle half black and half white - and click 'Gradient Map'. Click the arrow at the side of the dialogue box that appears (see this (http://psgallery.omegadesigns.co.uk/tutorials/images/047.gif)image), and load the file 'Metals'. Apply the gradient in the bottom left (black > white > black - "Steel Bar"), then set this layer's blending mode as 'overlay'.
This should give a similar effect to that seen opposite. If not, try the tutorial a few times - there are several variables such as the curves input that can make quite a difference, and it takes some practise! http://psgallery.omegadesigns.co.uk/tutorials/images/048.gif

50Cent_SL

09-04-2008, 12:52 PM

In this tutorial you will learn how to give your text some dripping blood, as shown below:
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%2010.jpg
Start a “400×200” pixels, 16 million colors, white background image. Add a new Raster Layer (Layers>New Raster Layer). Enter any text as shown below using the Type Tool on the new layer.
My Text Settings:
Font = 08 Underground Color = Black) Size = 72 Antialias = Checked Floating = Selected
Stroke = 0
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%201.gif
Apply Inner Bevel filter (Effects>3D Effects>Inner Bevel) on the current text selection.
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%202.jpg
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%203.jpg
Add a new layer (Layers>New Raster Layer). Then, Floodfill text selection with “#ff0000” (red) color. Apply Inner Bevel Filter (Effects>3D Effects>Inner Bevel) using the previous settings.
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%204.jpg
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%205.jpg
Deselect the selection by pressing “CTRL+D“. Make sure your active layer is ‘Raster 2‘ (red font layer). Pick the “Eraser Tool” and randomly erase the lower portion of the red text revealing the black text as shown below.
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%206.gif
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%207.jpg
Pick the “Smudge Tool” and apply the smudge brush on the selected areas as shown. Simply click your mouse on the starting point (Point A) and drag your mouse towards Point B.
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%208.gif
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%209.jpg
Repeat same procedure in Step 5 using different brush sizes. Now you are DONE! You should have gotten something like this:
http://www.adobe-tutorials.net/tutorials/bloodytext/IMG%2010.jpg

harshafx

09-04-2008, 12:52 PM

thanx buddy :D

50Cent_SL

09-04-2008, 12:54 PM

thanx buddy :D
Welcome bro:D

50Cent_SL

09-04-2008, 12:59 PM

VEry stylish 3D text

Create a cool 3D text Effect like these:
http://tutorialbeach.com/tutorials/images/3d_pixel_11.jpghttp://tutorialbeach.com/tutorials/images/3d_pixel_10.jpg
Step 1

Create a blank document of the desired size.
Type your text in black on a white background.
I used a pixel font (thus the cool X) but you can use any font you want.
http://tutorialbeach.com/tutorials/images/3d_pixel_1.jpg
Step 2

You have to apply a bunch of layer styles (right click text layer and choose blending options):
Drop Shadow:
http://tutorialbeach.com/tutorials/images/3d_pixel_5.gif
Outer Glow:
http://tutorialbeach.com/tutorials/images/3d_pixel_6.gif
Inner Glow:
http://tutorialbeach.com/tutorials/images/3d_pixel_7.gif
Gradient Overlay:
http://tutorialbeach.com/tutorials/images/3d_pixel_9.gif
You might to change some of the values to achieve a different outcome of the 3D text.

The text will look something like this now:
http://tutorialbeach.com/tutorials/images/3d_pixel_2.jpg
Right click the text layer and choose Rasterize.
Step 3

Hit CTRL-T and choose Warp or Perspective and distort the text any way you want.
I used Warp and came up with this:
http://tutorialbeach.com/tutorials/images/3d_pixel_3.jpg
Step 4

Alright, now hold down ALT and start pressing left and down repeatedly until you are satisfied with the 3D effect:
http://tutorialbeach.com/tutorials/images/3d_pixel_4.jpg
Step 5

Click Image --> Flatten Image.
If you want to colorize your image hit CTRL-U and pick a nice color like this:
http://tutorialbeach.com/tutorials/images/3d_pixel_10.jpg

Step 6

If you want the fiery color for you 3D Text do this:
Go to Image --> Mode --> Grayscale
then Image -->Mode --> Indexed Colors
and finally Image -->Mode --> Color Table and choose Black Body
There you go. your 3D text:
http://tutorialbeach.com/tutorials/images/3d_pixel_11.jpg

50Cent_SL

09-04-2008, 01:03 PM

Recreate the ‘Bee Movie’ Text Effect (http://www.photoshopstar.com/text/recreate-the-bee-movie-text-effect/)

In this quick Photoshop tutorial we’ll be recreating the ‘Bee movie’ text effect, you know, the one you’ve seen all over the place over the last few months? http://www.photoshopstar.com/wp-includes/images/smilies/icon_razz.gif
You can see what we’ll be designing with this tutorial in the below image.
http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-tutorial.jpg
You can see the original text over at the Apple trailers page (http://www.apple.com/trailers/dreamworks/beemovie/).
1. Background Creation

Firstly we’re going to make a nice background. Start by creating a new document in Photoshop, all the default settings except dimensions: 600 pixels width, 300 pixels height.
http://www.photoshopstar.com/wp-content/uploads/2007/11/create-document.gif
After making your new document, fill the background layer with black then make a light gradient in a new layer.
http://www.photoshopstar.com/wp-content/uploads/2007/11/light-gradient.jpg
Now you’ve got two layers, the background layer and your gradient layer, change the opacity for your gradient layer to about 5-15%, so that you end up with a very dark background again.
http://www.photoshopstar.com/wp-content/uploads/2007/11/dark-gradient.jpg
Now, you can finish off the background by adding in a screenshot of the Bee movie or like that. For this I went to Google Images (http://images.google.com/imghp?tab=wi) and searched for an extra large picture of ‘bee movie.’ I found this image (http://media.kino-govno.com/images/beemovie/beemovie_3.jpg). If the that site is down, download here (http://www.photoshopstar.com/wp-content/uploads/2007/12/beemovie_large.jpg).
Copy the image you’ve chosen to your document and resize it to fit. After this, change the layer opacity to around 15-25%, duplicate your screenshot layer and change the layer mode to either Overlay or Soft Light.
http://www.photoshopstar.com/wp-content/uploads/2007/11/screenshot-added.jpg
Now you should have a background like this.
Lastly for your background, create a new layer and draw a black to white linear gradient on your canvas, black at the bottom and white at the top, similar to this:
http://www.photoshopstar.com/wp-content/uploads/2007/11/black-to-white.jpg
Change the layer mode for your gradient layer to Multiply and you’ll end up with an effect like this:
http://www.photoshopstar.com/wp-content/uploads/2007/11/gradient-layer-modes.jpg
What do you think? Well, at least we’re done for the background! http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif
2. Create Base Text

Alright, time to make our base text. What you need here is a very,very fat font. Head over to DaFont (http://www.dafont.com/) or UrbanFonts (http://www.dafont.com/) and see if you can find a nice, large sans-serif font.
http://www.photoshopstar.com/wp-content/uploads/2007/11/bee-text-added.jpg
In the above image I’ve used a font called Frutiger 95, which is sadly a commercial font. Feel free to try a different font such as Arial Black, or you know, buy or ‘get’ a nice font from somewhere. http://www.photoshopstar.com/wp-includes/images/smilies/icon_wink.gif
Note: Since we’re working in a fairly large document size, you will want to use a large text size, around 150 pt or whatever suites the document size.
3. Apply Layer Styles to Text

Now, to make our text look like the real thing, we’ll add some layer styles.
Drop Shadow (http://www.photoshopstar.com/wp-content/uploads/2007/11/drop-shadow-11.gif)
Inner Shadow (http://www.photoshopstar.com/wp-content/uploads/2007/11/inner-shadow-1.gif)
Inner Glow (http://www.photoshopstar.com/wp-content/uploads/2007/11/inner-glow-11.gif)
Bevel and Emboss (http://www.photoshopstar.com/wp-content/uploads/2007/11/bevel-emboss-1.gif)
Bevel and Emboss — Contour (http://www.photoshopstar.com/wp-content/uploads/2007/11/bevel-contour-1.gif)
Gradient Overlay (http://www.photoshopstar.com/wp-content/uploads/2007/11/gradient-overlay-1.gif)Colors used were:
Inner Glow: #7f7f51.
Gradient Overlay: #f86503 and #fbe432.And now we have something like this:
http://www.photoshopstar.com/wp-content/uploads/2007/11/layer-styles-applied.jpg
Looks pretty much finished already, huh? http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif
Please note: The layer styles depend on what size your text is, the size of the bevel may need to be adjusted for smaller or bigger text, please remember this.
4. Small ‘Movie’ Text

The last thing we really need to do is add ‘Movie’ underneath the main text, but in a smaller font size. You can simply duplicate your main text here, size it down and change the letters, but the layer styles will actually need a little tweaking.
After duplicating your main text and changing what needs to be changed, position your text accordingly, like mine:
http://www.photoshopstar.com/wp-content/uploads/2007/12/movie-text-moved.jpg
Now, apply/edit the following layer styles/settings:
Drop Shadow (http://www.photoshopstar.com/wp-content/uploads/2007/12/drop-shadow-2.gif)
Inner Shadow (http://www.photoshopstar.com/wp-content/uploads/2007/12/inner-shadow-2.gif)
Inner Glow (http://www.photoshopstar.com/wp-content/uploads/2007/12/inner-glow-2.gif)
Bevel and Emboss (http://www.photoshopstar.com/wp-content/uploads/2007/12/bevel-emboss-2.gif)
Bevel and Emboss — Contour (http://www.photoshopstar.com/wp-content/uploads/2007/12/bevel-contour-2.gif)
Gradient Overlay (http://www.photoshopstar.com/wp-content/uploads/2007/12/gradient-overlay-2.gif)Alright, now, hopefully your text looks something like this:
http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-text.jpg
If it does, then congratulations! If not, well, you can always download the PSD file for this tutorial and see what went wrong! http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif
5. Completion

This isn’t actually a real step, it’s just letting you know we’re finished and you can also download the PSD file if you like http://www.photoshopstar.com/wp-includes/images/smilies/icon_wink.gif
Thanks for reading this tutorial everyone, I hope it was alright by your standards! If you would like, you can download the PSD file from this tutorial from below, for learning purposes only, of course.
http://www.photoshopstar.com/images/free-psd-download.gif (http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-psd.zip)
(1.8mb)

50Cent_SL

09-04-2008, 01:05 PM

Start a new document about 800x300.
Reset your foreground and background color to black and white (Press "D").
http://www.tutorialwiz.com/common/blackandwhite.gif
Then go to Filter->Render->Clouds.
http://www.tutorialwiz.com/3D_cliff_text/images/1.jpg Select the type tool and create your text. Make it fairly large, and position it towards the top.
http://www.tutorialwiz.com/3D_cliff_text/images/2.jpg
CTRL+CLICK the text layer to load the selection, then go to SELECT->Feather, and enter 3. Now hide the text layer.
http://www.tutorialwiz.com/3D_cliff_text/images/3.jpg
Set your foreground color to white and background to light grey. I used:#7E7E7E.
Now create a new layer, then go to Filter->Render->Cloud. Then go to Layer->Image->Flatten Image. (if prompt for "Discard Hidden Layers" Click ok.)
http://www.tutorialwiz.com/3D_cliff_text/images/4.jpg
Now go to Image->Rotate Canvas->90CW. Then Filter->Stylize->Wind:
Method: Wind. Direction: From the Right. Press CTRL+F about 7 times to reapply the wind filter. Then Image->Rotate Canvas->90CCW to turn the image back to normal viewing.
http://www.tutorialwiz.com/3D_cliff_text/images/5.jpg
Now Filter->Sharpen->Unsharp Mask. Amount: 500%. Radius: 2. Threshold: 0.
Then Filter->Sharpen->Sharpen. Reapply twice..
http://www.tutorialwiz.com/3D_cliff_text/images/6.jpg
Now open the color balance box and play with the color sliders to get some nice colors.

HERE'S MINE.
http://www.tutorialwiz.com/3D_cliff_text/images/f.jpg

50Cent_SL

09-04-2008, 01:08 PM

Step 1

Create new document (Ctrl+N), any size (I used 900x600), then fill up the layer with #000000. Name this layer “Background”. Create new layer (Ctrl+Shift+N) and fill it with #090e12. Name the layer “Bg Light” and add a layer mask to it. With the mask selected, grab the Gradient (G) tool, set it to Radial Gradient, press D to reset the foreground and background colors to default and drag the Gradient tool from the center of the document towards the edge to get a circular light effect.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s1.jpg
Step 2

Time to create some fog/smoke. Create a new empty layer, name it “Smoke”. Make sure you’ve got the default colors on (press D), go to Filter › Render › Clouds. Set the blending mode to Soft Light.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s2.jpg
Step 3

Time to insert our 3DS Max rendered text. Unfortunately how to achieve the text effects in 3DS Max is not the object of this tutorial, so you must know your way around it before you actually start this tutorial. Basic directions would be to create the text letter by letter, arranging each one in a different position as if they’d be blown away. Give it a Bevel modifier, set up the lighting and an optional camera for rendering angles. Set up the materials so that the text reflects the environment to give it that cool shiny effect. Render it at 1600×1200 or more so that it will be easier to cut out the background in Photoshop without any weird edges.
Anyway, we’ll be creating everything else in relation to this text so after you cut out the background, paste it in your document and adjust its size accordingly. Let’s name this layer “Kaboom” and set its Blending Mode to Luminosity for later on.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s3.jpg
Step 4

Next up, we’re going to create some smoke effect behind the text. Create a new layer below the Kaboom layer, select the Lasso tool (L) and draw up a distorted selection around the text. Feather (Ctrl+Alt+D) the selection by, say, 30px, then go to Filter › Render › Clouds. Press L to bring up the Levels window and play with the Red, Green and Blue levels until you get an orange color with strokes of reddish orange here and there. Set the layer style to Pin Light, duplicate the layer, Transform it (Ctrl+T) and flip it horizontally. Duplicate the layer again and set its Blending mode to Hue.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s4.jpg
Step 5

Some more smoke and light effects. Grab the lasso tool again and draw a selection in the same way you did on Step 4, except this time draw it in a more “circular” shape (meaning not so spread horizontally). If this explanation fails to do it, just take a look at the image below http://www.tutorialsphere.com/homemade/wp-includes/images/smilies/icon_smile.gif Feather the selection again by 30-40px and fill it up with clouds (Filter &rsaquo Render › Clouds). Set the Blending Mode to Color Dodge, now duplicate that layer and set its blending to Hue. Create a new Levels Adjustment Layer http://www.tutorialsphere.com/homemade/uploads/2008/02/icon-adjlayer.gif above the last layer we just made and press Ctrl + Alt + G to group it with the layer below. This gives the effects created with the adjustment layer only to the grouped layer. Set it as you see below:
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s5-style1.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s5-style2.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s5-style3.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s5-style4.jpg
1 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 2 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 3 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 4 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;)
var myslide=new ddtabcontent("imgslide");myslide.setpersist(true);myslide.setselectedClas sTarget("link");myslide.init();

Now you should have the following result, or similar:
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s5.jpg
Step 6

Next we will add motion effect to the text. Duplicate the Kaboom layer, go to Filter › Blur › Radial Blur - Amount: 10, Blur Method: Zoom, Quality: Best. Apply a circular gradient layer mask, then set Blending Mode to Overlay. Duplicate the Kaboom layer again, apply a Radial Blur as follows: Amount: 40, Blur Method: Zoom, Quality: Best, give it the same type of mask as above and set the Blending Mode to Overlay. Press Ctrl + L to play with the Levels and give it a bit of a golden color. Duplicate the Kaboom layer one last time, apply a Radial Blur of 80, same other settings as above, bring up the Layers window (Ctrl + L) and give it an orange type of color. Move this layer below the Kaboom layer.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-s6.jpg
Step 7

Let’s add one more light burst effect. Create a new layer, grab the Lasso tool and draw a selection with an irregular shape. Feather the selection (Ctrl+Alt+D) with about 20px, then press Ctrl + L and give your shape a red-ish color (view the images below for details). Give it a Radial Blur of about 80, Blur Method: Zoom, Quality: Best. Duplicate this layer and press Ctrl + T to transform it, scale it to about 70% then modify the Levels (Ctrl + L) to give it a light orange color. Duplicate this layer once.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut7-1.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut7-2.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut7-3.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut7-4.jpg
1 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 2 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 3 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 4 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;)
var myslide2=new ddtabcontent("imgslide2");myslide2.setpersist(true);myslide2.setselectedCl assTarget("link");myslide2.init();

Step 8

Time for some more light effects. Create a new layer. Select the Pen tool (P), make sure you have the Paths mode selected and draw a wavy shape like in the image below. Select the Brush tool and set it like shown below.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-1.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-2.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-3.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-4.jpg
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-5.jpg
1 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 2 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 3 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 4 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;) 5 (http://javascript%3Cb%3E%3C/b%3E:void%280%29;)
var myslide3=new ddtabcontent("imgslide3");myslide3.setpersist(true);myslide3.setselectedCl assTarget("link");myslide3.init();

Select the Pen again, right-click and select “Stroke Path”, then select Brush from the drop-down menu and make sure you have “Simulate Pressure” checked, then click OK. You should now have something that looks similar to the swirl in the image below. Give it a Color Overlay of #ffdf72, then select and erase the areas shown below to give the swirl a 3D effect, as if it would revolve around the text. Add a Mask to this layer, select the Gradient tool with a linear gradient and use it on the mask so that the swirl is transparent in the middle and opaque on the edge. Duplicate this layer and using the Gradient tool draw the same type of gradient, but in such a way so that the swirl is still transparent in the middle, but opaque on the opposite edge.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-6.jpg
Create new layer, grab the Brush tool and set it pretty much the same as above, except that you should use a larger size brush, say 10-15 and Scattering should be about 600%. Use the brush a couple of times until you get an effect like the one below.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut8-7.jpg
Step 9

And for our final step, we’ll add some texture. I got my texture from sxc.hu (http://www.sxc.hu/photo/419106) but you don’t have to use the same one, you can use any texture you think would work. Select the Kaboom layer, paster your texture in the document, scale it down a bit so that the texture details are sharp, set the layer blending mode to Multiply.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-tut9.jpg
Holding Ctrl click on the thumbnail of the Kaboom layer to create a selection after its shape, then click the Add Layer Mask button to do just that, add a layer mask in the shape of the text. This ensures the fact that our texture does not flow outside the boundaries of the text.
http://www.tutorialsphere.com/homemade/uploads/2008/02/kaboom-final.jpg
And there you have it: exploding text. http://www.tutorialsphere.com/homemade/wp-includes/images/smilies/icon_smile.gif I hope you enjoyed it at least as much as I did making it. If you’ve got any thoughts, comments or critiques please do leave a comment - I love to hear from you. http://www.tutorialsphere.com/homemade/wp-includes/images/smilies/icon_smile.gif If you happen to have an idea for one of my next tutorials, don’t be shy, let me know and if it’s interesting enough I will try to make it happen for you.

50Cent_SL

09-04-2008, 01:11 PM

Step 1

Open up Illustrator and with the Type Tool, type some text. I used the font Bifurk (http://www.dafont.com/bifurk.font), which is available to download for free. I used this font because nice thick fonts work best with this effect. Using a thin font usually yields poorer results. The font size has been set to 77pt. Don't worry about the font size too much. We'll be using Smart Objects, so we can adjust the size at any given time.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step1.jpg
Step 2

Now change the color to white. If you don't like not being able to see your text, you can simply use a different background. Next go to Effect>3D>Extrude & Bevel. Use the settings shown below, making sure to open up ore options, and make sure that Preview is on.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step2.jpg
Step 3

Time to migrate your work to Photoshop. Simply copy and paste the artwork (or drag it from one canvas to the other). I prefer to use Smart Objects. You can now resize your text to whatever size you want. In fact, the bigger the better. For the purposes of this tutorial, I will stick to a relatively small canvas. I placed the image on a blue background, so it's easier to work with than white on white.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step3.jpg
Step 4

Now the magic happens! Use the Settings below to apply Layer Styles to the text. The result follows the settings images.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step4.jpg
Step 5

Let's go over the top with this design. After all, this is a funky style we're creating here. Ctrl-Click your text layer to obtain a selection. Next, on a new layer add a smooth black to white gradient. Set the layer mode to Soft Light, and the Opacity to 40%. This creates some awesome contrast.
I also want to add some shadows so that my text sits on a surface. Select a low Opacity (around 20%) and a small-sized soft, black brush. Then brush a shadow below the text on a new lower layer. The further away you get from the text, the fewer strokes you should use. If you feel your shadow needs a blur then go to filter>blur>Gaussian blur. Use a value that seems appropriate to you. It's a basic shadow, nothing too fancy.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step5.jpg
Step 6

You could call it a day and stop here, or you could go on. Duplicate the smart object and rasterize it by going to (Layer > Rasterize > Smart Object). Hide the bottom smart object. Now go to the Clone Stamp Tool. Get a nice irregular brush, like a spatter brush, or something similar. Then clone some parts of the text. This creates a sweet broken-up effect. Be careful not to overdo the effect though.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step6.jpg
Step 7

I'm going to add more elements. Instead of glowing swirls, I'm going to add what I like to call :road marks". Perhaps the proper term would be "pinstripes". I use the Pen Tool to create a shape that has the proper perspective (this is all by eye), and then I fill it with white. This enhances that illusion of a surface. You can tweak it with a mask and a low-opacity brush—fading some parts creates a sweet effect.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step7.jpg
Step 8

Lens flares are underestimated. When used well, they help to enhance the effect of a glowing object. Create a new layer on top of everything else, and fill it with black. Go to Filter > Render > Lens Flare. Go for the 105mm prime. Put it a tad off center, so you get a nice beam shooting out of it. Set the layer mode to screen. Perhaps you noticed that if you move the layer around, you can see a harsh edge at the end of the lens flare. Simply erase it with a soft eraser or mask it with a soft brush. You can regulate the layer's opacity in order to control the intensity of the effect.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step8.jpg
Step 9

Let's add some color to the type now. Create a new layer on top of everything else. Grab a fuzzy, medium-sized brush, and set it to a color like (#e02c97). Start brushing the bottom of your type. When you are done, Ctrl-click on the layer where your type is located, so that a selection is visible around the type. Now hit the layer mask button at the bottom of the Layers palette. This should remove all the color that is outside the bounds of the text. Next, you should set this layer to soft light.
http://psdtuts.s3.amazonaws.com/134_3D_Type/Step9.jpg
Step 10

Let's work some more on the background. Create a new document that is 40px by 2px. Make sure that the background is set to transparent. Now fill half of the document (20px) with black. Go to edit > define pattern. Then save this new pattern.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step10.jpg
Step 11

Return to your original project. On a new layer, located below your type layer, go to edit > fill. Set the use field to Pattern. From the patterns available, select your freshly made custom pattern from the previous step. Now hit OK. The whole canvas should fill with a bunch of stripes.
Now go to edit > transform > perspective. Take the lower-left anchor point, and while holding Shift, drag it outwards and to the left. Keep doing this until the stripes seem to match the orientation of the shadow. This adds to the 3D effect in the design.
Finally, I changed the layer mode to Soft Light. With a low-opacity brush and a mask, I added some texture to the whole thing. I also removed parts of the line patterns to focus the design with a mask.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step11.jpg
Step 12

Next we'll create the rings. Take the Ellipse Tool and set it to paths instead of shape layers. Now make a nice circle (hold Shift to create a circle). Then stroke it with a 2px brush. Now you have one ring. Duplicate this layer, decrease it's size, and repeat this process about four more times. Now you have a bunch of rings. Merge all these layers. Then add a default glow, but with the color changed to white. Then add a lens flare on top, as we did earlier. For the fancy effect I used a mask (yes, again), and I got rid of a portion of the rings.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step12.jpg
Step 13

The next things to do are add the clouds and the 'smoke' below the letters. The clouds are from a stock image from Stock.Xchng (http://www.sxc.hu/photo/852087). After downloading and importing the image, I heavily masked and duplicated it. Play around and see what happens. Every outcome is different with this one. The smoke was created with the same techniques as can be found at the beginning of the Flaming Meteor Text Effect (http://psdtuts.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/) tutorial by Fabio.
http://psdtuts.s3.amazonaws.com/134_3D_Type/step13.jpg
Conclusion

Add a new layer below our "Pinstripe" layer. Then create a pink gradient, which goes from top to bottom, and fades to transparent about halfway down. And we're done!
You've learned to create 3D style text without the use of advanced 3D software. There are many options available when creating a design like this. This kind of 3D text really looks great on posters or when blended into urban or nature scenery. Once learned, this technique can yield spectacular results. Enjoy!
http://psdtuts.s3.amazonaws.com/134_3D_Type/final.jpg

icreations

09-04-2008, 01:16 PM

Gr8 stuff broo.. Keep it UP & thx

accessuser

09-04-2008, 01:20 PM

wwow ela ela machnz

DJ ASHAN

09-04-2008, 01:33 PM

WOW

shan_n95

09-04-2008, 01:48 PM

asanka10

09-04-2008, 02:07 PM

wow fata thnx machoo

50Cent_SL

09-04-2008, 03:05 PM

welcome all

50Cent_SL

09-04-2008, 03:09 PM

wow wow wow...machan..ubala wageee unta thamaa niyama wadakaarayooo kiyanne....man ps aba ateeka tharamwath deyak danna......ubata api wage ewunta eka mula idanma kiyala denna puluwannam eka apita loku udawwak weiiii
http://www.pegaweb.com/tutorials/beginners-guide-adobe-photoshop/
check this out you can learn photoshop through this
this is a basic photoshop tutorial:yes:

ahamednishadh

09-04-2008, 05:26 PM

bro thx again.

lots of tutes man. jst got up frm a nap. going to try everything.

thx again bro and keep them comming k!

sherlock

09-04-2008, 08:06 PM

thanx buddy

50Cent_SL

09-04-2008, 08:46 PM

more effects will be added very soon

50Cent_SL

09-04-2008, 08:47 PM

thanx buddy
welcome uncle

ahamednishadh

09-04-2008, 11:39 PM

more effects will be added very soon

ela ela

bring them on!

Dan01

09-05-2008, 12:12 AM

meva hondai. bit umbe eva nemei ne me...
psdtuts.com valin ne aragaththe......

50Cent_SL

09-07-2008, 11:23 AM

meva hondai. bit umbe eva nemei ne me...
psdtuts.com valin ne aragaththe......
umba wedee del karannane hadanne kata wahagena hitapanko:angry:;)

fazaal24

09-07-2008, 11:35 AM

hehe eeka nikan ma therenawa ne..Eth awlak naha:D Kattiyata denaganna ne danne;)

meva hondai. bit umbe eva nemei ne me...
psdtuts.com valin ne aragaththe......

50Cent_SL

09-07-2008, 05:51 PM

hehe eeka nikan ma therenawa ne..Eth awlak naha:D Kattiyata denaganna ne danne;)
ekath eththa:yes: