In this tutorial, I will show the steps I took to create this awesome grungy style artwork with Vexel Hair in Photoshop.  Have a try!

Along the way, I will show you some paint techniques I used to make the hair and the surrounding grungy textures. We also will be using Pen Tool a lot in this tutorial, so if you’re not family with it, check out this post.

Here is the final effect I have for this tutorial: (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:

Grungy Brushsets (Pick some from the list)

Model

Step 1

Create a new document sized 700px * 950px, use the grungy brushsets from the list and paint some texture around the edges of the canvas, as shown below: (when you paint the texture, make sure you adjust the flow and opacity, and don’t just use one brush for the entire canvas)

Create a new layer and grab another grungy brush, this time with a bigger brush size but a lower opacity, fill the centre portion of the canvas:

Step 2

Load the “model” stock image into Photoshop, cut out the model using whatever method you prefer (I found the quick selection tool here is probably the quickest).

As you can see this model has short hair, which is nice but personally I think it would be better with long hair in this occasion. So i decide to extend her hair (which I will show you in step 3) and also add some textures around her to blend her body with the surroundings.

I erase the outer portion of her hair with a soft brush:

I also added some grungy texture on the bottom of the model for support:

and some white texture around the model:

plus some dark texture around the violin and her arms:

The important thing to remeber here is when you paint the textures, make use of the size, opacity and flow settings for the brush – this way you can create more depth to the image and add variety.

I added some hair on the shoulder with a 3px, 75% hardness brush with a dark grey color:

Also I paint some more hair on top to form a head shape:

Step 3

Now we can get to the fun part of the tutorial – the hair creation :)

Grab the Pen tool and create a path like this:

Stroke the Path with the brush settings as shown below: (make sure you tick “simulate pressure” setting when you stroke)

you will have the following hair-like effect:

duplicate it and make them into a bunch (around 10-12 of them), then group all those hair into one folder, name this folder as “hair group”:

Put the bunch onto the model’s shoulder part:

Keep adding more hair by duplicate the “hair group” a few more times:

and you will have the following effect:

Step 4

Now let’s add some abstract lines around the model. I created a brush with the following brush dynamics:

Shape Dynamics

Scattering

Other Dynamics

Also tick the “Airbrush”, “Smoothing” and “Protect Texture” options.

Create a new layer below the model layer called “abstract lines”, and use the brush to paint some dots as shown below:

Apply the following motion blur settingss to it:

then Warp it as shown below:

Once you finish the warping, duplicate it a few times and put them to the positions as shown below: (you can flip, resize them as you see fit)

Step 5

Now we can add another layer of hair to the model for some variation and depth. Use the same method as the previous described, but choose a lighter colour (grey) this time, make some hair as shown below: (don’t forget to group them once you make around 10 of them)

Duplicate the hair group a few more times to add more lighter colour layer:

To blend the two hair layers together I added a new layer on top of all layers and use a soft round white brush to paint a layer of light to the position as shown below: (set blending mode to “Screen” and drop the layer opacity to 60%)

I added the following two adjustment layers to fine-tune the image a bit:

Curves

Layer Mask on the Curves adjustment layer:

Color Balance (set blending mode to “soft light”)

I also Smart Sharpen the image a bit and add some lighting around model, and here is the final effect I have: (click to enlarge)

That’s it for this tutorial! Hope you enjoy it and learnt something new :) of course you can further enhance the final effect by adding more objects and textures, but that’s totally up to you.

Also if you have any question about this tut, drop me a comment below and I will try my best to help you out.

Until next time, have a nice day!

In this post, I included 25 Excellent Grunge Style Fonts Perfect for Abstract Design out of my collections of fonts, hope you like them and find them useful.

Inked God

28 Days Later

Rough Linen

Pulse Sans Virgin

Trashco

Broken Ghost

Gridlock’d

Times New Yorker

Soul Mission

Neo print

Laundromat

Jamai Stevie

Karabine

Grutch Shaded

Everyday Ghost

Desperado

Extravaganza

F-Rotten

Killed DJ

Rusted Plastic

That’s it for this post! Hope you enjoy it and find it useful!

Till next time, have a nice day!

In this post, I will share my collection 80+ of High Quality Free Variety Texture (Packs) for Your Next Design. Those are excellent textures I collected in the past and I personally think they’re absolutely great. The texture packs range from abstract, natural, metal to grunge. Hope you enjoy them :)

Light texture by ~SunnyGirl33

Package – Metal – 9 by #resurgere

08new2 by *masterjinn

Stained by ~SheisprettyStock

Water and ice by ~borysses

Merlin by ~dazzle-textures

Grunge Package by ~Etereas-stock

Vintage package 2 –exclusive by ~H-D-STOCK

Light Texture by ~Reila-is-Love

sky paper by =prigix

dark textures by ~awesomestyle

Grungy Textures by ~env1ro

ink acetate textures vol. 2 by #resurgere

light concrete texture- stock by =ninja-pi

Vintage III Texture Pack by =cloaks

Textures 04 – Stock Pack by =kuschelirmel-stock

Texture – Flustration Splatter by ~dom90nic

Bokeh Texture Pack 002 by ~regularjane

eljay icon textures set one by ~goodxriddance

nighttime cinema lights by *DyingBeautyStock

Cracks ‘N’ Peels : III. by ~ArtOfDecay-Stock

Canvas 01 by ~nighty-stock

Erupu_Red by ~azuremonkey

Light Flares IIII by ~gafanatik

That’s it for this post! Hope you enjoy those textures and find them useful :)

Until next time, have a great day!

In this tutorial,  I will show you the processes involved in making an old-looking, vintage car poster with grunge texture, font and brushset in Photoshop.

Along the way, we will be using a series of Photoshop techniques such as layer blending options, image adjustments, filter effects and masking. Some of the techniques can be a bit tricky (especially with the Pen Tool), but why not just have a try :)

Here is preview of the final image result for this tutorial:

Alternative version with Newspaper Texture overlay – This idea comes from one of my workmates Claudia Ferreira, who is awecome web/graphic designer and a very nice person!

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 texture pack from devaintArt and choose one of those textures, load it into Photoshop. We will be using it as our background for the car poster.

I chose “Texture 1″ from the pack:

Now duplicate the background layer and set the duplicated layer’s blending mode to “Multiply” and opacity to 80%. You will see the texture darken a little bit:

Step 2

To further add Duplicate the “Background Copy” layer once and hit Ctrl + Alt + Shift + B to bring the Black and White image adjustment tool, apply the following settings:

Keep the blending mode of the duplicated layer to “Multiply” and adjust the layer opacity to 90%, you will see the following effect:

Add a vector mask for this layer by click on the following button on the layer palette:

Click on the Mask icon and grab the Eraser Tool with a big soft brush, erase a portion of the duplicated layer by following the direction as shown below:

You will see by doing so it created some colour variation and we now have a light source coming from the top right.

Optional: you can add a gradient fill layer on top of this and apply the following settings:

Set the blending mode of this gradient fill layer to “soft light” and opacity to 80%, you will see the following effect:

Step 3

Now we can add the car image onto our texture. Download a copy of this classic car image from stockvault.net and load it into Photoshop.

Use the Pen Tool (or any other selection tool you prefer, but it’s good to practice Pen Tool cos you will feel the benefit later on) to make a working path as show below:

Then Right-click and choose “Make selection” and set the feather radius to 0 pixel, press Ctrl + C and copy the selection, then go to our document and press Ctrl + V to paste the car onto the canvas, resize it as shown below:

Use the Eraser Tool to clean up the edges of the car: (if you did not make a perfect selection)

Name this layer as “Car” and set its blending mode to “multiply” and you will have the following effect:

Step 4

Dupliate the “Car” layer twice. On the “Car Copy” layer, apply the following Gaussian Blur settings:

Set its blending mode to “overlay”.

Then on the “Car Copy 2″ layer, go to Filter > Artistic >Watercolor and apply the following settings:

Set its blending mode to “Screen” with 70% opacity. You will have the following effect:

Make  a duplicate of the previous Gradient Fill layer, drag it to the top and right-click on the layer, choose “create clipping mask” and set its blending option to “overlay”.

This will highlight the car according the light source:

Step 5

Create a new layer called “grunge brush” on top the “Background Copy” layer, below the “Car” layer. Download a copy of this brushset from devaintArt.com. Load it into Photoshop.

On “Grunge Brush” layer, use the brush we just download, randomly paint around the car (alter the flow and opacity of the brush for dynamic effect):

Create a new layer on top of the “grunge brush” layer, call it  “grunge stream”.  Grab the Pen Tool to make a work path, right-click and stroke it using a grunge brush we just downloaded (Make sure “Simulate Pressure” is selected) as shown below:

Hit Esc Key to cancel the path, use the Free Transform Tool to distort it until similar as shown below:

Duplicate the “grunge stream” layer twice, on each duplicated layer, use the Free Transform Tool (Ctrl + T) to alter the size, angle of the stream, and position them as shown below:

Merge all the duplicted layers and the original “grunge stream” layer together. Duplicate the merged layer once, rotate and position it as shown below:

Step 6

Now we can add some text effect on the poster. Download a copy of this font from dafont.com. Type some text onto our document as shown below:

On the text layer, apply the following layer blending options:

Blending option

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow:

Color Overlay

And you will have the following effect:

Step 7

For the final touch-up, we can add some cloud texture on it. Download a copy of this cloud image from stockvault.net, load it into Photoshop.

Press Ctrl + A to select the whole image, copy and paste the selection onto our poster, put the newly created layer just above the “Background” copy layer, below the “grunge brush” layer.

Resize and fit it to the canvas as shown below:

Go to Image > Adjustment > Channel Mixer and apply the following setting on the cloud layer:

Change the blending mode of this layer to “soft light” and you will have the following effect:

Optional: if you feel the colour of the car look a bit distracting, you can simply go to “Car” layer and desaturate the layer:

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: (sightly adjusted Hue, and add a bit of radial blur to it)

Alternative version with old Newspaper Texture overlay: (You can download this texture here) – This idea comes from one of my workmates Claudia Ferreira, who is awecome web/graphic designer and a very nice person!)

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!

This tutorial shows the path I took to create this Diablo III Inspired Grunge Text Effect.

I was looking for some design inspirations on the net and I bumped into the Diablo III website. I  was intrigued by the design of the title text and I thought: what happen if I add something extra to it? What will the end result like if I apply a cracked texture on top of the text? The story begins…

Just a sneak-peak of the final text effect:

Step 1

Firstly we need a nice font and a texture for overlay effect. You can use any font you like, I chose this font from dafont.com. After choosing your font, donwload a copy of this texture below (click to download)

Step 2

Create a new document of any size, I chose 800*600px because it provides more room later on if I want to add something extra on. Fill the background layer with black.

Use the type tool to type some text onto it using the white colour. Name this layer as “text”, right-click on the layer and go to Blending Options, use the follow settings:

Drop shadow

Bevel and Emboss

Hightlight Mode colour for Bevel and Emboss option

Gradient Overlay

Step 3

Open the texture image file you downloaded, use the selection tool to select a portion of the image and drag your selection on top of the “text” layer. Name it “texture”, right-click it and choose “create clipping mask”.

Use the curve tool to adjust the colour mixture of this layer a bit. See below for detailed curve tool setting:

Step 4

Change the layer blending option of this layer to “screen”, apply inner glow and some dark brown satin in the blending options. See below for details:

Step 5

On the “texture” layer, use a big circle brush with a low opacity and flow (30% each) and dark yellow colour to add some colour contrast on it. Below is the text effect so far:

Step 6

Duplicate the “texture” layer once, apply the “Glass” filter onto it. See below for detailed settings:

Then set the layer blending option to “Color Burn”.

Step 7

Optional: you can some extra effects on top of the duplicated texture layer. I added a dupilcated layer with a “Medium” filter on and set the layer blending option to “Color Dodge”. See below image for details:

Medium filter

Layer blending option

Ok, that’s it for this tutorial! You may want to add some more creativity onto this text effect, go ahead with it!

Below is my finished work, I added some brush effects and motion blur:

I hope you enjoy this tutorial. Any questions or feedback, just drop me a comment!