Welcome to Web Design Blog

Your place for quality free vector graphics

WDB provides top quality vector graphics for designers all around the world
Premium membership provides you with DIRECT download links with no wait time (like rapidshare) and access to Premium Vector Graphics with commercial use rights.

Join Premium Now

Member Login

Lost your password?

Subscribe to the newsletter for free

Join over 21.000+ subscribers that are enjoying free vector graphics.



Halftone Background


An article for creating Halftone Background using Adobe Illustrator makes quite an impression here. In nine steps the author shows you how to do a very good graphics project. Simple to follow, easy to understand with screenshots and texts.

Software : Adobe Illustrator vector Halftone Background
Type : Illustrator Tutorial
Level : Beginner

Using both Adobe Illustrator and Adobe Photoshop together can produce some original designs. I’ll go over a technique of creating a shape in Illustrator and then using it as a clipping mask in Photoshop, which is then partially hidden for a nice background effect.

Step 1:

In Illustrator, click-and-hold the Rectangle tool to bring out the other shapes. Click the Ellipse tool.

step1000 vector Halftone Background

Step 2:

You can click-and-drag out a small circle by holding Shift to keep the correct proportion, or you can just click on the Art board with the Ellipse tool selected and enter a specific size, such as .2 inches shown here. Make the Fill black and Stroke none.

step2000 vector Halftone Background

Step 3:

With a Selection tool, hold down Ctrl (PC: Alt) and click-and-drag to the right to create a duplicate. Be sure to hold down Shift to keep it duplicated at a 90 degree angle.

step3000 vector Halftone Background

Step 4:

To repeat this effect with the same settings, press Option-D (PC: Ctrl-D) which will repeat the last transformation. Press it as many times as needed to create a row, like seen here.

 step4000 vector Halftone Background

Click to enlarge

Step 5:

With a Selection tool, click-and-drag around the row of circles to select them. Then hold down Ctrl (PC: Alt) and click-and-drag below the current selection to create a duplicate row. Press it a couple times to create a box area of circles.

step5000 vector Halftone Background

Step 6:

Select the entire grid of circles and go to Edit>Copy. Open an image you want to work with and go to Edit>Paste.

step6000 vector Halftone Background

Step 7:

Press Enter to place the clipboard contents. The art should look something like this.

step7000 vector Halftone Background

Step 8:

Double-click on the Background layer and name it to make it a normal layer. In the Layers palette, click-and-drag the new layer which has the pasted shape from Illustrator below the original layer. There should now be two layers, one that has the image and one that has the pasted shape. The pasted shape layer should be below the image layer.

Position the cursor between the two layers in the Layers palette and hold down Ctrl (PC: Alt) and a circle icon will appear. Click to make a clipping mask.

 step8000 vector Halftone Background

Click to enlarge

Step 9:

Now the image looks pretty cool, but let’s go one step further. With the layer that has the shape on it selected in the Layers palette, choose a soft-edged, large brush and paint black over an area you would like to hide the circles. Now the subject stands out from the rest of the image, with a nice background effect.

 step9000 vector Halftone Background

Click to enlarge

All the free vectors from WDB - Garcya.us downloaded as a regular member are available for personal use only!
If you would like to use the vectors downloaded from WDB - Garcya.us you should know that there is a commercial license available.
Commercial license is available for Premium Members for only $9 / life (one time fee).
To join Premium Membership and benefit from commercial license, direct download links and premium vector content please visit this link.

  • Pingback: The Geeky Blog Updates » Blog Archive » Halftone Background

  • http://n/a Joe Munsey


    Any ideas on getting vector halfone dots like here:


    I got a couple from there and these halftones are vector and circular. I’ve been looking for these halftones but wanted to know what I can do to make them clean.


  • http://www.beta-pix.com/ clipping mask

    thank you for this useful tutorial

    it will help me on my projects

    keep on posting!

© 2007 - 2010 | Web Design Blog is powered by Garcya | Copyright Policy | Privacy Policy | Designed by Elegant Themes
Do you like Free Vector Graphics? Be THE FIRST to know when I publish fresh stuff. Subscribe to the RSS feed or subscribe by