Creating Grunge Borders- Illustrator Tutorials

Creating Grunge Borders using Adobe Illustrator CS3

In this tutorial you will learn to create a custom brush which will allow you to create an eye-catching border mask in Illustrator. You can apply it to snaps or graphics without distorting the original image.


Step 1 Creating an Oval Shape
From the tool box select the Ellipse tool (L). On the artboard, click once. In the dialog box that appears enter 200 pt for Width, 50 pt for Height. Then click OK. Now on the artboard you will see an oval shape. In the tool bar, double click on the fill colour swatch to bring up the Colour Picker. Change the Fill colour to black and click OK. In the control panel, set the Stroke colour to none.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

  

Step 2 Configuring the Distortion
From the Toolbox, pick the Twirl tool placed under the Wrap tool. To bring up the Twirl Tool Options dialog, double click the tool itself. As for the size of the brush, we need to enter a size that is a bit larger than the object. (Here we entered 210 pt for both the Width and Height). Keep the Intensity to 50% and click OK.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

 

 Step 3 Distorting the Object

Place the brush at the centre of the object (it should be a bit larger than the object). Click and hold the mouse. The object will transform into a twirl. Release the mousse as soon as you are satisfied with the result. Tip: After you start to twirl, hold the Option (PC: Alt) to reverse the direction of the twirl.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

 

Step 4 Change the Object’s Colour to White
Since we are applying this art using a custom brush, we have to make the object white so that it brings out the art in the mask. When you use the mask, the black areas will hide the art and the white area will be revealed. Set the default Fill and Stroke colours black and white by pressing D. To remove the Stroke, click on go to the tool bar and click on the Stroke and then click ‘None’ icon below it.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

Step 5 Creating the Brush

With the object still selected, go to the Window menu and choose Brushes. Click the flyout menu of the Brushes panel and pick New Brush from the menu. A dialog box of New Brush will appear. From it pick New Scatter Brush and click OK. Also Click OK in the Scatter Brush Options dialog that appears. We will change these settings later.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

 

Step 6 Importing the Image
For masking the image with you knew brush you need to place the graphic or photograph (File>Place). We have chosen an image with a black background so that it contrasts with the white artboard. Depending on your image you can create colourful backgrounds.

 

 

Creating Grunge Borders using Adobe Illustrator CS3

 

 

Step 7 Drawing the Mask Shape
First, we need to draw the initial shape that you intend to mask in the image. Choose the Rectangle tool (M) from the tool box. Set the Fill to white and the Stroke to none. Create a box inside the photograph. Make sure that the box is approximately 25% smaller than the photograph. The area outside the box will be used to apply the custom brush for masking.

 

 

Creating Grunge Borders using Adobe Illustrator CS3

 

Step 8 Applying the Mask
Select the Selection tool (V) and click both the image and the white box by holding Shift. Then go the Window menu and choose Transparency. Click on the flyout menu of the Transparency panel and select Make Opacity Mask. Now, only the image in the white box will be visible.

 

 

Creating Grunge Borders using Adobe Illustrator CS3

 

Step 9 Mask Mode
In the Transparency panel there are two thumbnails. The thumbnail on the left represents the artboard area and the one on the right denotes the masked areas. The black outline that you see around the thumbnail indicates which mode you are working on. By default, the artboard area is highlighted. To make it active, click on the mask thumbnail.

 

Creating Grunge Borders using Adobe Illustrator CS3

  

Step 10 Applying Custom Brush
Using the Selection tool select the mask shape. Open the Brushes panel. Click the thumbnail for the custom brush we created in Step 5 (it’s a blank thumbnail because the shape is filled with white). The brush will be applied with its default settings.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

  

Step 11 Changing the Brush Options
To open the Scatter Brush Options dialog, double-click the brush thumbnail in the Brushes panel. Now we will make changes to the Size, Spacing, and Scatter parameters. These changes will be updated immediately to your work of art. Feel free to experiment with different settings to achieve different results.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

 

Step 12 Twirling the Edge of the Mask
The rectangular shape is still present. To change this, pick the Twirl tool from the Toolbox. Edge to distort the path (double-click the Twirl tool to change its size and to vary the effect) randomly click-and-hold to twirl areas around the box edge. By increasing the application area of brush effects, more shapes will be redrawn. Continue it until you end up with a cool, stylized border that you can copy and paste to any other image.

 

Creating Grunge Borders using Adobe Illustrator CS3

 

Final Image

 

Creating Grunge Borders using Adobe Illustrator CS3

 

Don't miss out on this limited time offer!

Amazing illustration sale

Hire an Illustrator for Children's Books
Hire an illustrator from £59.00 £120.00
Hire an illustrator for your next project and receive custom-made, high-quality illustrations from our experienced team. We offer a wide range of illustration styles, from Book to Technical, and guarantee 100% unique artwork with a money-back guarantee. You'll also own all copyrights to the final artwork. If you need to hire an artist for more than 40 hours, please contact us for a special price.
Children's Book Illustration Services
Sample Book Illustration Services £25.00 £90.00
Looking to self-publish your book but don't know where to start? Try our Sample Illustration service for just £30 (was £90) and bring your characters and vision to life. If you love our quality and professionalism, sign up for our full children's book publishing package. Take advantage of this limited time offer and see what we can do for you!
Custom Tattoo Design Service
Custom Personalised Tattoo Design Service from £59.00 £120.00
Custom personalized tattoo design! Our experienced artists can help you create a tattoo that is as unique as you are. Our team of experts will collaborate with you to design artwork that expresses your personality, style, and vision. Fuel your self-expression and get inked today!
Educational Icon Design
Custom icon illustration service from £19.00 £40.00
Our icon illustration service provides 100% unique, custom-made icons to enhance the user experience of your digital products. Expertly crafted, our icons are perfect for use in logos, games, e-Learning, websites, apps, software, branding, and advertising. With unlimited revisions to the artwork and a first proof delivered within 2 working days, we guarantee your satisfaction.  If you need more than 10 icon designs, please contact us for a special price. Our price starts from £5
Mastercard PayPal Shop Pay SOFORT Visa