Learn how to create a 3D comic book text effect that pops! You will get very familar with many different layer styles. We will start by creating the background with halftone brushes and then proceed to creating our text effect. Lastly, we will finish it off by adding a bevel effect with a stroke.
This image was created to mimic the comic book fonts but in 3D. You will learn how to create this 3D effect by duplicating layers and by adding halftones to give it that comic feel. This tutorial was created with Photoshop CC.
Open Photoshop and create a new document by clicking File > New. I made my document 2000 px by 2000 px (it doesn’t matter the resolution since we’re using pixels). I titled my document “Comic Book Text Effect”.
Now it’s time to add a gradient to your background. Double-click your background layer to bring up the layer style window and apply this setting.
Create a new layer. Fill it with any color and change the fill to 0%. Double-click this layer to bring up the layer style window and apply this pattern.
Create a New Layer. Select the Brush tool (B) then set the brush size to 1957 pixels. You can use whatever color you want. Now place your halftone in the center of your document as shown in the image below. Also, change your layer to Luminosity with a Fill of 16%.
Create a New Layer. Grab your Pen tool (P) and create a shape as shown in the image below.
Go to your Paths tab and right-click the path you just created and click Make Selection. Click ‘ok’.
Fill this selection with whatever color you want. Then double-click this layer to apply a Color Overlay and a Drop Shadow.
Add Drop Shadow
Create a New Layer. Make a selection from your previous layer by clicking Ctrl and selecting the thumbnail image. Grab your Brush tool again and use the halftone brush and place it in your document as shown below. You can use whatever color you wish.
Double-click this layer and add this Gradient Overlay. Make sure your Fill is at 0%.
Create a New Layer. Grap your pen tool and create a outline for the shape that we created. Make a selection from it and fill it with #000000. Place this layer underneath that shape layer.
Grab your type tool, I will be making the word “POW!” in this example but you can use whatever word you wish. I’m using Komika Axis with a 125.5 pt.
Duplicate this layer and place it under the original “P” layer. We will use it later. Take your original “P” layer and add these layer styles.
Add Inner Glow
Your “P” should look like this.
Now remember that “P” we duplicated, select that layer. Using your arrow keys move this layer five times to the right and five times downward. Make sure your Move tool is selected.
Take this layer you just moved and duplicate it again (moving it five times to the right and five times downward). Repeat the same steps stated previously to three more “P” layers. So, in total you should have 6 “P” layers including your original “P” layer.
Put the 5 duplicated “P” layers in a Group and apply these layer styles.
Add Inner Shadow
Add Gradient Overlay
Add Outer Glow
Your letter “P” should look like this.
Now we will add some halftone brushes to the letter “P”. Go to your original layer “P”, make a selection from it. Create a new layer and grab your Brush tool. I’m using #000000, place your halftones on your letter as shown in the image below.
Change this layer to Overlay.
Repeat these same steps for the O,W and exclamation point.
Create a New Layer and make a selection from all of the first and last P, O, W and exclamation point layers by pressing and holding the Ctrl and Shift keys. Fill this layer with black.
Add a Bevel and Emboss effect to this layer.
Fill this layer with 0%.
Now we’re going to repeat step 29 to add the stroke. Create a New Layer and place it below all of your text layers. Make a selection from all of the first and last P, O, W and exclamation point layers by pressing and holding the Ctrl and Shift keys. Fill this layer with black. Add a black Stroke to this layer.