Creating a Torn Apart Grunge Graphic
First we’ll begin by adding a radial gradient to our piece. Radial gradients are great bases for many designs, and for this one I’ll be using colors (#203534) to (#00000).
You should have something like this.
Now we’ll add our image. You can either cut one out yourself, or download this one I pre-cut for you. The cutting wasn’t perfect, but it doesn’t have to be for this tutorial.
Add your image to the side of the right side of the graphic.
Now we can begin the fun part, breaking away the image! Now you can do this TWO ways, with brush and the lasso tool, or with the lasso tool alone. For this tutorial I will be showing you ONE of those ways, with the lasso only. Now rename your image layer to original and duplicate it twice (CTRL + J). Now as you have 3 copies of your image, hide the first original layer, and then hide the original copy, so basically now we’ll be working with original copy 2 – or to make this easier, rename this layer to shatter. You should always have at least one back up layer.
Now grab the lasso tool, and begin making random cuts to your image. It really doesn’t have to be perfect, I tend to get a little crazy with the lasso tool but it all depends how distorted you want your image to be.
Now the trick here is while holding the ctrl button, click and drag your selected area away. There actually should be a mini pair of scissors that appears that will show you that you’ve selected the selection. Afterwards press CTRL D to de-select the area.
The trick is to cut up the smaller pieces and pull them further apart. It’s a pretty tedious process, so take your time and don’t be afraid if it looks a little weird, it’s supposed to!
Some more refinements…
Now once you’re done it should look something like this:
Now, reveal the original copy and you should see the final outcome of the shatter piece. Afterwards, combine both the original and the shatter layer, so select both with CTRL and then CTRL + E to merge them.
Rename our newly merged layer to final. Now we’ll begin adding in some little details. Make a new layer, name it lines and press okay. Go to your brush tool and select the default 5px round brush, 100% hardness. This will set the current line that we’ll be making.
Get out the pen tool and while on a path, make a diagonal line.
Right click and go to stroke path. Leave stimulate pressure unchecked, select brush and press okay.
Drag the lines layer so it’s under the final layer. Duplicate the lines layer (CTRL J) and move the new layer of lines right underneath.
You can also make some smaller stroked lines by selecting a 1px round brush from the brush menu, and then re-do the pen step and add them wherever you’d like. I like to use a new layer for each of my lines, but you can add them to one layer if you’d like.
Now make a new layer underneath the final image, name it bubbles.
Go to your brush tool, select a 300px, 0% hardness brush and go under the image.
Now take this texture, or take the already re-sized one I made for you here, add it to your image so it’s the top layer and set it as hard light at 100%. Duplicate the texture layer (CTRL + J) and drag it all the way towards the bottom, so it’s right above the gradient layer. Set it to normal at 35%.
It should now look like this:
Now duplicate the final image, drag the new duplicated version to the very top and set it to overlay.
We’re now going to add some lightened circles for a more abstract effect. Get out your circle tool and create a circle, fill it with any color. Remember when creating the circle to hold shift as you drag it, to make a perfect circle everytime.
Right click > delete path once you’ve filled it and then double click the layer to pull up the FX window. Now we’re going to add a gradient to this circle, you can match your settings to mine, but I basically just used a nice dark lime green to a lighter lime green color.
Now, to be able to set a blend mode for this, we need to convert it to smart filters. Go to filter > convert for smart filters. Then set your layer to lighten. After wards pull the layer to be underneath the texture, but right above the original final layer.
Re-do this step several times, making new layers for each circle, while making them smaller sizes and different gradients. Make sure to convert them to smart filters before setting to lighten so they work. I ended up getting something like this:
Now I just noticed that the final image could be sharper, so go ahead and select the final copy layer and go to Filter > Sharpen > Sharpen.
Now we’re going to add a nice lens flare to top it all off.
Make a new layer, name it “flare” and fill it with black. Then go to Filter > Render > Lens Flare. (psp users see image below)
Go to Image > Adjustments > Gradient Map. Double click the gradient and select the default black to transparent.
Set a new tab and put it to the color (#dfdcac). Place it as shown in the image below:
Set the lens flare layer to hard light. To those using psp, go ahead and use this image of the lens flare and set it to hard light. Psp users can use spotlight, but this is another alternative.
And voila! Add some text and you’re all done!
Click to see the final product.
SO THAT IS HOW YOU MAKE THAT SHATTERED EFFECT D:
ahha. i had no idea. wow.
great tutorial ;D
kishen posted this April 12 // #