step-0011

Step 12

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.
step-0012

Step 13

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.
step-0013

Step 14

Add Contour
step-0014

Step 15

Add Inner Glow
step-0015

Step 16

Add Satin
step-0016

Step 17

Your “P” should look like this.
step-0017

Step 18

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.
step-0018

Step 19

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.
step-0019

Step 20

Put the 5 duplicated “P” layers in a Group and apply these layer styles.
step-0020

Step 21

Add Inner Shadow
step-0021

Step 22

Add Satin
step-0022

Step 23

Add Gradient Overlay
step-0023

Step 24

Add Outer Glow
step-0024

Step 25

Your letter “P” should look like this.
step-0025

Step 26

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.
step-0026

Step 27

Change this layer to Overlay.
step-0027

Step 28

Repeat these same steps for the O,W and exclamation point.
step-0028

Step 29

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.
step-0029

Step 30

Add a Bevel and Emboss effect to this layer.
step-0030

Step 31

Fill this layer with 0%.
step-0031

Step 32

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.
step-0032

Step 33

Convert this layer to a smart object by right-clicking this layer and selecting Convert to Smart Object. Add a Drop Shadow.
step-0033

Final Results

final-results2

Download the PSD

Comic Book Text.zip

Tutorial by Ashlee Harrell

profile
Ashlee is a design fanatic and the creator of Vector Chameleon – a design resource site that aims to help designers of all levels with amazing, exclusive, handcrafted resources. Don’t forget to follow her @vectorchameleon– Ashlee Harrell

Pages: 1 2

10 responses to “How to Create a Comic Book Text Effect in Photoshop”

  1. claire Avatar
    claire

    great

  2. rich Avatar
    rich

    excellent!

  3. Pam Avatar
    Pam

    Non si vedono le immagini

  4. Helder Saldanha Avatar
    Helder Saldanha

    Muito bom!!!
    Obrigado por compartilhar

  5. Suvham Saha Avatar
    Suvham Saha

    the images of this page is always broken when I enter in this particular page…..I tried many times but it always be same

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Thanks for letting us know! The tutorial images have been fixed.

  6. Randy Avatar
    Randy

    Great tutorial! Thank you for inspiring creativity! #YourMindisYourGreatestDesign

  7. Swapnil Avatar
    Swapnil

    Can anyone help me understand the step 29??????

  8. Salah Avatar
    Salah

    It is fantastic Ashlee. thank for your efforts

  9. Anna Avatar
    Anna

    Nice tutorial, thank you!
    Just a couple of suggestions:
    1. Save Layer styles for the step 28 (I don’t know, maybe it’s just being assumed?), in order not to apply all the effects manually.
    2. For the step 32, instead of repeating step 29 we could just save selection earlier and then load it.
    Thank you, it was a very informative tutorial!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading