I’ve been asked to do a tutorial on how to do my end result for the previous tutorial, so the end of the week article will be a continuation of the pattern tutorial. There is a lot of different ways you can play with this to make it grungy and dirty, this tutorial shows you what I did.

If you haven’t done the first half of this tutorial, check it out!

Step 1

Color is key to creating a mood. So this is the first thing we are going to add. The original tutorial was a basic gray, so there was no color to warm or cool the image.

For my image, decided to give it more of a warm feel. To do this create a new layer and make it your very top layer. Grab a yellow color and fill the entire document. Now we are going to change the blending mode, you can play around with them. There are a lot that work well, but for mine I used multiply with an opacity of 9%.

Step 2

The next thing I did was to make my logo pop. This can change a lot depending on what you used for a logo/text/image. I think it’s probably good to give it a shadow, if you want it to have some kind of a 3D look to it. What I did was split up my logo into 3 different layers for each color. Then I gave layer styles to each color, as you can see below.

Dark Gray:

Light Gray:

Red:

And this is what it comes out as:

Step 3

I then used one of the negative textures from Zen Textures (The one I used is on the far right of that page).

Since these are negatives, I usually do an inverse (control + I), then fit it into your document (control + t to transform and rotate the texture). Change the layer mode to multiply and move the layer so it is just above the pattern layer.

Step 4

Now that looks good, but we can go a step further by adding some texture to the logo.

I am going to pull in that texture into the document again, so that it is the original size. Then get the inverse with control + I and change the blend mode to multiply. Now move it around the texture until you find an interesting texture over logo/text/image. If you don’t like anything in the texture, you can go and grab another one with a more interesting texture.

Step 5

We want to get rid of the excess texture, so go to your square layer and control + click to load the square. Then do control + shift + I to get the inverse selection, then delete.

Step 6

Create a new layer just below the logo texture, and load the square layer again, and then click on the gradient tool, make sure black is your foreground color. Click on the black to 0% opacity option. Click and drag a gradient from the bottom right corner to the top left, togive the logo a shadow. Play around until you get something you like.

Final

Here is the final outcome for both the patterns. The carbon fiber effect uses the same steps, but with its the carbon fiber pattern.

With the carbon fiber pattern:

With the metal pattern:

discuss this topic to forum