Grunge Vector Clothing Design

This Tutorial i found in Kreative Studios.

I like this tutorial, because this tutorial will guide you through the general process of designing a vector-type grunge clothing design. This tutorial use Photoshop CS3, you also can import you finish grunge design to corel, and than trace it, to get vector finished. enjoy it!


This tutorial will cover the basics, and give you all the steps needed for creating the example design. Since there is something called creative freedom, if something doesn’t agree with you, change it. I am only giving a baseline, so to speak.

This tutorial was done in Photoshop CS3 Extended and should work just fine for CS and CS2.

You can download all of the example files at the end of the tutorial.

1. Find your photo. For this tutorial, I searched Google for a tank. I wanted a tank. It’s a Hellcat. Copy it into a new document. For this tutorial, I am going to be doing the design at 72dpi. Please take notice of your printer’s design specifications when doing business when them.

2. We are going to convert the tank into three colors for two reasons, the color process, and the vectorizing. In reality, it isn’t ever going to be a full vector because I am not using Illustrator for this tutorial. You can use Illustrator when you apply your vector shapes if you wish (we will do that later on in the tutorial). Go to SELECT > COLOR RANGE. From the pulldown menu, choose HIGHLIGHTS and Press OK.

3. You should now have a selection. Create a new layer, and fill that selection with about 25% gray.

4. Go back to the COLOR RANGE tool and choose MIDTONES this time. Create a new layer. Fill this selection with 50% GRAY.

5. Go to the COLOR RANGE tool once more and choose HIGHLIGHTS this time. Create a new layer. Fill this selection with about 80% gray.

6. Now, let’s remove the excess. We just want the tank, so get out the Pen Tool, and select around the tank.

7. Now select the inverse (SELECT > INVERSE) and delete from all layers.

8. Once you have it like you want, merge the three color layers together.

9. Copy that new layer to the design document.

10. So now you have the tank by itself. Go to IMAGE > CANVAS SIZE Enlarge the canvas to fit your needs. For this tutorial, I will be going up to 12in by 19in (still at 72dpi). Fill the canvas with what color your shirt is behind the tank and move it up if it’s a little low for your taste.

11. It’s time to color the tank. Make sure you’ve selected that layer, and go to IMAGE > ADJUSTMENTS > HUE and SATURATION. Check the COLORIZE box and choose a hue. I am going for a dark army green color.

12. Go find some killer vector graphics, brushes, or whatnot. As a proud use of GoMedia’s Arsenal, I will be using them for this tutorial. If you want your own vector sets, go check out the load of choices. You won’t be dissapointed.

When it comes to brushes, head out to You’ll find some kickass brushes there, no jokin.

13. For this tutorial, some skulls would kick butt and make our tank a tank if you feel me. I am going to use the eye dropper and grab the midtone color. I am going to use that as the skull color, but a small bit lighter for a couple of them.

14. I’m going to throw in some urban-ness to it. Maybe an electric pole, just for kicks.

15. Destroy. I am going to throw in some destruction type vectors and use them to delete and create some chaos.

16. Now for some splatter. This splatter will head into the back of the image behind the tank.

17. We need some spasmy curves. Throw some of those in, in respect to colors and patterns. Wings it is.

18. For the main background image, a circular crest duplicated and flipped will look good here.

19. For this one, I am going to use the Pen Tool and draw some lines all over the place. This will work good for giving it more of an abstract feeling.

When I chose to stroke the paths, I clicked SIMULATE PRESSURE so the tips faded away.

20. For the final part before adding the text, I will delete away part of the whole thing using a tribal design.

21. Add your text. It is, like everything else that requires a level of creativeness, up to you. I am choosing to write “NoMA Starface”. Sounds good.

22. There’s nothing wrong with having text, but when it doesn’t fit with the rest of the design, it’s pointless. So, I am going to get a grunge vector back out, use it’s selection path, and delete parts of the text using that selection path. (Remember, I have to rasterize the text before continuing). I am going to move it up towards the other graphics after I am finished.

23. You’re done. That’s basically it. Again, you can get the vector packs I used from GoMedia’s Arsenal. The Brushes from If you want to browse around, go search Google for some free vectors. Enjoy. Comments and questions go below.