How to Create Interesting Grunges for Your Designs in Illustrator

How to Create Interesting Grunges for Your Designs in Illustrator

In this quick tip you will learn to use grunges to create hierarchy in your designs, making the main elements stand out more and the backgrounds a lot more interesting – all in vector format.
The technique is very easy and can be done by everyone, all you need is a bit of a keen eye for aesthetics.

Difficulty: Beginner
Completion time: 30 minutes
Tools: Adobe Illustrator, Adobe Photoshop

Resources:
Helmets Vector Pack from Designious.com
Spraypaint Vector Pack from Designious.com
Floral Vector Pack 68 from Designious.com
– a handwriting text scan
t-shirt mock-up template from GoMedia

Final Image Preview

Create Interesting Grunges for Your Designs Final Preview

So lets begin!

STEP 1
Go to File > New… and create a 600 x 600 px document in CMYK color mode.

Create Interesting Grunges for Your Designs Step 1

STEP 2
Click-drag the mock-up template into our document, resize it and place it like below using the Selection Tool (V). Hold the SHIFT key while dragging to preserve its proportions. In the Layers palette (F7), click the “Create New Layer” button.

Create Interesting Grunges for Your Designs Step 2

STEP 3
Lock the “Layer 1” layer and select the newly created one. Name it “helmet”.
Open the “Helmets Vector Pack”, select a helmet of your choosing, copy it (CTRL+C), hit CTRL+Tab to switch to our document and paste it (CTRL+V). Resize it like below.

Create Interesting Grunges for Your Designs Step 3

STEP 4
Open the “Spraypaint Vector Pack”, the “Floral Vector Pack 68” and the “handwriting” vector file.Do not copy anything yet, we just need this at hand after we’ve decided on the composition.

Here’s how the composition will be: we will make the helmet the main element, surrounded by a few thorns, with a textured background.

Create Interesting Grunges for Your Designs Step 4

STEP 5
Go back to the “Untitled-1” file created in STEP 1 (Window > Untitled-1). Grab the Magic Wand Tool (Y), set its Tolerance to “0”. Select the contour and set its color to #1c1c1c. Then turn the rest of the Fill colors into white (#000000).

Create Interesting Grunges for Your Designs Step 5

Create Interesting Grunges for Your Designs Step 5.1

STEP 6
Go to the “spraypaint vector pack” and pick a spray with a curved edge, as below. Copy it (CTRL+C).

Create Interesting Grunges for Your Designs Step 6

STEP 7
Go back to our document (Window > Untitled-1), create a new layer (it will be named “Layer 3”) and click-drag it below the “helmet” layer. Then lock “helmet” layer. Select the “Layer 3” layer and paste the spraypaint. Name this layer “spraypaint”.

Create Interesting Grunges for Your Designs Step 7

STEP 8
Grab the Direct Selection Tool (A), click the interior of the spraypaint and hit Delete. You should now have a shape like below. Paste another spraypaint shape, like the one below.

Create Interesting Grunges for Your Designs Step 8

STEP 9
Grab the Magic Wand Tool (Y),  click one of the spraypaints, grab the Eyedropper Tool (I) and click the contour of the helmet. CTRL+click on the canvas to deselect them.

Create Interesting Grunges for Your Designs Step 9

STEP 10
Grab the Selection Tool (V), alt-click-drag the round dotted shape to create a copy, resize it and place it like below. Use the Eraser Tool (SHIFT+E) to clean up the extra areas. We will now make the helmet more 3D using only one color. Pretty cool, huh?

Create Interesting Grunges for Your Designs Step 10

Create Interesting Grunges for Your Designs Step 10.1

STEP 11
Copy and paste in more spray paints and place them around the helm. Delete their “core” if necessary. The secret is to use more for the bottom side and only a few for the top side.

Create Interesting Grunges for Your Designs Step 11

STEP 12
Create a new layer, name it “handwriting” select it and paste in the handwriting. Use the Eyedropper Tool (I) to give it the same color as the spraypaints and alt-click-drag a few copies. Place them as below.

Create Interesting Grunges for Your Designs Step 12

STEP 13
Lock the other layers and grab the Lasso Tool (Q). Make random selections and hit Delete twice. Make them more rare the further they are from the helmet, like a gradient.

Create Interesting Grunges for Your Designs Step 13

Create Interesting Grunges for Your Designs Step 13.1

STEP 14
Go to the “Floral Vector Pack 68”, copy a few thorns and go back to our document. Create a new layer, name it “thorns” and paste them in, then recolor them like the spraypaints. Place them like below.

Create Interesting Grunges for Your Designs Step 14

STEP 15
Lock all layers, then unlock the “spraypaint” layer and select it. Paste in two spray paints like below. Select one and hit CTRL+SHIFT+] to bring it to front.

Create Interesting Grunges for Your Designs Step 1

STEP 16
Place it above the other one, make it white and delete its “core”. Place these two shapes at the base of the T-shirt. Unlock the top-most layer and paste a round spraypaint. Recolor it and delete its “core”. Place it as below.

Create Interesting Grunges for Your Designs Step 16

STEP 17
Unlock the “thorns” layer and alt-click-drag to create some copies, then place them as below.

Create Interesting Grunges for Your Designs Step 17

STEP 18
Unlock the “spraypaint” and the “helmet” layer. Paste in some round spraypaints, delete their core, recolor them in #1c1c1c and place them as below. This will add more depth and texture to our main element. Erase extra areas as necessary.

Create Interesting Grunges for Your Designs Step 18

STEP 19
I want more depth to the overall design, so copy some more spraypaints and place them as shown in the image below.

Create Interesting Grunges for Your Designs Step 19

As an end result, this how my print would look like:

Create Interesting Grunges for Your Designs final result 1

Done!

The trick is to enhance your main element and its features with simpler elements to complete its shape. The help has dominant round shapes, so  I added straight, linear handwritten text to contrast it and to give it some stability. The grunges make it stand out more, enhance the shape and volume and the thorns, whose round shapes combined with aggressive sharp angles enhances its strength.
The elements I chose are only generic, you can use any shapes with the similar characteristics, you will obtain the same result.

3 Comments on “How to Create Interesting Grunges for Your Designs in Illustrator

  1. The catchy blog with the interesting contents. You give the nice information that many people don’t know before. most of your contents are make me have more knowledge. it is very different. I was impressed with your blog. Never be bored to visit your website again. Have the nice day. Keep enjoyed your blogging.

Leave a Reply

Your email address will not be published. Required fields are marked *