How do you create a clipping mask in Adobe Illistrator that looks like this?

Posted on 2009-02-09
Last Modified: 2013-12-02
I've been trying everything I know (which isn't much on this subject) to create a clipping mask for a postcard that has three sides of a rectangle and the forth side is wavy.  I can't figure out how to create a closed shape.  I can create the rectangle and wavy line but have no luck combining them into one.  I have attached a jpg that demonstrates what I'm trying to accomplish.

Question by:txmail
    LVL 32

    Accepted Solution


    there is 2 ways to accomplish this, the first is longer but gives you a chance to explore the wave making element.

    when you have drawn your rectangle, deselect it by clicking anywhere on the artboard and the use Direct Selection tool and click on the right side of the object. if you now hit delete , it will delete this side only leaving you with the top, left and bottom side of the rectangle.

    draw a line and use the technique which allowed to to make your wavy line as in your JPEG, you now need to align the top end of your line with the open top right corner of the rectangle and select menu item Object|Path => Join or CTRL+J this will join the paths together. Repeat this after moving the other endpoint in alignment to the bottom right corner, you may need to stretch the line.

    Now you have the object which you lay on top of your photo.

    (Method 2 is the same without deleting and rejoining, you simply add your anchor points to the right hand side of the rectangle and distort it 'in shape. This however makes another element difficult, that is if you want the corresponding mask for your copy area.)

    For the copy area, make a copy of the rectangle and the wavy line before the joining operation. then reflect (Object|Transform...) the rectangle and do the join on the left side. Finish of the right  side as above and you have your two masks to play with.


    Author Closing Comment

    Thanks for your help.  This has been driving me crazy.  Somehow, during my testing, I was able to divide the rectangle into two parts with the wavy line.  I couldn't figure out how to repeat it, but it worked great!  Ultimately, I used method 1 that you suggested.  Thanks much!
    LVL 32

    Expert Comment

    you're most welcome glad it worked.

    Come back any time if you get stuck again

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Join & Write a Comment

    HOW TO WARP A RASTER IMAGE AND ADD A REFLECTION USING ADOBE ILLUSTRATOR This tutorial is for experienced to advanced Adobe Illustrator users. Tools and Techniques that will be used in this Tutorial: Flatten Transparency (A) Envelope Distort (B…
    You can download the files for this tutorial here ( The .indd file in the InDesign files folder is a finished version of the file; you can start from scratch and work toward this. Also, …
    In this tutorial viewers will learn how to use the Pathfinder tool's 4 Shape Modes in Illustrator to create advanced shapes Draw two shapes: A circle and a rectangle: Select both shapes, hold down the Alt key, click and drag to create 4 copies.: Sel…
    Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now