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 that you can also use in commercial projects.

Join Premium Now

Member Login

Lost your password?

Don't miss any free vector graphics!

Subscribe to the newsletter for free

Enter your email below to receive a newsletter everytime free vector graphics are added.
Join over 19.000+ subscribers that are enjoying free vector graphics.

 


logo

Halftone Background

logo
If this article doesn't have images and download links please read this to see WHY and HOW you can help me resolve the issue.

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 : Illustrator
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.

image 1

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.

image 2

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.

image 3

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.

Click to enlarge

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.

image 5

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.

image 6

Step 7:

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

image 7

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.

Click to enlarge

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.

Click to enlarge



[[T_F]]Data Leak Prevention - Data Security Solutions - Information Theft Protection, Detection and Prevention Software Productstracefusion_signature=f9c4e2dd3e5d01a2fddc0e9e5263a274ec80f8e1c4ed029693c2f20eee16f562c9e141054830f4ef5f4bf41886b5e9a3c601c6cd06c997c49c8cf2f28dc7ff6b6731f72fc97cc13fb219d8d06f798614a089b2de9371b0b01383ebb2e91fc6a321c0a072b482b0170ac453876f2a3c66fef0d3981090f139f8810205b8a1807165ba5a06f02bc603cf4ba95e940902847affb64d09e2850f15c85070d4ad62bc782552f3715ebc4c805385946d0608a542e76b8bbcd1abbdf4779d19d5c74ca6d524e27329d7c7a7f62154df046cebc1c70f87e68bdb8faaa5904c1b87888ba8d22c26a2b4c0d43f660d323529c78d3d3ea63577c79fe94741f796b99e88cec7168d21c5e91422bef2f6e4fdc1eca9a6addfd5995f0b1b9145d20cdb2dbbf179dadc55bd9c18fd58c6e009eb8de261b9f2e3e24ec5fa81687a535785963a47f8db2a978365141f2c2d5c7b85056d9d598718e2643a38fea03ff4ab39ade2d35548afdff5c794b62f9bbf4ae790c137dd31ce2efb1b2c17acc98416a1f92c16aae78ab28e28aa04bffe5ff058ef9c0f58008be9094f8f1c29ac57410ce8c59d1f91ee26cb6117530e2fc21c3841e3c1fa3ae5d033ef746a4b52414910a0ad3c7f4c91c8f35fe7d0378b246ea64b323ea64b33f1[[T_F]]

2 Responses to “Halftone Background”

  1. Joe Munsey says:

    Cool…

    Any ideas on getting vector halfone dots like here:

    http://vectorstock.com/gallery/1078/

    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.

    Help!
    -J

  2. thank you for this useful tutorial

    it will help me on my projects

    keep on posting!

Leave a Reply

logo
logo
© 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