In this tutorial, you will learn a quick way to make a 3D text effect in Adobe Photoshop. We will use layer styles and a filter to add a comic book look to it.
This text effect is based on the high-resolution 3D Comic Book – Actions from Envato Market.
Tutorial Assets
The following assets were used during this tutorial:
1. How to Create and Customize the Text Layer
Step 1
For this text effect, we will use a cartoon style background. Start your Adobe Photoshop and instead of creating a new document, open background.jpg from the tutorial assets.
Step 2
Use your Type Tool (T) and write the word “COOL” on your artboard using the Montserrat Medium font, with a size of 212 pt. Then, on a new layer, write the word “COMIX” on your artboard using the Montserrat Black font, with a size of 170 pt.
Step 3
Select both text layers in your Layers panel and go to Layer > Smart Objects > Convert to Smart Object. Then go to Edit > Transform > Warp and select Arc, setting the Bend to 8%. Commit the transform.
Step 4
The final step before we start creating a 3D effect is to add a filter. Go to Filter > Distort > ZigZag and set the Amount to 1, Ridges to 8, and select the Style: Pond Ripples. Hit OK.
2. How to Create a 3D Text Effect
Step 1
Now we will create the 3D depth for our text effect by duplicating and moving layers. Hit Control-J to duplicate the layer. Then move this duplicated layer using your arrow keys Down (?) once and Right (?) once. Now repeat the duplicating and moving of the duplicated layers until you’ve created and moved ten copies of the original layer.
Step 2
Select all of the duplicated layers in your Layers panel and go to Layer > Smart Objects > Convert to Smart Object. Change the layer name to 3D effect and then go to Layer > Arrange > Send Backward.
3. How to Customize a 3D Text Effect
Step 1
Select the “3D effect” layer and go to Layer > Layer Style > Blending Options… to apply the following layer style.
In the Blending Options, set the Fill Opacity to 0%.
Step 2
Add a Stroke to the text effect with these settings:
- Size: 3 px
- Position: Outside
-
Color:
#0d0d0d
Step 3
Add an Inner Shadow with these settings:
-
Blend Mode: Linear Burn
#222222 - Opacity: 35%
- Uncheck the Use Global Light box
- Angle: -42°
- Distance: 6 px
- Choke: 0%
- Size: 0 px
- Check the Anti-aliased box
Step 4
Add a Pattern Overlay with these settings:
- Blend Mode: Normal
- Opacity: 100%
- Pattern: cb-lines-1 (downloaded from tutorial assets)
- Scale: 25%
Hit OK to apply the layer style.
Now we are done creating and customizing the depth of our 3D text effect.
4. How to Create and Customize the Inner Lines
Step 1
Select the “COMIX” layer and go to Layer > Duplicate Layer… and name it Inner Details. Then go to Layer > Layer Style > Blending Options… to apply the following layer style.
In the Blending Options, set the Fill Opacity to 0%.
Step 2
Add a Stroke to this text effect with these settings:
- Size: 3 px
- Position: Inside
- Opacity: 0%
Step 3
Add an Inner Shadow with these settings:
-
Blend Mode: Normal
white - Opacity: 100%
- Uncheck the Use Global Light box
- Angle: -45°
- Distance: 5 px
- Choke: 50%
- Size: 5 px
- Check the Anti-aliased box
Hit OK to apply the changes. Then go to Layer > Smart Objects > Convert to Smart Object.
Step 4
While the newly created smart object layer is selected, go to Layer > Layer Style > Blending Options… again and apply the following layer style.
In the Blending Options, set the Fill Opacity to 0%.
Step 5
Add a Pattern Overlay with these settings to finish the inner details of our text effect:
- Blend Mode: Normal
- Opacity: 100%
- Pattern: cb-lines-1 (downloaded from tutorial assets)
- Scale: 12%
Hit OK to apply the layer style.
This is the result after applying all of the layer styles to this cool text effect.
5. How to Customize the Main Text Effect Layer
Step 1
The final layer we need to customize for our text effect is the “COMIX” text layer. Select it and go to Layer > Layer Style > Blending Options… and apply the following layer style.
Add a Stroke with these settings:
- Size: 3 px
- Position: Outside
-
Color:
#0d0d0d
Step 2
As the final step of this text effect, add a Color Overlay and select the color #fcea00. Hit OK to apply the layer style.
Congratulations! You’re Done
In this tutorial, you learned how to create a quick, cool 3D text effect using layer styles and multiple layers for 3D depth.
I hope you have enjoyed this tutorial, and feel free to leave your comments and creations below.
This tutorial is based on the high-resolution 3D Comic Book – Actions from Envato Market.
If you are interested in cartoon and comic book text effects, there are more on GraphicRiver. Also check out these tutorials:
-
Quick Tip: Create a Gold Cartoon Text Effect in Photoshop Using Layer Styles
In this quick tip tutorial we will show you how to create a cartoon, gold, text effect using layer styles in Photoshop. Let’s get started! -
How to Create a Comic-Book Ink Text Effect in Adobe Photoshop
This tutorial will show you how to create a cool-looking comic book ink text effect using Photoshop’s layer styles, filters, and automatically applied custom… -
How to Create a Spiderman Inspired Text Effect in Adobe Photoshop
In this tutorial I will show you how to create an easy Spiderman text effect, using a pattern and a layer style. -
How to Create a Cartoon Text Effect in Adobe Photoshop
In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style.
{excerpt}
Read More