Home > Photo Effects, Text Effects, Tutorials > Create an intensely Grunge Psychedelic Poster

Create an intensely Grunge Psychedelic Poster


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!
The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it! Thanks to PSD Vault for this awesome tutorial. Here is my version of it 🙂

For creating this poster, you will be needing this grunge brushes, so please download them before going further.

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 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.

Now we want to make a space for our text and create some depth for the image. To do so, using the eraser tool and setting the size to a 300 px soft brush erase out some part of the middle in the texture layer.

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


and the result must look something like this:

Step 2
Click on the type tool and type the letters you want, I used a geometrically shaped font, which i found it here.

Note: 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 of the letters, rasterise and merge those text layers and apply the following layer blending option to the merged layer:

Drop Shadow
Bevel and Emboss

Gradient Overlay with default values.
and you will have the following effect:
Next, Duplicate this merged text layer five times, and set each layer’s opacity as shown below:
Select each text layer from the top and click on free transfrom tool (CTRL + T). Use your up and right arrow key on your keyboard, repeatly press them until each layer seperates from each other and form this effect as shown below:

Step 3
Load the selection of the first text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge (Select>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 first text layer on top of the duplicated cloud layer, you will have the following effect:

Duplicate the cloud layer again, but this time, only 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” or “overlay”, if you aren’t satisfied with the former’s output.
For final refinement, I added two adjustment layers on top of all previous layers:

Colour balance
Apply a mask to the colour balance adjustment layer (use a soft 300 px brush with a foreground color set to black — as shown in the picture above):
Overall, you will have the following effect:

I further added some lines and gave it a glowing effect just like I did in the other tutorial and applied some of the basic shape brushes around the edge of the text. It is left to your imagination, how you add the finishing touch.

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


Hope you enjoy this tutorial and find it useful and inspirational! Cheers and have a great day and Good luck with the poster!

  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: