Join 1Y0-A05 online training to learn Photoshop. Become expert in web design using 70-646 tutorials and 350-029 study guides.

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)

model abstract flattened 3 500x500 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

model abstract flattened 2 500x500 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

vip sign up 250 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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%)

1 paint 500x494 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

1 resize 500x497 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

1 pers Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Perspective your selection as shown below:

1 pers 2 500x297 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

1 erase 500x488 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

1 effect 499x494 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

2 paste 500x498 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Name this layer as “model”.

Apply the following Smart Sharpen filter on this model layer:

2 smart sharpen 500x309 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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”

2 bw Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Curves

2 curves Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Vibrance

2 vib Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

and you will have the following effect:

2 effect 1 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

2 spatter 500x344 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

2 blend mask 500x503 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

2 effect Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

3 motion blur Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Add the following mask to the motion blur layer:

3 mask 500x467 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

3 mo blur 2 500x586 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

4 draw 500x417 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

4 stroke pa Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

4 simulate Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

You will have the following effect or similar:

4 after strok Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

4 gau blur Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

You will have the following effect:

4 duplicate Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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):

4 effect vivid Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

4 effect 3 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

5 paint shadow 500x321 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

5 grunge texture 500x512 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

5 mo blur Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

and you will have the following effect:

5 after mo blur 500x513 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

Curves

5 curves Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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

5 curve mask 499x500 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Levels

5 levels Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Levels Mask

5 levels mask 500x498 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Color Balance

5 col bal Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

You will have the following effect so far:

5 effect 499x497 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

5 lens filter Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

and you will have the following effect:

6 lens flare Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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)

6 light effect 500x548 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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:

6 effect 2 500x486 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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)

model abstract flattened 31 500x500 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

Alternative version: (click to enlarge)

model abstract flattened 21 500x500 Create Grungy Style Artwork, Mixing with Great Lighting and Shattered Effect in Photoshop

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!