How to Create a Comic Book Text Effect

In this tutorial, a process of creating a comic-book text effect is elaborated. The main thing in this tutorial is giving effect through several layer-styles. Let’s start!

STEPS

1. Create a new document of 2000*2000 px in Photoshop.
image
2. Apply the gradient layer-style. Click on fx at the bottom of the layer palette and click on gradient-overlay. Set the settings as the screenshot below:
image
3. Create a new-fill-layer (layer—>new-fill-layer—> solid color).  Choose any color. Set the ‘fill’ attribute of the layer to 0. Double-click on the layer-thumbnail to open the layer-style window. Select the pattern-overlay from the left panel and set the settings as below:
image
4. Press ‘Ctrl Shift N’ to create a new layer. Grab the brush tool. Set its size to 1957px. Change the blend mode to ‘luminosity’ and lower the fill to 16%. Select the halftone brush from its presets. If you don’t have the half-tone brush, download it from internet and place the .abr file in your brush-presets. Use the brush in the center of the canvas.
image
5. Press ‘Ctrl Shift N’ to create a new-layer. Grab the pen-tool and create a shape as below:
image
6. Go to paths panel beside layers-palette. Right-click on the path and select make-selection. Click ok.
image
7. Click on fx at the bottom of the layers-palette and select color-overlay.
image
8. Select drop-shadow from the left panel and set the settings as below:
image
9. Press ‘Ctrl Shift N’ to create a new-layer. Press ‘Ctrl and click on the thumbnail of the layer on which there is a selection. It will select the pixels of the image. Now, go to the new layer just created, grab the brush, select the halftone-brush, and place it on selection. Set any desired color of the brush.
image
10. Lower the fill to 0%. Click on fx and select gradient-overlay.
image
11. Duplicate the shape layer and move it below the shape-layer. Select the thumbnail of shape-copy layer and press ‘Ctrl T’ to transform the layer. Make it slightly bigger than the original shape layer.
image
12. Select the type-tool. Write onto the selection. Use the following settings.
image
13. Press ‘Ctrl J’ to duplicate this layer. Also, move this layer below the text layer. Select the original text layer (not the copy). Click on fx to apply the layer-styles. Select bevel-&-emboss and set the below settings:
image
14. Select ‘contour’ from the left pane and set the settings as below:
image
15. Select inner-glow from left pane and set the settings as below:
image
16. Select ‘satin’ and apply the settings:
image
17. The letter will now appear like this:
image
18. Now, select the thumbnail of the text-copy layer. Select the move-tool. Use the arrow-keys on keyboard to move layer 5 times right and downward.
image
19. Duplicate this layer. Again select the move tool and use the arrow-keys to move the text 5 times right & downward. Repeat the steps to create 3 more text layers. In total, there should be 6 text layers including the original one.
image
20. Other than the original layer, group the rest of the text-layers. Apply the layer-styles as illustrated below:

 
 image
imageimage
21. The text will now appear like this:
image
22. Press Ctrl and click on original text layer. Make selection from this layer. Press ‘Ctrl Shift N’ to create a new-layer. Grab the brush-tool. Set the foreground color to #000000. Place the half-tones upon the text.
image
23. Change the blending mode to ‘overlay’.
image
24. Create a new-layer. Make a selection by selecting all the text layers in the layers-palette. Set the foreground-color to black. Grab a paint-bucket tool and use it inside the selection.
image
25. Lower the fill to 0%. Apply bevel-&-emboss effect.
imageimage
26. Viola! The comic-book text is ready.
image


FINAL RESULTS
image

Tags: , ,

Author: Haseeb Khan

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *

12 + 19 =

 

Pin It on Pinterest

Shares
Share This