In this tutorial, I will show you the steps I took to create this Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop. This is an intermediate level tutorial and some steps can be tricky, but why not just have a try :)

Along the way, we will cover creating shattered/disintegration effect, lighting effect, how to generate more depth to your image, as well as using Pen Tool to create awesome abstract lines. This tutorial is also a great opportunity to practice your brush painting skills.

Here is the preview of the final effect I have for this tutorial: (click to enlarge)

Alternatvie version with different colour scheme: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

Ok let’s get started!

To complete this tutorial, you will need to the following stocks:

Female Model

Step 1

Create a new document sized 1000px * 1000px, fill the background with black colour. Create a new layer on top of the background called “grunge texture”, download a choice of your grungy brushset from sites such as qbrushes.net or brusheezy.com, load it into Photoshop, and use them to paint a light-grey background on this texture layer, as shown below: (make sure you set the flow and opacity of the brush to a low level, around 20-30%)

Once you’re happy with the texture, duplicate this layer once, and resize the duplicated layer as shown below:

Now here is a trick you can use to quickly add some depth to the image – after resizing the image, don’t cancel the selection, straight-away right-click and choose “perspective”, as shown below:

Perspective your selection as shown below:

Erase the upper edge this layer as shown below, so the two layers can sort of blend together:

And you can by doing so, we add depth to the background texture so making it easier to add the model onto the canvas later on:

Step 2

Load the Female Model stock image into Photoshop, use whatever method you like to extract the gril out, copy and paste her onto our canvas, resize and position it as shown below:

Name this layer as “model”.

Apply the following Smart Sharpen filter on this model layer:

Add the following three adjustment layers on to this layer, make sure to tick the “use preivew layer as clipping mask” option:

Black and white

Make sure to change the blending mode of this Black and White layer to “Vivid Light”

Curves

Vibrance

and you will have the following effect:

duplicate the orginal model and drag the duplicated layer to the top, apply the following Spatter filter to it: (Filter > Brush Stroke > Spatter)

You will now see the whole girl image is covered by the shattered piece – of course we don’t want that. So add the following layer mask to hide those parts we don’t wish to see:

By doing so, we only leave the shoulder and the upper legs part to have shattered effect.

Change the layer blending mode of this layer to “Hard Light”, and you will have the following effect:

Step 3

Duplicate the original model layer once more and drag it on top of all previous layers. Apply the following motion blur settings to it:

Add the following mask to the motion blur layer:

Change the layer blending mode this layer to “Screen”, you will have the following effect:

Optionally, you can duplicate this motion blur layer a few more times, and drag them around the model’s body for more effect.

Step 4

Now let’s create some abstract lines. Firstly turn off all previous layers (except the background grungy texture layer) we made so that we have more space to use our creativity. Create a new layer above the grungy texture layer, grab the Pen Tool and draw a path as shown below:

Stroke the path as shown below with a 3-5px soft brush: (You can choose any colour you like)

You will have the following effect or similar:

After stroking the path, duplicate it once and apply the following Gaussian Blur settings to it:

You will have the following effect:

You can see by doing so we add a glowing effect to the abstract line we created.

To futher enhance this layer, we merge this two layers, duplicate the merge layer once, and change the blending mode to “Vivid Light”, you will have the following effect: (I resized this line a bit):

That’s all for create the abstract line. Then we can simply duplicate, position those lines around the model, as shown below:

Step 5

Now we can add a bit of shadow for the model because I intend to have light coming from the top. So we simply create a new layer called “shadow” just below the original model layer, grab a soft black brush, paint some shadow on the bottom:

Create a new layer, use the grungy brushset you donwloaded or choose a different brushset, paint some grungy texture around the model’s body, as shown below:

This step can be a bit tricky to complete – try mixing different brushes in the set, set the opacity and flow to a low level around 30-40%, and use the tip mentioned in the screenshot. It’s all about getting used to the brushset and find the feeling :)

Once you finish the painting, duplicate this layer once, apply the following Motion Blur setting to it:

and you will have the following effect:

Add the following three adjustment layer on top of it, with respective layer masks:

Curves

Curves Mask (Use Eraser with Grungy Brushset, along with soft round brush to create this effect)

Levels

Levels Mask

Color Balance

You will have the following effect so far:

Step 6

Now let’s add some final touch-up for the image. To do this, I decided to use Len Flare + Cloud Filter to add some highlight to the model’s body.

The trick is really simple: Create a new layer on top of all previous layers, use the Lasso Tool (with 25px feather) to create a selection, render some cloud inside it then apply the following Lens Flare settings:

and you will have the following effect:

We then change the layer blending mode to “overlay”, “color dodge” or “vivid light”, totally up to you. Make sure you duplicate this layer a few times, and move them around the model’s body for more highlights.

Below image shows the areas I chose to highlight: (I turn off color so you can see the arrows a bit better)

Important: experiment with layer blending mode with this cloud filter + lens flare layer, you will be amazed how interesting this combination would bring you :)

Here is the effect so far:

Final Step

For this final step, I flatten the image, smart sharpen it a bit, changed the color scheme and adjusted the brightness and contrast as well. I will leave those settings up to you so you can experiment with them :)

Here is the final effect for this tutorial: (click to enlarge)

Alternative version: (click to enlarge)

That’s it! Hope you enjoy this tutorial! Drop me a comment if you have any question, I will try my best to help you out!

In this tutorial, I will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try!

Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design.

The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!

Here is a preview of the final effect: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Brushset

Step 1

Create a new document sized 1200 * 1700px, fill the background layer with black colour. Create a new layer on top of it and grab the brushset we just downloaded and paint some grungy texture as shown below:

The trick here is to set your brush flow and opacity to a reletively low level, both around 30% – 40%, and vary the brushset size when you paint. Also don’t stick with one brushset, try mixing different ones together and see what result that brings you.

If you want to skip this step, you can simply download a copy of this background texture here.

Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it:

To adjust the lighting contrast a bit, we can add a Curves adjustment layer on top of all previous layers:

and here is the effect so far:

Step 2

Use the font we download before, type and position the text as shown below: (Use a dark gray colour as font colour)

Tips: type the texts on seperate layers, use the free transform tool (Ctrl + T) to rotate and fit them together.

Once you’re happy with the position, rasterise and merge those text layers and apply the following layer blending option to the merged layer:

Drop Shadow

Bevel and Emboss

Gradient Overlay

and you will have the following effect:

Now we’re in the fun part of this tutorial – Duplicate this merged text layer five times, and set each layer’s opacity as shown below:

Use your up and right arrow key on your keyboard, repeatly type them until each layer seperates from each other and form this effect as shown below:

Step 3

Load the selection of the last text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge settings:

Maintain the selection, create a new layer called “cloud” and render some cloud in it: (Black and White colour)

Duplicate this cloud layer three times, and drag the last text layer on top of the duplicated cloud layer, you will have the following effect:

Duplicate the cloud layer twice, and drag the two layers on top of text layer, change their blending mode to “overlay” and you will have the following effect:

Step 4

Now we can add some colours onto the image to spice it up a bit. To do this, I simply create a new layer called “colour 1″ on top of all previous layers, and grab a big soft round brush and select some colour I like to paint over it:

Change the blending mode of this layer to “overlay”.

I also want to highlight the edge of the grungy background, so I add another layer called “colour 2″ and grab a brown colour brush to paint around the edges:

Set the blending mode of this layer to “colour dodge”.

You can also highlight some part of the text, simply create another layer called “highlight” and grab a white soft round, big size brush and paint over desired area:

Change thie blending mode of this layer to “soft light”.

For final refinement, I added two adjustment layers on top of all previous layers:

Curves

Colour balance

Apply the following mask to the colour balance adjustment layer:

Overall, you will have the following effect:

Ok that’s pretty much it for this tutorial! Of course this doesn’t stop you from enhancing it and put it some your own creativity to it.

I further added some lines and apply some of this brushset around the edge of the text.

Here is my final effect for this tutorial: (click to enlarge)

That’s it for this tut! Hope you enjoy this tutorial and find it useful and inspirational! Cheers and have a great day!

Along the way, we will be using Photoshop techniques such as the Extract filter, layer blending effects, masking, a variety of photo filtering tools and image adjustment tools. I would like to put emphasis towards the Extract Filter and show you what you can do with the tool when it comes to complex selection (e.g. hair selection).

This is an intermediate tutorial and can be a bit tricky, but why not have a try :)

Here is a preview of my final effect:

Alternative version:

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Wedding Skirt Stock

Grungy brushset

Step 1

Load the “Wedding skirt stock” image into Photoshop. Now what we need to achieve is to take the model out and seperate it from the rest of the image.

You may use any selection tools you like (Pen Tool, Lasso Tool, Magic Wand) to do this, however I feel the most convenient tool here is in fact the Extract Filter (located under Filter > Extract or shortcut Ctrl + Alt + X). The reason is because with Extract Filter, you can easily make a selection around the model’s hair – which would be difficulty if you use any other selection tools.

So Go to Filter > Extract and click on the marker on the top left corner: (I used a brush size of 40px)

Mark around the model as shown below:

Then click on the Paint bucket under the marker:

Fill the inside area as shown below:

Click on the “OK” button and you will see the background around the model disappears. Now create a new document sized 2400px * 3600px with 200 dpi resolution, use the Movel Tool (V) and drag the model onto the new document.

Now you may see under the model’s right arm there is a portion of the texture isn’t removed. We can easily fix this by using Magic Wand tool to make a selection:

Go to Edit > Clear and you will see it’s now removed:

Here is the overall effect so far – you may see the edge of the model appears to be torned. I was going to the correct this, but in the end decided to leave it as it is for the final effect. Be aware this was created from the Extract Filter and because the brush size I used. You can avoid this by changing the brush size to a smaller one in Extract Filter.

Name this layer as “Model” and prepare for some Photo Retouching fun!

Step 2

Duplicate this model layer Once. Apply the following blending mode to the duplicated layer:

Blending Mode: Multiply

Opacity: 100%

Go to Filter > Brush strokes > sumi -e and apply the following settings:

Then apply the following Layer Mask to this duplicated layer: (Tip: use the Gradient Tool to achieve this effect)

Duplicate this layer twice, keep the blending mode of those two layers as “Muliply”, but drop their opacity to 60%. You will have the following effect:

Step 3

Duplicate the original “Model” layer once again and drag this duplicated layers on top of all other layers.

On the first (bottom) duplicated layer, apply the following Gaussian Blur settings:

Change the blending mode of this layer to “Screen” and add a layer mask to it. On the mask, use the Eraser Tool to ereser some random areas on the shirt so to create some lighting depth:

After erasing, duplicate this layer once and change the blending mode to “Soft light”, here is th effect so far:

Step 4

Duplicate the original “Model” layer one more time and drag it on top of all other layers, apply the following High Pass filter (Filter > other > high pass) to it:

Change the layer blending mode to “Hard Light” and you will have the following effect:

Optional Step: to add some extra smoothness and lighting contrast to the image, you can duplicate the original “Model” layer one more time, apply the following Gaussian Blur settings:

Change the blending mode to “Screen” and add a layer mask to the layer, erase the following parts on the mask:

Here is the effect so far:

Step 5

On top of all previous layers, add the following two adjustment layers (Layer > new adjustment layer > …)

Levels

Black and White

Create a new layer called “colour” on top of those two adjustment layers, set its blending mode to “overlay” and opacity to 40% and use a dark brown brush to paint over the following area:

Add another Curves Adjustment layer on top of the “colour” layer, apply the following settings:

Here is the effect so far:

Step 6

Now let add some background textre to it. Create a new layer just above the background layer, use the Grungy brushset to over it (try out different brush flow and opacity settings), here is my effect so far:

To add a bit more texture effect, we can create a new layer fill with Black colour, go to Filter > Render > Fiber and apply the following settings:

Change the blending mode to “Soft light” and drop the opacity to 55%, you will have the following effect:

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!

Here is my final image for this tutorial: (I slightly adjusted the colour contrast and add some motion blur effect) – Click to enlarge:

Alternative version:

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

In this tutorial, I will show you the steps I took to make a Grungy-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image I came across on stockvault.net and thought I could have a play with it :)

Together we will explore some layer blending techniques, variuos filter effects, and an interesting method of making the text look 3D. Have a go!

Here is a preview of the final image: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK let’s get started!

Step 1

Download a copy of this grungy image from stockvault.net and load it into Photoshop. We will use it as the background of this poster.

Rotate the canvas by 90 degree CW by going into Image > Rotate Canvas > 90 degree CW:

We can add a bit of noise on the background image and make it look more grungy. To do this, duplicate the background layer and go to Filter > Noise > Dust & Scratches and apply the following settings:

Change the layer blending option to “Overlay” and you will have the following effect:

Step 2

Duplicate the “Background copy” layer once, go to Filter > Sharpen > Smart Sharpen and apply the following settings:

Keep the layer blending mode as “overlay” and you will have the following effect:

Step 3

Duplicate the “Background copy 2″ layer once and go to Filter > Stylize > Glowing edge and apply the following settings:

Keep the layer blending option as “overlay” and you will see the following effect:

Then hit Ctrl + Shift + Alt + B and bring up the Black and White adjustment Tool, apply the following settings:

And you will have the following effect:

Step 4

Duplicate the “Background Copy 3″ layer once, change the blending option of the duplicated layer to “Screen” and you have the following effect:

To create a bit of colour depth, we apply the Black and White adjustments to this layer (Ctrl + Alt + Shift + B) with the following settings:

Step 5

Still on the previous layer, grab the Eraser Tool with a big soft round brush, erase the area where covering the yellow/golden part:

Change the layer blending option to “Color” and you will have the following effect:

Go back to the “Background copy 3″ layer, again use the Eraser Tool with a big soft brush to erase the centre portion of the image:

Step 6

Now let’s add some text onto the background texture. Download a copy of this font and type some text onto the canvas:

When you’re happy with the text, rasterize it and change its layer blending mode to “Hard Light”.  Apply the following layer blending options:

Drop Shadow:

Bevel and Emboss:

Texture

Gradient Overlay:

And you will have the following effect:

Duplicate the text layer 7-8 times, keep the blending mode of each layer as “hard light”, and you will have a deeper text effect as a result:

Merge those duplicated layers together and name the merge layer as “Text”.

Step 7

Change the blend mode of the text layer to “Hard light”, duplicate it once again and apply the following Gaussian Blur filter on the duplicated layer:

After applying the Blur filter, duplicate this layer once more. On the duplicated layer, add a White colour overlay blending option as shown below:

Then on this layer, use the Eraser Tool to gently eraser some part of the text, by doing so you can create a uneven lighting effect and make the text look 3D:

Step 8

To a bit of extra flavor to the image, we can add a new layer called “cloud” in between the text and the background texture layer, use the Lasso Tool with 40px feather to make a selection around the text and render some cloud inside:

To make the cloud look a bit uneven, we can simply duplicate the existing cloud layer once and set the blending mode of the duplicated layer to “hard light”.

Here is the effect so far:

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!

Here is my final result for this tutorial: (I add a bit of radial blur, and adjusted the colour balance a bit)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!