10 Original 3d Text Tutorials

3d text in Photoshop can be tough, especially making a really nice looking composition. I have looked around the web and I have seen a lot of 3D text that is 3D, but it doesn’t quite blow you away. Below you will see 10 different ways to make 3d text that are stunning.

Click on each title to view the tutorial on how to make that effect. You can click on the images themselves to see a larger version of the image.

1. 3d text with a splash of awesome

3d Text with water
Stunning 3d text in Photoshop with a realistic water effect

2. Shiny colorful 3d text

shiny and colorful 3d text
Create this stunning colorful and shiny text effect with this Photoshop tutorial

3. Realistic Grassy 3d text

Create this visually engaging nature themed 3d text effect

4. Ice Flavored 3d text poster

Create this delicious thirst quenching ice 3d text effect

5. Explosive 3d text design

3d text effect that is so explosive, when your boss sees it you might get a raise

6. Shockingly real 3d text

Why is there a huge piece of text on my couch? Find out in this Photoshop tutorial

7. Sparkly glass 3d text effect

Less is more with this clean and elegant 3d glass text effect created in Photoshop

8. Clean 3d text with highlights

Great 3d text with highlights (3d highlights, not the Ryan Seacrest ones)

9. Painterly 3d text in Photoshop

This 3d text effect looks painterly but can also look a bit like ice

10. Elaborate organic 3d text effect

Stunning Color Effect in 5 Minutes

Would you like to know how to create this effect in 5 minutes? Well it is a pretty easy effect to create. This tutorial should give you some ideas on how you can layer color with some photoshop effects to create interesting images for backgrounds or desktops or for use in designs.

Final Color Effect

The image below is the starting point for this effect. It should come of some surprise that we are using this flower graphic. In reality you can use any kind of image with a lot of dark and light areas, so if you want to go ahead and use an image of your choosing. If you download the tutorial file at the end of this tutorial, you will find the same flower image used here. (Flower photographed by me and can be found in larger sizes here: flower graphic).

Original Flower graphic

Open the flower image in Photoshop. To get ready for this tutorial, ensure your Toolbar and Options bar are showing by going to the “Window” menu and then make sure “Tools”, “Options” and “Layers” are checked, meaning they are visible.

In the “Filter” menu go to [Blur->Motion Blur] menu and click “Motion Blur”. Ensure that the “Angle” setting is set to “90” and that the distance setting is set somewhere close to “400”. This will be the base of our final color effect.

Motion Blur

Click the new layer button in the “Layers” palette to create a new layer above the existing one.

Click the new layer blutton on the bottom right

Now that you have a blank layer to work with, ensure the new layer is selected in the layer menu and then go to your toolbar and click the gradient button which looks like this:

After you have clicked the gradient button in the toolbar, click the gradient dropdown in the control bar (Located right below your menu). Click the rainbow gradient on the bottom left of the gradient dropdown.

Gradient dropdown box

Ensure that the layer you created before is still selected. Now drag the mouse from one end of the image to the other end of the image. Your image should look like the image below.

This is How the Gradient should look

Now set the layer’s blending mode to “Overlay” using the blending mode dropdown in the “Layers” pallette as shown below. Then make a third layer in the same way we made a new layer before.

Set the blending mode to "Overlay"

With the third layer selected, go to the “Edit” menu in the main menu and click “Fill”.

Click Fill

The “Fill” dialog will show up. Select “Color” in the “Use:” dropdown. The color picker will pop up, select a black color in the color picker.

The "Fill" window

You will notice that the third layer is filled with black, this is correct. Next click the eraser button in the toolbar. It looks like this:

Once you have clicked the eraser, click the “Brush” dropdown in the control bar as shown below. Set the “Master Diameter” to 400 px and the “Hardness” to 0%. This will give you a large blurred eraser brush.

The Brush Dropdown

Using the eraser, drag along the top part of the black to reveal the image below it. Your image should now look like the image below with the exception of the large circle which indicates the eraser brush.

Your image should now look like this

Finally, set the black layer’s opacity to somewhere around 60%.

Set the layer opacity to 60%

Your image should look like the final image.

You can use these techniques to create many forms of color and look, just alter the image used at the beginning or try a different filter than “Motion Blur”.

  Colorful Graphic Tutorial Files (933.7 KiB, 588 hits)

Creating a realistic Photoshop flare (or Solar Flare)

Photoshop solar flare image completed

Level: Intermediate (useful for advanced users)

Description:

This is a tutorial on creating a realistic Photoshop lens flare. I have noticed lens flares being used in many designs especially in the recent years. I have figured out how to do one myself. I am not sure if this is the technique that has been used — but I have found it to work quite well for creating this effect. You can use this tutorial for any kind of flare, solar flare or light explosion.

You can use this tutorial to create many kinds of flares or light effects — all you have to do is start out with a different white object (As gone over later).

Photoshop Version: CS2 (Can apply to Earlier versions up to Photoshop 7 or versions of Photoshop with Radial Blur)

Tutorial:

The first step is to create a new Photoshop document with a black background. It should be 5 inches by 5 inches at 300 dpi or a dpi that suits your needs.

The reason I suggest using this large of image size is so that you can reuse the flare as you need it. If your computers resources can not easily handle these steps with an image of the size I specified — reduce the DPI to 150 or even 72. I leave this up to you. (As a note though — you will have to slightly change the settings from what is shown below)

Next, create guides that show the center of the image. For an image that is 5 inches by 5 inches put a horizontal guide at 2.5 inches and then a vertical guide at 2.5 inches.

Blank black canvas

Next, create a new layer and using the eliptical marquee tool create a white circle in the center of the document as shown here.

For different flare effects you can make different shapes at this step.
Create a circle for the solar flare

Lock transparent pixels

Click on the layer with the circle you created and click the “Lock Transparent pixels” button which will allow edits only on the filled part of the layer.

The next step is to go to [Filter->Noise->Add Noise] and set the settings as shown here. (Amount: 400, Distribution: Gaussian, Monochromatic: selected)

Add noise to the circle

Next, click the “Lock transparent pixels” button again to unlock the layers transparent pixels.

Next go to [Filter->Blur->Radial Blur] and enter the settings as shown here. If your computer does not have a lot of RAM or is very slow — choose the “Good” option under “Quality”.

Next apply radial blur 10 more times by pressing [Control/Command + “F”] or by going to [Filter->Blur->Radial Blur] and applying the filter that many times.

You will start to get the looks of a flare here. After this there are still a few steps to get to the finish. Any steps from here can be altered to create your own style or color of flare.

Next, create a new layer and create a small circle of white using the elliptical marquee tool.

Then use [Filter->Blur->Gaussian Blur] and use the settings as shown here. This is what creates the bright light in the center of the flare.

Next, select the top layer and then at the bottom of the layers palette there is a button called “Create new fill or adjustment layer”. click this and then click “Hue/Saturation”.

This will add a new adjustment layer which will allow you to adjust the color of the flare without permanently affecting it.

Apply the settings as shown here (Hue: 211, Saturation: 52, Lightness: 0).

You can play with the settings to get a desired flare color or brightness.

The final file will look like this.

For the expert: You can put this flare into other images by deleting the background layer and doing a “Merge Visible Layers” which give give you an object to move to different photos.

I suggest you try different shapes at the beginning or try doing this effect with text.

I hope this tutorial is useful. Comment below if this tutorial has been helpful is or if you need additional help.

  Photoshop Solar Flare Layered File (3.3 MiB, 395 hits)

Steel Text (With Brushed Metal Look)

 

Make Steel Looking text. Also learn how to make the brushed steel texture. Once you know this you can add your own modifications and create your own steel look. There are millions of ways of making the steel text look. This is one way.

Level: Intermediate

Photoshop Version: CS2 (Can be done in Earlier versions up to Photoshop 7.0)

Definitions:

DPI: Dots Per Inch. This means how many pixels there are per inch of space.

Tutorial:

First create a new image with a black background. Create it 5 Inches Wide by 1 1/2 Inches tall at 300 dpi, or a dpi you desire.

Next, with your choice of font, create a white text saying whatever you would like to put there. I used Steel as the text and Franklin Gothic as the font. Some other good fonts for this are Bank Gothic and Copperplate Gothic.

Press “Ctrl j” while selected on the text layer. This will make a copy of the layer.

Next, rasterize the text layer by selecting it and going to [Layer -> Raterize -> Type ]

Next click on the rasterized type layer and click the lock transparent pixels button. This will loc the transparent pixels, so that anything you do to this layer wont affect the already transparent pixels.

Next thing you do is go to [Filer -> Noise -> Add Noise]

Apply the settings as seen here. If you want more streaks up the amount. If you want mutli-color streaks unclick “Monochromatic” which means one color only.

Next, go to [Filter -> Blur -> Motion Blur]

Apply the settings here, or change them as you desire. The main one you might want to adjust is distance. This is how much it applies the motion blur.

Now Select the gradient tool. Go to the gradient editor and select the “foreground to transparent” gradient. Click ok. Make sure your foreground is black. Then drag you gradient from bottom-right up to the top-left and top-left to the bottom-right. Here you can see what we are going for:

Next double click on the rasterized text layer to open the layer styles window. Check the box named satin and set the settings shown here or a variation if you like.

This completes the tutorial. Here is the outcome: