Creating Grunge Borders- Illustrator Tutorials

Creating Grunge Borders- Illustrator Tutorials - Maa Illustrations

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 - Maa Illustrations
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.
Sample Book Illustration Services - Maa Illustrations
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 - Create Your Unique Ink Masterpiece - Maa Illustrations
Custom Tattoo Design Service - Create Your Uniq... from £59.00 £120.00
Enhance Your Self-Expression with Our Custom Tattoo Design Service Looking for a Custom Tattoo Design Service that truly embodies your unique story? Our talented artists are here to help you transform your ideas into stunning, personalized tattoo artwork. Whether you have a rough sketch or just a vision in mind, we’ll work closely with you to ensure that every detail captures your personality and style. Imagine wearing a piece of art that reflects your journey, your passions, and your individuality. With our bespoke designs, you’re not just getting inked; you're making a statement. Our team understands that each tattoo is a personal expression, and we’re committed to making sure yours is nothing less than perfect. Collaborative design process tailored to your vision Experienced artists who understand the art of tattooing High-quality, custom designs that speak to your personality Flexible options and styles to suit any taste Fast turnaround time to get you inked sooner Don’t settle for generic tattoos. Take the leap into self-expression and create your custom design today. Let us help you wear your heart on your skin!
Custom icon illustration service - Maa Illustrations
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