Clipping Masks



Clipping Masks Rev 10/7/2015Basics: It’s like you have a photograph. You then take out a piece of white paper and carve your name using a knife. Then, you place the paper over the image/photo. The photo shows through where you cut out your name. You created a “mask” with holes. Or, think about a Halloween mask. Covers most of you face, let’s eyes, nose show through.So, a clipping mask is an object whose shape masks other artwork so that only areas that lie within the shape are visible—in effect, clipping the artwork to the shape of the mask.In the first example we use a mask to “clip” our nameIf necessary, download palmtree.tif now and save inside jma260/InClass/Illustrator/ImagesStart a new Illustrator documentWe will add a graphic (palmtree photo) to the page: This will end up in the background layerHere we goChoose File>Place NOT File>Open… Find the Palm Tree image Uncheck Link boxLinking means the palm tree would NOT actually be on the page; instead there would be a “pointer”a shortcut, that specifed how to find the image.When you view your document, If you see an “x” it means the image is linked, not embeddedClick to place the imageDeselect everything (Select>Deselect) Or click away with Selection toolSelect the Type toolOpen the Character panel (Can click Character in control area)Add your name, Fill white, Old English, 48 pointsI typed my name on top of the imageI used white type so I could see it (Chose a white fill)Move the text so it’s all visible Select both the image and the text using the Selection tool or Shift-click or drag over bothChoose Object>Clipping Mask>MakeMy Result:You could add a drop shadow, or any other effect you want: Effect>Stylize>Drop ShadowI checked Preview box and chose these values Save as clippingmask.ai inside InClass>IllustratorAs we have done previously, we want to save for Web, but the actual image is 8 1/2 x 11 “ and it’s transparent, which means our name is 8 ?” x 11” Better to crop (Shift-Ctrl-D to see transparency)Use the Artboard tool and crop, then save for Web. And crop the resultFile> Save for web (inclass/illustrator/Clipping Mask.gif ) make white be transparent Example 2Start a new document and place the tree againDraw a large ellipse/circle, white fill, no strokeSelect both objectsObject>Clipping Mask>Make:Questions? ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download