Cartoon/Comic-Style Text Effect - Photoshop Tutorials

Well, well, well. In this Photoshop tutorial Im going to attempt to make some half-decent cartoon/comic-style text. You know, like the stuff on the front of comic books.

Simple Comic Text Effect Tutorial

1. Canvas / Background

Start by making a new document in Photoshop. You might want to work at a large size/resolution, so you can resize it to whatever you want later on. Its easiest that way as well.

So, create a document sized around 1650 x 1020 pixels in size, something random really. After creating your document, fill the background with a random gradient, something that looks good.

Colorful Gradient Background

Nice gradient? Maybe not. Anyway, the colors used in the above gradient are:

  1. #97461a
  2. #db0a1e
  3. #e89606
  4. #fbd8c5
  5. #e64949
  6. #f3ee9d
  7. #e55a35
  8. #6c2e16
  9. #e84709
  10. #97461a
  11. *cough*

Holy crap that was a lot of colors just a random gradient, got it?

After youve got the gradient in your background, duplicate the Background layer then go to Filter > Pixelate > Color Halftone, use similar to the following settings:

Color Halftone Filter Settings

Well, now youve got a sort of color halftone-y effect on the background :)

Change the layer mode of your Background duplicate layer to either Darken or Multiply, and lower the opacity to around 30-50% if you think its necessary. Depends on your tastes.

Color Halftone Filter Applied to Background

Alright, now we have a half-decent, cartoon-themed background :)

2. Type / Font Selection

Alright, time to select some type. Head over to DaFont, UrbanFonts, or Google and find a nice, cartoon-style font. Ive outlined a few nice selections below.

44 Font UrbanFonts

44 Font Free Download

Cookies Font DaFont

Cookies Font Free Download DaFont

Bubblegum Font DaFont

Bubblegum Font Download

Arnold Font UrbanFonts

Hey Arnold - Free Font Download

Cartoonist Kookie DaFont

Cartoonish Kookie Free Font Download

Well thats enough fonts from me chosen one yet? Well then (assuming youve found one), write out some text onto your canvas!

Cartoonist Kookie Font Used on Background

3. Warp / Distort Text

We now have the joy of distorting our text :) Start by selecting your text that you just wrote out, using the type tool. Near the top of Photoshop youll see an icon with a curve-like path and a T above it.

Warp Text Icon

Click this icon (Warp Text) and mess around with the different settings/options until you get a nice effect.

Warp Text Settings

Alright, got some nice distorted text? Well then, make sure your text is white, and your background is still intact, then lets move on.

4. Add Text Effects

Lets start with the solid drop shadow on the text. First, zoom in to 100% on your document. Now, get the Move Tool out and select your text layer.

Holding the ALT key down on your keyboard, press the right arrow key, then the bottom arrow key, this duplicates and moves your text layer, thus making a solid drop shadow once you duplicate it enough times. Im hoping you understand this :)

Duplicated Text Layers

See the layers palette? Your layers palette should look something like that by now. 20 duplicates is a good amount I found.

Merge all of your duplicate layers together (dont merge the main text layer!) and fill it with black.

Solid Black Drop Shadow

Please note I also moved the shadow layer underneath the main text layer, so white is on top, black is on bottom.

Ok, hows yours going? Well, were done for the drop shadow. What else do we need? How about some layer styles.

For the black text layer:

  1. Inner shadow
  2. Outer Glow
  3. Gradient Overlay
  4. Stroke

For the white text layer:

  1. Inner Shadow
  2. Gradient Overlay

Please feel free to experiment with other layer styles and settings, but Im finished with these. After applying those layer styles, your text should now look like this:

Layer Styles Applied to Text Layers

That actually looks pretty slick! In my opinion, anyway

At this point, I think were pretty much done, but lets continue onto the next step anyway, even though Im not really going to do anything else :P

5. Finito

Simple Comic Text Effect Tutorial

Well, everyone, looks like were finished. I hope you enjoyed this tutorial! Was the outcome alright? Got any suggestions? Drop a line below using the comment form.


Cartoon/Comic-Style Text Effect - Photoshop Tutorials ...
Well, well, well. In this Photoshop tutorial Im going to attempt to make some half-decent cartoon/comic-style text. You know, like the stuff on the front of comic

35 Comic And Cartoon Style Photoshop TutorialsPhotoshop ...
Related posts: 2100 Comic And Cartoon Style Photoshop Brushes Free Download ; 35 Pop Art Style Photoshop Tutorials ; 100+ Magic Photoshop Tutorials To Do Wonders To

Create a Cartoon-Style Graffiti Text Effect in Photoshop ...
Create a Cartoon-Style Graffiti Text Effect in Photoshop. Subscribe to our mailing list and get the latest Photoshop tutorials, tips,

Cartoon/Comic-Style Text Effect - Online Web Tutorials
Well, well, well. In this Photoshop tutorial Iâm going to attempt to make some half-decent cartoon/comic-style text. You know, like the stuff on the front of

How To Create a Comic Style Text Effect in Illustrator
How To Create a Comic Style Text Effect in Illustrator. The final comic book style text effect looks great with the basic 3D effect and those Photoshop Brushes

Cartoon/Comic-Style Text Effect | Tutorials photoshop
Tutorials photoshop. photoshop disasters; Top 10; Tutorials; Labels. 3d; brushes free; Effects; Graphic Design; Photo Effects; Text Effects; Web Graphics;

20 Insane Comic-book Style Photoshop Effects - Tuts+ ...
Free Tutorials. Design & Illustration; Here we introduce 20 of the best ever tuts on using Photoshop to create stunning comic-book style art. 1. Comic Effect

50 Stunning Photoshop Text Effect Tutorials - Smashing ...
but how many MORE times do we need to see a text effect photoshop tutorials list showing the same old tutorials again? Unique content please! 25

Quick Tip: Create a Gold Cartoon Text Effect in Photoshop ...
text effect using layer styles in Photoshop. Gold Cartoon Text Effect in Photoshop Using the layer with text and going to Menu > Layer > Layer Style

Create Cartoon/Comic-Style Text Effect In Photoshop ...
In this Photoshop tutorial Im going to attempt to make some half-decent cartoon/comic-style text. You know, like the stuff on the front of comic books.

Previous
Next Post »