Photoshop Tutorials Photoshop, Illustrator, and InDesign: New, Original Tutorials Every Week!


Mailing List: Free Art & Photos!

Subscribe to my mailing list to be notified very occasionally on any new books and/or web or print articles.

-I don't e-mail it that often and I never sell or share information. No spam, easy to unsubscribe too.


-Subscribe and occasionally get free vector art (illustrations) or photos to use in your promotion or client work!


-I e-mail out URL addresses for subscriber-only vector art I create.





Name:
E-mail:

Connect

I'm adding a few original tutorials every week! Browse through the archives by category and check back tomorrow for a new tutorial!

Stay tuned for more photoshop tutorials, photography tutorials, illustrator tutorials, and indesign tutorials.


Translate this site

  • Nov
    20

    Combing Illustrator Patterns with Photoshop Masking

    step9

    by Chad Neuman

    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.

    step1

    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 Artboard with the Ellipse tool selected and enter a specific size, such as .2 inches shown here. Make the Fill black and Stroke none.

    step2

    Step 3
    With a Selection tool, hold down Option (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.

    step3

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

    step4

    Step 5
    With a Selection tool, click-and-drag around the row of circles to select them. Then hold down Option (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.

    step5

    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.

    step6

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

    step7

    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 Option (PC: Alt) and a circle icon will appear. Click to make a clipping mask.

    step8

    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.

    step9

    ©ISTOCKPHOTO/JOHN MILLERBIO

    2 Comments

2 Responses to “Combing Illustrator Patterns with Photoshop Masking”

  1. This tutorial is great. But there’s only one problem. Can’t find paste menu, so I can’t paste circles as Pixels. So I’m asking for help. pls

  2. hello Alane, just g oto Edit>Paste to paste the pixels, or press Ctrl-V (Cmd-V on Mac).

Leave a Reply

You must be logged in to post a comment.