Game Development Community

dev|Pro Game Development Curriculum

Plastic Gem #45: Kirk Alberts' Worn Paint

by Anthony Rosenbaum · 08/22/2008 (6:12 am) · 6 comments

Download Code File


www.plasticgames.com/dev/blog_images/gems/banner.jpg


Plastic Gem # 45 : Photoshop Tips and Tricks - Worn Paint

Difficulty: Easy

Our programmers felt like airing their minds out for a day so they asked me to take over for a Gem or two. I'm going to talk about the tool that I use most; Photoshop. I'll cover a few little tricks that might help those of you who are new Photoshop and maybe give users who are more experienced some weapons to add to their arsenal.

This one's pretty easy. If you guys dig it, I'll do some more.

A lot of people will use filters to achieve this look. Being a total control freak, I don't like using too many filters. Don't get me wrong I'll use some, but only in moderation. I realize that there are probably 1,239 different ways to create this texture but this is how I do it.

Creating worn-looking images on metal/concrete


www.plasticgames.com/~kirk/blog/gems/tut01_01.jpgFirst I'll start with this base image. Obviously you can use whatever you want.



www.plasticgames.com/~kirk/blog/gems/tut01_02.jpgNext I'll create the image that I want on a new layer. I'm going to use some type and rasterize it. You can use any image you want. (Cool font, huh?)



www.plasticgames.com/~kirk/blog/gems/brushExample.jpgHere I'll choose the erasure tool and set it to a brush like the one above that will give me a scattering effect.



www.plasticgames.com/~kirk/blog/gems/erasureSettings.jpgHere's what I'll use for the erasure settings. You might tweak the settings depending on what brush you've chosen and desired effect.



www.plasticgames.com/~kirk/blog/gems/tut01_03.jpgNow make sure you're on the layer with the graphic. Using your erasure tool, randomly erase some parts of your image by placing your brush in an area and pressing in varied amounts of time so you get a more realistic look. You can also use a smaller brush or reduce the size of the one you're using to create some scratch effects.



www.plasticgames.com/~kirk/blog/gems/layerExample.jpgOn your layers pallette select Overlay. If you don't like the effect sometimes Multiply will work better.



www.plasticgames.com/~kirk/blog/gems/tut01_04.jpgNext you want to select the pixels on the top layer, do this by holding Contol and clicking on the thumbnail of the layer with the image in it. You'll see the "dancing" lines around the image indicating you've done so.



www.plasticgames.com/~kirk/blog/gems/tut01_05.jpgNow hide the "dancing" lines by hitting Control+H. This keeps the pixels selected and allows you to see what you're doing better. Now select the background layer with the base texture in it. Make sure the image is still selected. You can check to see if it is by hitting Control+H. Pressing this again will toggle the hide feature off and on.



www.plasticgames.com/~kirk/blog/gems/tut01_06.jpgUse Adjustments>Brightness/Contrast to adjust the area selected in the background. This will make your image on the top layer more pronounced.



www.plasticgames.com/~kirk/blog/gems/tut01_07.jpgHit Control+D to deselect the the pixels you had selected on the top layer then flatten the layers. I like to use a Sharpen filter (I did say in moderation) to bring out more detail. I almost always use Unsharp Mask to do this.


www.plasticgames.com/~kirk/blog/gems/tut01_finished.jpgAnd here's your finished texture.

I hope someone got something out of this. I plan on doing a few more if anyone is interested.

That's it! Next week we will start working on ////////////////////// something/////////////. Have a great weekend.

#1
08/22/2008 (10:16 am)
I always love a nice, clean, Photoshop tutorial. It especially helps me make much better looking programmer art which then helps my real artist understand what I need better.

I'd vote for a few more of these while the programmer's need a break.
#2
08/22/2008 (11:43 am)
I would also definitely like more photoshop/art tutorials!
#3
08/22/2008 (5:13 pm)
I'll third that. Even if we already know a few of the ways to do something, it's always nice to listen to the methods used by someone who does it daily and professionally.
#4
08/31/2008 (1:20 pm)
Fourthed! Thanks for the brilliant tutorial!
#5
03/15/2009 (1:18 am)
Just a quick FYI, your pictures aren't working.
#6
06/15/2009 (12:59 pm)
yes i too am having trouble viewing your pictures

pitty

it seems like it would have been a very helpful tut