Skip to main content

Create a 3D Text Effect Using Photoshop Layer Styles


Create a new document in Photoshop. The size I’m using is 1920×1200 pixels. Fill the background with a color of your choice.
3d text effect using layer styles
I want to create a grunge background for the text. There are several ways to create a grunge background. I generally use a texture set on overlay, with the layer immediately below filled with a dark color, as you can see in this tutorial.
Today, I will use a pattern. In my last tutorial I explained how to create a custom grunge pattern from scratch. For the background of this tutorial I’m going to use use a dark pattern from the Tileable subtle grunge patterns set.
Just double click on the background layer to open the layer styles window, click on “pattern overlay” and select the pattern you prefer. If you don’t like the patterns visible in your library, click on the arrow near the pattern thumbnail and select another set from one available in the library. If you want to install a the new set, click on “load…” and select the new set just downloadeded (.pat file).
3d text effect using layer styles
Step 2
Create a new layer, set black as the foreground color, grab a large soft brush with hardness 0% and gently paint over the edges of the canvas. This way we focus the attention to the center, by eliminating the grunge effect from the edges.
3d text effect using layer styles
Step 3
We need a bold font with keen forms/edges. Download the free font Ash, and write something. In my case size is 140pt. Remember that layer styles vary in according with text size, so if you want to obtain my same results, use the same text size.
3d text effect using layer styles
Step 4
From the layers window, right-click on the text layer and select Blending options. We can now start playing with layer styles.
The first thing to do is add a gradient overlay going from a dark purple (#700760) to a lighter one (#b827a2), just to give it some color.
3d text effect using layer styles
Now select Satin, set its blending mode to overlay to add a glowing effect to the text:
3d text effect using layer styles
Finally, select inner glow to lighten the edges:
3d text effect using layer styles
Step 5
I want to create a large stroke effect and apply new styles to the stroke too. If I simply select “stroke” from the layer styles window of the text, I only have a few options to edit. The best solution is to create the stroke shape in a new layer, then play with it.
Duplicate the text layer (ctrl+J), then remove all the styles and reduce fill opacity to 0%.
3d text effect using layer styles
Add a 7px inner stroke.
3d text effect using layer styles
Now here is the trick to create a layer with only the stroke. Create a new blank layer, select both the layer with the stroke effect and the blank one, then press ctrl+E to merge them. Title this layer “Stroke”. It contains only the stroke shape.
3d text effect using layer styles
Step 6
We can play with layer styles again. Double click on the stroke layer and start by adding a gradient overlay. I chose a default metal gradient from the Photoshop library.
3d text effect using layer styles
Add a 1px stroke going from black to white and black again. You can see how the stroke starts to look like metal.
3d text effect using layer styles
To add depth, add a crisp drop shadow:
3d text effect using layer styles
Finally, add a thin inner glow to enhance the metal effect:
3d text effect using layer styles
Step 7
The text effect already looks nice at this stage. In the screenshot below you can see that we used only few layers to achieve this result:
3d text effect using layer styles
However, we can add even more details using patterns with layer styles. There’s one small problem, though. If we open the styles window of the text, for example, and select a pattern, nothing will happen. This because the gradient overlay is above the pattern so the pattern is not visible.
We need to create a duplicate of the text layer (Press ctrl+J). Open the blending options of the new layer and remove all the styles. Make sure fill opacity is 0%. Now you can apply the pattern you prefer. By switching the color mode from normal to another value, you will combine the pattern with the text colors. You already know where to find patterns! Just surf our resources. We release a free item with each pattern set.
In this case, for example, I used one of our Book cover patterns with the blend mode set to Color burn.
3d text effect using layer styles
Step 8
Using the same method, you can add even more patterns. In the screenshot below, for example, you can see how the text looks after applied one of our Tileable grunge patterns.
3d text effect using layer styles
Step 9
The same grunge pattern can be added to the stroke layer too. The details will match the metal gradients:
3d text effect using layer styles
Step 10
The last touch to give depth to the text: duplicate the stroke layer and move it below the original text layer. Move it 3-4 px down.
3d text effect using layer styles
Remove all the styles and add a black color overlay:
3d text effect using layer styles
Add a white drop shadow too:
3d text effect using layer styles
Step 11
The text is now complete! Create a new layer, grab a large soft white brush and add more light to the center. Reduce the opacity and change the blending mode to soft light if the effect is too strong.
3d text effect using layer styles
Step 12
If you want to modify the color combination a bit, add a gradient map layer by going to Layer>New Adjustment layer>Gradient map. I added a default Photoshop gradient going from purple to green to orange. The layer is set to overlay with the opacity around 40%.
Finito! Here is the result:
3d text effect using layer styles

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

Photoshop Photo Effects Tutorials 2024

  Photoshop Photo Effects Tutorials Everyone loves Photoshop effects. Not only are photo effects fun to create, but they’re a great way to learn Photoshop since they often introduce us to tools, commands or other features we might otherwise never know about! All of our Photoshop effects tutorials are written with beginners in mind, with easy-to-follow, step-by-step instructions. See our complete list below, or download our tutorials as  print-ready PDFs ! Fade an Image to Color in Photoshop Faster with Live Gradients Learn how to fade an image to color with Photoshop the new and easy way using live gradients! How to Add Falling Snow to Photos with Photoshop Learn how to add realistic falling snow to your winter photos with Photoshop. Get Better Color Halftone Effects in Photoshop Learn how to create more realistic color halftone patterns using Photoshop’s Color Halftone filter and this simple trick. How to Create a Halftone Dot Pattern in Photoshop Learn how to turn your photo into a h

Ridiculously Cool Photoshop Text Effect Tutorials

  Easy Photoshop Text Tutorials for Beginners If you’re still learning the fundamentals of design or want some quick-and-easy text ideas to jazz up your print designs, these beginner tutorials will be a big asset. In your lessons you’ll learn how to apply texture and 3D effects, create logos, utilize masks and other simple techniques for enhancing your text. 1.  Using Text As A Container For More Text In Photoshop 2.  Glossy Emblem Text Effects 3.  Create a Realistic Emboss/Deboss Effect 4.  Icy Styles in Photoshop 5.  How To Create a Gold Text Effect in Photoshop 6. Moon Shine Text Effect 7. Simple Styled Text with Stars Effect 8.  Elegant Glossy Gold Text Effect 9.  Hipster Text Effect in Photoshop CS6 10.  The Sugar Bag Effect 11.  Easy Chalk Ornament Typography in Photoshop 12.  Abstract Shining Text Effect with Groovy Font 13.  Easy Plastic Text with Layer Styles In Photoshop 14.  Papercraft Text Effect 15.  Making a Clipping Mask With Text In Photoshop 16.  Simple Bokeh Text Effe