Tag Archives: grunge

Easy Aged Photo Effect

Final Image Preview

aged photoshop effect

What You’ll Need

The stock photo we’re going to be using originally came from here:
http://www.sxc.hu/photo/1000290

You can download it from my Flickr account at the perfect size for this tutorial:
http://www.flickr.com/photos/jaybich/4090722955/
*Make sure you click the “All Sizes” button before you download the image so you can grab the original size, which is 1024 x 722.

Also download this grunge texture:
http://www.flickr.com/photos/jaybich/4091469280/
*Once again, make sure you click the “All Sizes” button before you download the image so you can grab the original size, which is 1024 x 722.

The Tutorial

Open up the two images in Photoshop. Drag the image of Jerusalem on to the grunge texture image.

aged photoshop effect

With the Move Tool (V), move the Jersusalem image so it’s lined up with the grunge texture image. Also, feel free to rename some of the layers in the Layers Palette to make your work more organized. I named the background grunge texture layer, Grunge Texture, and I renamed the photo of Jerusalem layer to Jerusalem.

aged photoshop effect

Set the blend mode on the Jerusalem layer to Multiply in the Layers Palette.

aged photoshop effect

Desaturate the Jerusalem layer by selecting it in the Layers Palette and then going to Image > Adjustments > Desaturate.

aged photoshop effect

Now adjust the levels to eliminate some of the midtones. Do this by selecting the Jersalem layer in the Layers Palette and go to Images > Adjustments > Levels. You can see below how I adjusted the levels.

aged photoshop effect

Then, hit ctrl+alt+shift+e (command+option+shift+e on a Mac) to make a copy of our entire canvas as in the form a single layer. Rename this new layer, Halftone.

aged photoshop effect

Next, we’re going to add a halftone pattern to the image. Set your foreground color to black and your background color to white. Select the Halftone layer and go to Filters > Sketch > Halftone Pattern. Adjust the settings as I did below.

aged photoshop effect

Set the blend mode on the Halftone layer to Luminosity.

aged photoshop effect

Final Image

aged photoshop effect

Some Other Images With This Simple Effect Used

aged photoshop effect

aged photoshop effect

25 Free, Easy to Download Paper Textures

The other day I was searching for some paper textures for another Photoshop tutorial I wanted to do and I was having some problems. It really isn’t hard to find paper textures; they’re all over deviantART, Flickr, and everyone and their mothers’ blogs. With a billion choices, ranging from blog posts to Flickr images to zip files… I got kind of annoyed with all the different sources and methods of downloading paper textures.

So, I decided to do a blog post with my favorite paper textures. I’ve gone ahead and limited my selection. You won’t find “200+ premium textures” here. I’ve taken five textures from five categories I decided were fitting for paper textures: 5 crinkled paper textures, 5 worn paper textures, 5 torn paper textures, 5 burnt paper textures, and 5 grunge-stained paper textures.

The best part is all of these images link to single images out there on the net that are free for you to use. That means no random deviantART portfolios, secondary blog sources, or nasty zip files. We’ve just got straight links to straight-up image files. So bookmark this blog post and come back when you want a quick paper texture to play with. 🙂

Crinkled & Wrinkled Paper Textures

Worn & Faded Paper Textures

Torn & Ripped Paper Textures

Burnt Paper Textures

Grunge-Stained Paper Textures

Grunge 3D Photoshop Text Effect Tutorial

Final Image Preview


(click to enlarge)

Step 1: Setting Up

Open a new document that is 1,600px (width) by 900px (height). This will accommodate a typical widescreen monitor that comes with most of today’s computers.

Fill the background in with black (#000000).

Step 2: Creating Diagonal Line Background

Start by using the rectangular marquee tool. Draw out a selection in the shape of vertical stripe that’s about 30 pixels wide and stretches the height of the canvas on the far left side.

Create a new layer and fill in the selection with bronze (#170802), but make sure not to deselect the rectangular stripe just yet.

Now, we want to copy this stripe evenly across the page. So, hit command+option+T (ctrl+alt+T on a PC). You’ve just made the first copy of the stripe. You can now drag it over to the left about 30 pixels away from the first stripe. Hit enter to get out of Free Transform mode. With the stripe still selected, hit command+option+shift+T (ctrl+alt+shift+T on a PC). There should now be a third stripe. Keep hitting command+option+shift+T (ctrl+alt+shift+T on a PC) until you have filled the entire with of the canvas with your bronze stripes. Hit command+D (ctrl+D on a PC) to deselect.

Hit command+T (ctrl+T on a PC) to enter Free Transform mode on your layer with bronze stripes. Now rotate the Bronze Stripes layer -40 degrees.

And then stretch it out so it covers the entire canvas.

Next, select the lasso tool. Set 50px for Feather and create a selection like I did below.

Ctrl+Click (right click on PC) on the selection and click “Select Inverse.” Make sure you are still on your Bronze Stripes layer in the layers palette and then hit delete. You should have just cut off the outer edges and now have something like this:

Step 3: Adding Your Logo or Text

Go ahead and insert your logo or type some text in the middle of the canvas.

In the layers palette, ctrl+Click (right click on PC) on your Logo layer and then click “Blending Options.” Check “Color Overlay” on the left side of the Layer Style window and then click on “Color Overlay.” Put in a light brown color (#ad9162). Click okay to exit out of the Layer Style window.

Now you should have your light brown logo in the middle of the canvas.

Step 4: Give Your Logo or Text Some 3D Depth

Command+Click (ctrl+Click on a PC) your logo layer in the Layers Palette in order to make a selection in the shape of it. Create a new layer. This will be a your depth layer.

Make your foreground color a darker brown than your logo (#6a5738). Hit option+delete (alt+backspace on a PC) to fill the selection with the dark brown color. Next, move the selection down 1px and to the right 1px. Hit option+delete to fill the selection again. Repeat this about 10-15 times until you have something similar to the image below.

In the Layers Palette, ctrl+Click (right click on a PC) on your depth layer and click “Blending Options.” Turn on the drop shadow by checking its relative box. You can leave the drop shadow settings to their default. Click okay to exit out of the Layer Style window.

Move your original logo layer above the depth layer you just created in the Layers Palette so you now have a 3D looking logo.

Step 5: Jazz the Logo Up With Some Grunge Paint

Next, you’ll need some sort of grunge paint-like Photoshop brushes. You can find some pretty easily on the net. Just Google up something like “Grunge Paint Photoshop Brushes” or look around Brusheezy. Pretty much any paint will do. Just try and avoid paint ‘splatter’ brushes for this tutorial. Those are used all over the place and I’m bored with ’em.

Create a new layer and place it behind your logo and logo depth layers. Paint around and get creative with some of your grunge brushes in a few different shades of brown.

These are the shades of brown/orange-ish I used:

  • #a25125
  • #632200
  • #944c28
  • #5f2100

This is the step where everyone’s project will start to gain its own originality, but here is what I came up with for this step.

Step 6: Grunge-ify Your Piece of Art!

This next step is such an easy way to really transform your wallpaper, and once again, this is another place where you can really add some originality to it, as well. We are going to take a stock grunge texture image and overlay it over our entire canvas.

I used this image:

(click to enlarge)

But you can use whatever image you want. There are tons of places to find free textures like Texturez.com. Also, check out one of Abduzeedo’s posts where they provide links to some awesome free textures:

http://abduzeedo.com/36-cool-free-textures

Bring the image into Photoshop and drag it onto your canvas. Make sure this new grunge texture layer is the very top layer in the Layers Palette.

Next, remove its color by selecting the layer in the Layers Palette and then hit shift+command+U (shift+ctrl+U on a PC). This will desaturate the image. In the Layers Palette, set the layer’s blend mode to “Overlay.”


(click to enlarge)

With an alternative grunge stock image:


(click to enlarge)

By using different textures, you can completely change the look and feel of this project. Let me know if you have any questions. Play around with it and feel free to post your finished projects in the comments section if you want!