jMar"s Blog DevSmash Developer Portal

Wednesday, May 28, 2008

A "Dirty" Photoshop Tutorial

Well, despite being a long time user of Photoshop, I've never sat down and attempted to make a tutorial. I realize that the web is chock full of text effects for Photoshop, but this is a particular look that I haven't seen described before. During the tutorial I share a couple of the hot-keys that I employ most often, so I'll apologize to the Mac users for only providing the Windows version (where they differ). From what I understand, they're all pretty close... so that's that. Let's dig in...

Create a New Project

Press Ctrl + 'N' to open a dialog for creating a new project. Normally I work at higher resolutions, but for the sake of this tutorial I chose 640px by 480px.

Create a Background

Something simple here will do. I set my foreground and background colors to darker shades of blue (#2C326E and #2D304A respectively). Pressing Shift + 'G' will let you toggle between your gradient and bucket tools. Using the gradient tool, click and drag your mouse from the upper left to the bottom right corners of the canvas. Your canvas should now look like this:

Create Dirt Layer

Press Ctrl + Alt + Shift + 'N' to create a new layer. We're going to create a new gradient just like we did in the step above, but this time, select two different shades of brown. I chose #A2702F and #7F561E for the foreground and background respectively. Your canvas should now look like this:

Add Noise to Dirt Layer

Next, in order to simulate the gritty nature of dirt, we're going to add a Noise filter to our dirt layer. Click Filter > Noise > Add Noise...

I used the options shown in the following image:

Add Text

Next we want to add some text. The exact font you use isn't important, although I have found that "round" works better than "sharp" for this effect. Also, you will want the font to be sufficiently thick (i.e., don't use Arial Narrow). I chose a font called "Elephant" and used 170pt for the size. The color is of no consequence here.

Create Mask from Text

This step requires performing the following actions:

  • Hide the text layer by clicking on the corresponding "eye" symbol.
  • Select the dirt layer.
  • Click the 'T' on the text layer while holding the Ctrl key.
  • You should now see that the outline of the text is selected.
  • Click the "Add Layer Mask" button shown below:

Your canvas should now look like this:

Add Loose Grains of Dirt

This is where we want to start adding in the random grains of dirt to make this look more natural. This step requires performing the following actions:

  • Select the brush tool (press 'B').
  • Choose a grainy looking brush. I chose one of the default brushes as shown below:
  • Now select the dirt layer's mask by clicking on the layer mask thumbnail, as shown below:
  • Ensure that your foreground color is white.
  • Now you need to rely on your artistic eye a bit and click around in various places to reveal the dirt texture behind the mask. Note that you don't want to drag the brush while clicking, since streaks will not look natural. Mine ended up looking like this:

  • The scattered dirt effect doesn't look quite right, so now we're going to switch the foreground color to black and selectively remove some of the dirt. Mine ended up looking like this:

Add Depth to the Dirt

The layer mask is finished now, but the dirt looks too flat. Double click on the dirt layer to bring up the Layer Style dialog. Make sure that "Layer Mask Hides Effects" is not checked. Now add a drop shadow with the following properties:

For the color, I used #3A2900.

It's getting closer, but let's add a gradient overlay to give the light a little more "play" on the dirt. I used the following properties:

Smooth Dirt

Some of you may wish to stop here, but I found that the Noise filter had left the dirt looking a little too grainy for the look I was after. To smooth it out a bit, I unlinked the layer mask from the dirt layer by clicking the unlink mask button...

...and then I applied a very light Gaussian Blur (Filter > Blur > Gaussian Blur...) to the dirt layer:

That's it! Here's the finished effect:

Mixing the random characteristics of scattered dirt with purposeful lettering can be tricky, but I feel this effect does a decent job of providing just that. If you have any suggestions on how to improve the realism, please comment!


Luis said...

Looks Cool! i will try it later!

Jason B. Mixon said...

You have done such an amazing job on this series. I envy your sewing skills and your patience and your diligence. If anyone ever asks me how to sew, I'm sending them to your blog and this series. Congratulations on such an extensive, well thought out and clearly presented set of Photoshop tutorials
photo retouching

Leona said...

This blog is really helpful for me.
Thanks for sharing!

clipping path service provider

image masking service said...

You got a really useful tutorial I have been here reading for about an hour. I am a newbie and your success is very much an inspiration for me.

clipping path service said...

wow!so funny ,I think after see your heading ,this tut used dirty picture or some thing create here dirty but here is wonderful tutorial to make dirty text.just awesome and thanks for step by step process..!!

Donald said...

I plan to start a place blog, and this step-by-step direct is actually helpful to me. Thank you so much.
essay writing service

Clipping Care said...

This tutorial is really Dirty :D Thanks for sharing.

Clipping Care Clipping Path Service

Clipping path service India said...

Great tutorial, I found what i was looking for and this is gonna help me a lot.
Thanks a lot to the Team and Best of luck for still more to come!!

Clipping Path Lab said...

It is a brand new concept for me.This tutorial is certainly help me a lot.

Mr Karim said...

Your tutorial is very helpful for a graphics designer. I think that the experience help me professional life.

vector conversion service
bitmap to vector
raster to vector service

Salim Ahmed said...

Informative photoshop tutorial.....

clipping path service
deep etching

mahjong said...

I gathered useful information on this point . Thank you posting relative information and its now becoming easier to complete this assignment
mahjong |geometry dash | hulk|agario| kizi|sniper games| minecraft| pacman

aliya seen said...

The statement of purpose writing service is almost very help and has proved to be a great one. People learn well about writing statement.

Katrina said...

Crystal clear. This tutorial helps beginner to gain new technique.

Best Clipping Path Services
Photo Retouching Services
Clipping Path Services
Photo Editing Services

Marcel said...

Background Removal alternately clipping path is a very simple process of clipping the original background of a photo with the intention of inserting a new background.

Agariofull Hau said...

It was great for me and I realized that it was more amazing if you share more, good luck
plants vs zombies
happy wheels
car games

Friv4 Games Online said...

Thank you for sharing valuable information. Nice post. I enjoyed reading this post.
i like play games happy wheels online and play happy wheels 2 games and agario , fireboy watergirl , agar io

papas games said...

I wanted to thank you for this excellent read!! I definitely loved every little bit of it.Cheers for the info!!!! & This is the perfect blog for anyone who wants to know about this topic. I like play games Piano Tiles 2 game online, Score Hero game, Dream League Soccer, download camera b612 and descargar b612 gratis. How about you?

Emily Trần said...

I like this article. You have raised the issues clearly and resolve it. Thank you for sharing your opinions with people. descargar facebook , baixar whatsapp , whatsapp messenger , mobogenie , mobogenie

Trần Linh said...

I also agree with your opinion. It is very deep and meaningful. baixar facebook gratis , baixar whatsapp gratis , click jogos

Yuga Bharathi said...

Nice post. I like your blog. Thank you so much for sharing.

clipping path services

Custom essay writing service said...

Great stuff. I pretty much liked your website. keep showing your potential.

happy wheels said...

The overall look of your web site is fantastic, let alone the content!

cool math games said...

I always love reading your blog...I’ve bookmarked it so that I can come back and read it again and again.

8 ball pool said...

Once is not enough to process so much valuable information.

fighting games said...

Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking.

Watch Zootopia said...

Great info! I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have.
Watch Whiskey Tango Foxtrot Online | Watch London Has Fallen Online

Auditing assignment essay said...

Cost Audit Auditing Homework Help, Online Auditing Assignment & Project Help DEFINITION Cost audit has been defined as "the verification of cost accounts and a check on adherence to the cost accounting plan."

Accounting Project Help said...

DEPRECIATION Assignment and Online Homework and Project Help - DEPRECIATION Term paper for We first introduced the concept of depreciation in Chapter 3. We will now expand that discussion to address such topics as residual values,.
Depreciation Accounting Homework Help

James Andy said...

Dissertation Writing Service Term Paper writing service and essay writing Help Dissertation Writing Service Your dissertation counts towards a large portion of your final mark.
Dissertation Writing Service Term Paper Writing Service

Albert Thomas said...

Research Paper writing service and Research Paper essay writing Help Research Paper Writing Help Introduction Many courses ultimately need a research paper.

Games Mincecraft said...

great post. i like it. feeling great when reading your post
minecraft games

Br Agario said...

Very helpful advice in this particular post! It’s the little changes that make the largest changes. Thanks for sharing!
Download retrica online includes more than eighty different filters with many different styles and include retrica indir , and zombie tsunami is the ideal game for anyone who loves the running game genre and happy wheels , agario , happywheels , agar ,

Anonymous said...

Fantastic post I like it. Keep it

My Little Pony Games

Jhones said...

the impossible quiz
motu patlu

mrfyzv said...

You have opened my eyes to varying views on this topic with interesting and solid content.

Andy Mark said...

Keurig Case Solution, Keurig Solution, Keurig Analysis, Keurig Case Study Solution, Nick Lazaris becomes the third General Manager Keurig for three years, after one of the founders was fired and the other decided to leave the company.

Toom said...

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.

Katherine Hayden said...

Admission essay writing service will help the students to get admission to the college they choose. the writers in the service will train the students to write the paper well following all the rules.

clipping path service said...

Your tutorial tips are seems to different from others. Thanks....
photo editing
online photo editor

image resizer said...

Wow! So unique you are, this could help to beginners very much.

Clipping Path | removing background | image masking |

Kavi Priya said...

Wonderful tutorial. i like your blog. Thanks for sharing.

flats at korattur

Jacobwately said...

so nice post that all point very clear.Thanks for sharing.....

hoa pikey said...

Thanks for the best was very useful for me.keep sharing such ideas in the future as well.this was actually what i was looking for,and i am glad to came here!
earn to die
Hi! I’ve been reading your blog for a while now and finally got the courage to go ahead and give youu a shout out from Austin Texas! Just wanted to tell you keep up the fantastic work!my weblog:
tank trouble
tank trouble

earn to die 1

earn to die 2

earn to die 3

tank trouble 4
tank trouble 3
tank trouble 2

Randy Ford said...

Excellent and useful post. I liked the name and the content. I would recommend it. Recommend to try, then edit the picture here or anywhere you like. The result will be satisfied. I check for yourself. Good luck.