We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now

x

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

Medium Priority
555 Views
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.


clipping-mask.jpg
Comment
Watch Question

Technical Director
Commented:
Hi

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.

hth
capt.

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
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!
captainTechnical Director

Commented:
you're most welcome glad it worked.

Come back any time if you get stuck again
capt.
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.