Black Friday Photoshop Discounts 2017 from PSDDude
fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Comic Text in Photoshop

www.psd-dude.com
Tutorials Text Effects 19903 Views May 16th, 2012

Creating a comic text effect in Photoshop is not very easy but it is, from my point of view, a nice addition to any comic book illustration. It has some annoying steps, I am talking about all those layer styles but if you download the PSD file you will not have to bother about that problem.

So this comic text along with a nice comic brush can add value to any photo turned into a comic illustration. I've used a halftone pattern in creating this text effect. I am curious to see your results, as you are always such creative people.

Advertisment

This is our second tutorial inspired by the comic book effect. The first Photoshop tutorial was published some months ago and it was about achiving a Comic Book Effect in Photoshop from any photo.

And of ourse we have other comics related resources like for example a huge collection of comic brushes that might prove extremely useful if you like this style.

Comic Text Effect in Photoshop

Before we begin lets take a quick look at the text effect we are about to create. It is easily customizable in terms of font, colors and outline style.

Sunburst Background

Let's start with a simple orange background. Fill the Background Layer with #ff9600 color. Add a simple sunburst in the center of the image, using these sunburst brushes. Use white color for the brush and 10% opacity.

Write your text using Segoe Print font family or any other handwritten font. We will not rasterize the final result so you can easily change the font type.

Duplicate the Text Layer two times. For the first text layer add the following layer styles: Outer Glow, Bevel and Emboss, Color Overlay and Stroke. Make sure to set the Fill of this Text 1 Layer to 0%.

This is how our comic text should look like so far. As you can see it is very easy to change the Color Overlay for example and make the text green instead of blue.

Halftone Pattern

Create another layer above the Text 1 Layer and fill it with white color. Make sure you set the Background Color with black color. Go to Filter, Sketch, and choose the Halftone Pattern with the following settings:

Set the blending mode of the b>Halftone Pattern Layer to Soft Light, 50% opacity level.

Work with the Text 2 Layer and add it these layer styles: Outer Glow, Inner Glow, Bevel and Emboss and Stroke.

The effect obtained looks similar to a marker outline effect using black and white colors. This effect can be used separated to create handwritten text.

Photoshop Halftone Effect

The last effect added is the Halftone Bitmap and it is truly something new for me so let's stay focus. First select the shape of the Text Layer(press CTRL and clik on the layer thumbnail. Go to Select, Modify and choose Expand.

Make a new layer and call it Halftone Outline. Fill it with #0ac1f2 color and add it a soft Gaussian Blur.

Now comes the part where we need to be careful. So duplicate the Halftone Outline layer but in another document. Go to Image, Mode and choose Grayscale for this new document.

Go to Image, Mode again but this time choose Bitmap. As method pick the Halftone Screen with the following settings.

Turn back to Grayscale, duplicate the halftone pattern obtained in the previous step, and place it in the first document above all the other layers. You can now remove the old Halftone Outline layer.

Change the blend mode of the Halftone Screen Layer to Darker Color, opacity 100%.

Make a selection of the Text Layer and remove it or mask it from the Halftone Screen Layer. If you are not sure how to add a layer mask you can find out from this tutorial on how to create and use layer mask in Photoshop. Our final result for the comic text in Photoshop should now look something like this. I hope you all enjoyed this new tut and learned something new and interesting!

You can easily change the background color and/or the text color to customize it as you wish.

Comics Book Photoshop Generator

You can also try this useful comic book Photoshop generator that will transform your photos into comics in just a few seconds. Save time and money with this powerful tool. The pack includes also comics speech bubbles and comics sound effects that you can use to obtain unlimited results.

+30 Cartoon Photoshop Text Styles - Free and Premium

Free Cartoon Photoshop Text Style

You might also like

This set contains 5 Photoshop actions with styles intact that will allow you to create 3D comics cartoon style effects of any text and/or vector shape. The result contain easy to edit smart objects with layers intact so that you can customize the 3D effect.

3D Cartoon Comic Book Photoshop Style

This set contains 5 Photoshop actions that will allow you to create realistic 3D sketch style effects out of any text or shape layer. The end result has the layers intact so that you can customize and edit the sketch effect as you will see in the customization section inside the PDF Help File.

Comic Book 3D Sketch Style Photoshop Actions

This set contains 5 layerd PSD files with styles intact that will allow you to create 3D comics cartoon style effects out of any text and/or vector shape.

3D Comic Book and Cartoon Photoshop Styles

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

2 comment(s) for "Comic Text in Photoshop"

Theresa Wagar
1:49 AM Sunday, November 03, 2013
You are AWESOME!!!! Thank you for sharing your expertise. I have a client who wanted to do a few cool things with a look of a comic strip. This is EXACTLY what I was trying to figure out. You ROCK!!

Theresa 8-) reply
John
1:56 AM Sunday, November 03, 2013
Thank you Theresa! I am glad you found our Comic Text Tutorial useful! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      Burnt Paper with Fire Effects Photoshop
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top