• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 392
  • Last Modified:

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

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
0
txmail
Asked:
txmail
  • 2
1 Solution
 
captainCommented:
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.
0
 
txmailAuthor 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!
0
 
captainCommented:
you're most welcome glad it worked.

Come back any time if you get stuck again
capt.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now