Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks | Helen Bradley | Skillshare

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (35m)
    • 1. Illustrator for Lunch™ - Masks and Transparency - Intro

      1:20
    • 2. Illustrator for Lunch™ - Masks and Transparency - Part 1

      6:53
    • 3. Illustrator for Lunch™ - Masks and Transparency - Part 2

      8:43
    • 4. Illustrator for Lunch™ - Masks and Transparency - Part 3

      7:20
    • 5. Illustrator for Lunch™ - Masks and Transparency - Part 4

      10:41
13 students are watching this class

About This Class

Illustrator for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to use Transparency masks, Clipping Masks and Layer Clipping Masks in Illustrator to crop shapes, text and images and to blend them. You will learn new techniques and the presentation is peppered with helpful tips and tricks for using Illustrator. All images and fonts used are free for download and I'll give you links to them all. Here is one of the effects we'll create in the class:

9905e985

More in this series:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - An Illustrator for Lunch™ Class

Draw a Hot Air Balloon in Illustrator - Fun with 3D! 

Illustrator - Design in Black and White - Create Positive/negative images

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

Transcripts

1. Illustrator for Lunch™ - Masks and Transparency - Intro: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch: Clipping Masks, Opacity Masks, and Layer Masks. Illustrator for Lunch is a series of Illustrator classes, every one of which teaches one or two Illustrator techniques. You'll get plenty of opportunity to practice your new skills in the project that you'll create. Today, we're looking at Clipping Masks, we're looking at Transparency Masks, and we're looking at Layer Clipping Masks. We're going to start with a text effect, it's going to use a transparency mask, and then we're going on to look at clipping masks. Then we'll look at clipping a bitmap image using a transparency mask. Finally, we're going to look at something that not very many people even know exist in Illustrator, and that is Layer Clipping Masks, so we're going to explore those too. Now as you're working through these videos, you might see a prompt which lets you recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. This really helps others to identify this as a class that they too might want to take. If you'd like to leave a comment either in the community section or along with your thumbs up, please do. I read all of your comments and I look at all of your class projects. So now, let's get started on working with Clipping Masks, Transparency Masks, and Layer Clipping Masks in Illustrator. 2. Illustrator for Lunch™ - Masks and Transparency - Part 1: The first effect that we're going to create is a reflected text effect. So I'm going to choose File and New. It doesn't really matter what size document you're using, I'm using RGB color mode though. I'll click "OK". I'm going to type some text and I'm just going to click here and type the word in uppercase. I'm going to select it, and I'm going to make the type a little bit larger by clicking in the font size area and pressing shift and up arrow just to increase it's size. I want to choose a different font to use as well, and I'm going to use a font called Rivanna. I'll give you the download link for it just in case you like it. I think it's a pretty interesting font to use for this effect. This is the font that we're using. I'm just going to move the type down the document here. Now, we're going to reflect it and we're going to do it in a way that the text remains editable. To do that, I'm going to choose Effect, Distort & Transform, and then Transform. I'm going to click the preview on because I want to see how this looks, and I'm going to click here on Reflect Y, and that reflects the text. Now if I want to make a copy of it as I reflected, I'm just going to increase the copies to one and tab away. This is giving me this effect. The text and the reflection are on top of each other. At this point, what I need to do is to increase the vertical value to move the reflection away from the original text. Now this slider here goes all the way to 100 pixels. If that's not far enough, then just click in this box and press the up arrow key or shift up arrow, and you can go a whole lot further. How far you need to go, it's really going to depend on the font that you're using. I'm going to leave a pixel or two space between the font and the reflection. Once I've got this, I'll press "OK". Now I have the font and its reflection and I'm going to use a transparency mask to just fade the reflection away. To do this, I'm going to select on the original text. You can't select on the reflected text because it's actually not on anything, everything is controlled by the original text. Select it and then go to the transparency panel. If you don't see it over here, this is its indicator, you can go to window transparency to display it. Inside the transparency panel, I'm just going to drag it over here so we can see it, you will see the text in this panel here, and you'll click here on "Make Mask". Now in earlier versions of Illustrator, you might have to go through this flyout menu to choose something like Make Opacity Mask. But in later versions, you have the option to just click here and say "Make Mask". This mask is being clicked. So the clip check-mark is here, I don't want it to be clips, so I'm just going to let go. Now, so that I can edit this mask and fade out this text, I need to click on the mask because at the moment, you can see that there's a surround around the text area while we need to click over here to make the surround around the mask. That tells me I'm now working with my mask. To do the reflection effect, I'm going to add a rectangle. So I'm going to click on the rectangle tool, and I'm just going to drag over the reflected text. Now, I can make this rectangle larger than the reflected text. Certainly can't be any smaller because we need to fade this out with a gradient, but it doesn't matter if you make it a little bit bigger. Next up, we need to fill this with a gradient. I'm going to the fill color here and I'm going to click on "Gradient". The default is a black to white gradient. It's just a linear gradient that's going in the wrong direction right now. Well, I'm going to the gradient tool here, and I'm just going to drag my gradient into position. I'm going to hold the shift key as I do this so that the gradient is vertical. It's come in the correct way. If it didn't come in the correct way with you, if it was light or at the top and darker at the bottom, well, you can just click here to invert your gradient. But this is the way it should look. It's just that the gradient itself is not perfect yet. I want to edit it a little bit, so I'm going to click on the gradient tool. Now, I'm not saying my gradient annotator. If that happens to you, you'll just need to go and display it, and you do that by choosing View and then go down to Show Gradient Annotator. Now, this displays on the document, and I can just size this back up so that now we're seeing white up here, black down here, and the whole thing is pattering out towards the end. That should actually disappear entirely because this should be white to black gradient. It's just that this is not true black. So let's go and click on the gradient slider, let's double-click here to open the color panel, I'm going back to the color option here, and I'm going to select from here, I want C, M, Y, K. I want this to be 100C, 100Y, 100M, and 100K, and the see difference in the gradient. This time we've got white to true black, and we're saying the text totally disappear. You may need to edit your gradient a little bit. Now, I can just drag on this a little bit because I want it to just disappear, not totally disappear at the end. You can also control the midpoint for this gradient by dragging here. Dragging in this direction towards white will make the gradient taper off more quickly because it's only white for a little bit, and then it goes into black really quickly and black is hiding the effect. If you go the other way, then it's going to taper off more slowly but faster towards the end. So you can just adjust it to get the effect that you want. Now, there's a trick to getting out of working in this mode because we've finished with the gradient and we're finished with the mask, but right now, we're not able to continue working with the document because we still have the mask selected here. To continue to work with our document, we must come back here and click on the text, and that takes us out of mask editing mode and just takes us back to working in the document. Now, we can go ahead and do other things with our document. If you ever need to get rid of your mask, you'll re-select your text, you'll got back into the transparency panel, and you would just click here to release the mask. When you do that, you release the mask, and we're left with the text and also a gradient filled rectangle. So we can just move the gradient fill rectangle out of the way or we can go ahead and delete it if it's no longer required. 3. Illustrator for Lunch™ - Masks and Transparency - Part 2: We're now going to look at using clipping masks in Illustrator. I'm going to start off with a just regular sized document, this is 900 by 500 or 600 pixels, just a regular size RGB document. I'm going to add a rectangle tool. I'm just going to drag out a rectangle and I'm going to fill this with a pattern, some going to the Swatches palette here, the pattern I want is not available, but it is ship with Illustrator. I'm going to click this drop down menu here and choose "Open Swatch Library" and then "Patterns" and then I want the Nature patterns and I want Nature foliage so I'm going to click on that and that will open a small panel that has patterns in it, and this is the pattern that I want. Now, this pattern is a little bit intense for me, so I'm going to dial down its opacity by opening up the "Appearance" panel here, which of course you can also get to by choosing "Window" and then "Appearance". Now for this shape, I can dial down the opacity by clicking on the "Opacity" button here and just winding it back, and that just makes the pattern a little opaque so it softens a little bit. Next up we're going to draw a heart and I'm going to use the Pen Tool for this, but before I do so, I'm going to lock down this rectangle so it doesn't move, so I'm going to Layers palette, It's going to locate this rectangle and lock it, just makes them a little bit easier for drawing things with the Pen Tool when you are going to select things by accident. For the heart, we're going to click and drag in a upward direction towards the top left of the image. Then we're going to click and drag about this position and head down to the bottom of the image, just dragging around to create a nice shape here. I'm going to click at the bottom here, just click once, not click and drag, then I'm coming up here and I'm going to click and drag, and I'm coming back to the starting point where I'm going to click. Now, I'm going to select the "Direct Selection Tool", I'm going to select over this point here because I want to give it two handles. So I'll click here to convert the selected anchor points to smooth, and that will give it two handles. I'm going to put one of these handles back where it came from and then hold the Alt or Option key and just look out to make sure that I have a white filled arrow with a plus sign next to it. If you've got two pointing arrows, then let go and start again because you're not in the right mode. Now I have my heart shape. I'm going to fill the heart with a solid color, so I have the Fill Color selected here. I'm going to go up here and I'm going to select a dark red for this, something like this. I don't want any stroke at all, so I'm going to deselect the stroke. Now I want to see some of the patterns through the heart, so with the heart selected, I'm going back to the Appearance panel, and I'm going to open up this Opacity option here, and I'm going to blend this using Multiply blend mode, and what that will do is blend this heart in with the pattern underneath, but I'm also going to decrease the opacity a little bit, so I'm just going to wind down the opacity so that I can see the pattern through the heart, and it's going to be a darker color because we have multiply blend mode selected. Next up I'm going to add my text, so I'll click here on the "Type Tool" and I'm going to type the word love and I'm doing that in lower case, I'm selecting the text and I'm going to enlarge the font by clicking in the "Font Size" box, and I'm pressing Shift and Up-arrow to make the text quite a bit larger. Going to move it into position, and then again goes the "Type Tool" again, select over the text and I'm going to choose a font to use. Now, the font I'm going to use is called simply glamorous, and I'll give you a download link for that font if you want to go and get it from online. This is what the font looks like, and I'm going to color this again with a dark red, so I'm going to make sure fill is selected. I'm going to select a really dark red for this. It's not dark enough, so I'm going to double-click on the color here and I'm going to make it darker still. I'm going to blend, it in with the layers below tool, I'm going to open up the Appearance panel, I'm going to select its opacity, and in this case I'm going to use a blend mode and I'm going to choose "Overlay". That's a contrast blend mode. What overlay does is it treats, white and lighter colors differently to darker colors, so you can see that we're again seeing some of the pattern through this text. It's probably just that this color is not dark enough yet, so I'm going to double-click on it and I'm going to make it even darker. I like that effect. Now we've got three objects here, we've got a heart, we've got some text and we've got a pattern filled rectangle here. I'm going to the last palette and I'm going to unlock the pattern filled rectangle. What I want to do is to add a clipping mask over the top of this, and the clipping mask is going to hide areas of this that we don't want. I'm going to do that using a rectangle, so I'm just going to click on the rectangle and I'm going to draw out what I think is the crop that I want, if you like, for this image, but it's not going to be a real crop, it's going to be a clipping mask crop. Now the clipping mask when I make it is going to have no fill and no stroke, but for now so we can see it a little more clearly, I'm actually going to give it a stroke, but no, fill, I'm just going to position it where I think I wanted on this image. Inside is the area of the image that I want to keep. Now, I'm going to select everything in this document, so going to the Selection Tool I'm going to select either all the bits. That was why it was important for me to unlock this pattern filled rectangle before I do this, and because the rectangle is at the top, this little rectangle here, it's going to be the object that all the other objects are clipped too, so choose Object, Clipping Mask, Make. You can see that this object now has no stroke at all, even though the clipping mask shape had a deep red stroke, there is no stroke apparent here and everything has been cut to the shape of the rectangle that we made. In the last palette, this is what we've got, I'm just going to enlarge everything so you can see it all a little bit more clearly. In the last palette we have a clipping group, and inside the clipping group is the rectangle, the text, the shape, and the pattern filled rectangle at the bottom. Now, we can edit this, if we want to edit the text, we would select the text inside the clipping group, and here is the text, so we could move it, for example, or we could change its color, but we need to find it first to do that. I'm going to make it a different color, let's make it a blue color. You can see that we can change the text, but we have to locate it. This is the heart, so if we select on the heart, we would be able to say re-size it within the clipping group, and this is the pattern-filled rectangle, and this is the rectangle that is used to crop everything, and if we wanted to change it by selecting it, we could then just change the shape of that rectangle. Let's go and select it again, and I'm just going to bring it in from the side here, and it's clipping the shapes. So whenever you use a clipping mask, you're going to end up with a clipping group, in that clipping group is going to be the shape that you are clipping to an everything else that is clipped to that shape. If you ever want to get rid of your clipping mask, you'll just select your clipping group and go back to Object, Clipping Mask, Release and that will just release the contents. What it does is to give you back all of your objects and the rectangles that you used as a clipping mask, but you can say that this rectangle shape doesn't have any stroke or fill, you've lost the stroke and that will always happen with a clipping mask, if you really wanted that back with its stroke you would have to go and put it back. But I want my shape back again, so I'm going to press Control or Command Z to undo that, so I've got my clipped shape back again. 4. Illustrator for Lunch™ - Masks and Transparency - Part 3: For my next effect, I'm just going to create a new document. It's 960 by 560 pixels, but you can make one of the size that you want to use, RGB color. I'll click Okay. We're going to crop a bitmap image to a shape. First of all, I'm going to go and get my bitmap image, by choosing File and then place. I've downloaded a number of images from unsplash.com. I'm going to give you the link to that site. These are images that you're free to download and to use, and you don't have to attribute them to anybody and you can use them for commercial purposes. I looked up the word tropics as a keyword, and I found this image which I'm going to use. I'm going to click on the image. I'm making sure the link is not selected because I want to embed this image in my file, and I'll just click place. I'm just going to drag to place this image into my document. I'm going to lock it down for now so it doesn't move by opening up the last palette and just locking its icon here. It's still in the document, but I can't move it. Right now what I want to do is go ahead and to create a cloud shape that I'm going to cut the image to. For this I'm going to make sure that I have black selected as my foreground color, but I'm going to make sure that I have a true black. I'm just going to double-click on this, and I'm going to make sure that the C, M, Y, and K values are all 100 percent, which they're not. I'm just going to make them 100 percent, so I'll click, okay. This means when I cut out this image, the saturation of the image is not going to be affected. Now I'm going to create a shape. It's going to be a cloud shape, and for this, I'm going to drag out four circles, a very large circle, then a smaller one, then a smaller one again, and then a little one. I'm going to use the Selection tool to move these into position. The second to largest circle goes here, the next smaller one goes here, and the smallest one just goes in here. That's a fairly easy to create typical cloud shape, and you can just adjust the sizes of the circles if you want to. Once I've got them created, I'm going to select all of them by clicking on one Shift, clicking on all of the others to select it. I'm going to unite them into a single shape using a Pathfinder. I'm going here to the Pathfinder palette, and I'll click unite. If you're not seeing the Pathfinder palette, choose Window and then Pathfinder to get access to it. Unite as the option that you want. That makes a single shape out of all of these smaller shapes. I'm going to size it to a good size. Then I'm going to cut this to the Windows or to the Mac clipboard, and to do this, I'm just going to choose Edit, Cut. It's cut to the clipboard. Now I'm going to Layers palette, and I'm going to free up this bitmap layer so I'm just going to deselect the lock icon there just to turn it off. Now I'm going to transparency panel. It's up here. Again, if you don't have it, choose window and then transparency. I'm going to select this photo, and it should appear here in the transparency panel. We want to add a mask here, so I'm going to click Make Mask. If you're using a version of Illustrator that does not have a Make Mask button here, then click this fly-out menu and choose make opacity mask. It's the same thing. Now we're at the moment looking at the photos, so the photo has this little border around it. We want to switch, and we want to edit the mask. I have the mask now selected. It's got a border around it. I'm going to choose edit, paste in place to paste that cloud shape back into the document. Here it is. Now I'm going to invert my mask, so what is black will become white and what was white will become black. That's showing me my photo inside this cloud shape. We want to have clips selected because otherwise the photo won't be clipped to the shapes. It's really important that you select clip. Now if we were finished with creating this mask and if we wanted to go back to working with the entire document, we would click here on the image to stop editing the opacity mask. Now we can go back to working with the image, and the last pallet's going to look as it does regularly, except that there's going to be a little dashed line under the image here, to tell you that there is a transparency mask on that image. But I want to go back to working with this mask so I'm going to re-select the image, and I'm going to re-select the mask here in the transparency panel. What I want to do is, I want to fill this with a gradient. I'm going to go here and get the gradient tool. I'm also going to fill it with a gradient to start off with, by clicking here on the gradient option and that fills this shape with a gradient. You can see it's a linear gradient going from white to black. Because we've got the mask inverted, we're going from not seeing the image on this side to it being more fully opaque on this side. Well, I want to use, instead, a radial gradient, so I'm going to switch to radial. Now we've got white in the center, and black on the outside. Well I'm going to invert that. Now black is in the center and white is on the outside. We've got the impression of this image underneath being cropped to a cloud shape, but it's disappearing as it gets closer to the edges of the cloud. Now we can edit the gradient here so we can stretch it out to cover the whole of the shape. We can also edit where the transition is between black and white. If we take it back in this direction, you can see that only part of the image is visible. Let's take it the other direction. Now it's just softening around the edges here. But of course we want to make sure that we're working with true black here so I'm just going to double-click on this to open it up, and from this panel here, I'm going to select CMYK. Again, we can say that these values are not 100 percent for all of them. If we set them all to a 100 percent, then we're working with a true or black, and we're getting a slightly different result with our gradient. Having done that, we may want to wind this back a little bit just to soften the edges a little bit. Now, if we're finished working with the transparency mask and we want to go back to working in the document, we would click here to stop editing the opacity mask. Then we have our shape here in the document and we're ready to go back and work just regularly in Illustrator, again, opening the Layers palette. The image layer which is here has this dashed underline underneath it, indicating that it has a transparency mask associated with it. 5. Illustrator for Lunch™ - Masks and Transparency - Part 4: For this final example, we're going to create a layer clipping mask. I'll choose File, and then New, and I'm just going to use the same size document as I've been using, 960 by 560. It is in an RGB document. So I'II click Okay. I'm going to add an image to this document, so I'II choose File, and then Place, and I've gone ahead and downloaded this image here from Morguefile. I'll give you the link to download it. I'm just going to add it to the document here, I'm going to the last panel here now, and I'm just going to lock this image down so it won't move. Now the image as you'll find it on Morguefile won't probably look quite as bright as this. I've actually brightened this up and cropped it a little bit. But basically what we're here to learn about is this layer clipping masks. I'm going to open the Layers panel again. I'm going to add a new layer, so I'm clicking on Layer 1, I'm going to click here, add a new layer. This gives us layer 2. We're going to put everything on layer 2 that we want to be clipped to this layer clipping mask. We're going to create the clipping mask itself. We're going to do that as this thought bubble. So I'm going to click on the Ellipse tool, I have just white here, no stroke, just a white fill, I'm going to drag out a circle. Then I'm going to the selection tool, Alt, drag on this circle to create a series of circles, to make a long, tall thought bubble. You can make yours as complex or as simple as you like. Having done that, I'll select over all of the shapes, and I'm going to unite them with the Pathfinder. So I'II open the Pathfinder and click Unite. You can also get to the Pathfinder by choosing Window and then Pathfinder. We need a small anchor point. I want the thought bubble to be attached to this hammock. For that, I'm going to use the Pen tool, if you really hate the Pen tool, it's fine this is very, very simple to do. You're going to click and drag downwards from the middle of the thought bubble heading towards the bottom left corner of the image. Then you'll just click once on the hammock. Don't click and drag, just click once, and then go back into the thought bubble and click and drag out pretty much to the side here, and then go back to the starting point. That will give you a little tail, that you can use for anchoring your thought bubble. If you don't like how it looks, go to the Direct Selection tool, and you can select over the anchor points and just reshape them until you get something that you do like. When you've done that, select over both of these objects, again unite those using the Unite tool in the Pathfinder. So you have a thought bubble. The thought bubble is going to be the shape that we'll use as the layer clipping mask, but I'm going to bring in next an image that I want to appear inside the thought bubble. So again, I'll choose File and then Place. This is another image which you can get from Morguefile, and I'll give you the link to download it. I'm just going to add it to this document and I wanted at a fairly large size. I'm going to open up the last panel here, and I'm just going to make the icons or thumbnails here just a little bit larger, so it's a little bit easier for you to see. In the last panel, I've got the paper on top and I've got this thought bubble underneath, I need to reverse the order of this, because when you create a clipping mask for a layer, it's the shape at the very top of the layer that becomes your clipping mask. So we have to make sure that this thought bubble is at the very top. Next, we need to click just on this word Layer 2, so I'm going to click there, and that makes this icon available. It's the make/release clipping mask icon. So I'm going to click once to apply this shape here, this thought bubble as a clipping mask for the entire layer. In the last panel, you'll see that the object now is called clipping path and it has an underline underneath it. It doesn't have to appear in any specific position in the layer once it's actually been used as the clipping path. Has to be at the top when you create it, but it's quite all right to pull it down to the bottom and even lock it later on. So now anything that we do on layer 2 is going to be clipped to this thought bubble shape. Let's just go and let's create a ellipse, is going to find a blue color for it, and let's drag out an ellipse. The ellipse is on layer 2. Layer 2 has a clipping mask applied to the entire layer, so anything on that layer will be clipped to that clipping mask. If I were to add a new layer to the document and move this oval up onto it, then all of a sudden we see the entire contents of this shape, because it's in a layer that is not affected by a clipping mask. But anything on layer 2, will be clipped. I'm just going to delete that shape. The value of layer clipping masks, is that you can now do anything on layer 2, and it's going to be clipped to this shape. It just makes working on a clipped shape a whole lot easier than it would be if you created a regular clipping mask. I'm going to add some type to this, so I'm just going to click on the Type tool. I'm going to click here, and add a little list, a total little reminder list. This is the image and text effect that you might want to use for social media for example. I'm going to select over the text and I'm going to use a font called Angelina. I downloaded this from the web, and I'm going to give you the link to download it if you want to use it. It's just a nice little handwritten font. The type is going to need to be a bit bigger, so I'm just going to enlarge it while I'm here. Then I'm going to rotate the type so that it roughly lines up with the paper underneath. I'm going to just move it into position. Let's zoom in here a little bit. One thing I'm concerned about with this type is that it's not lined up with the lines on the paper. I'm going to do that now by choosing Window and then Type and then Character. This opens up the character palette. Here it is here. I'm going to select over the text, and it's this option here in the character palette that is controlling how far apart these lines of text are. They need to be closed up a little bit, so I'm just going to decrease this value, until all the text appears as if it's written on the line, and then I can just click away. This piece of text is on this same layer 2, and so it's going to conform to the clipping mask, so if we move it out of the way, it's going to be clipped. When you're working with clipping paths on layers, if you want to at any stage get rid of the clipping path, you can do so. Just click on the layer name itself here and click the make/release clipping mask option, and that will release all of the mask. Of course, to put it back again, it's very easy. I'm just going to unlock this shape and move it to the very top of this layer. It's important that it's at the top of the layer because that's what makes it a clipping mask. I'II click again on the layer here, and just click make/release clipping mask, and we're back to our clipping path shape. Now, this clipping path can also have a border around it. So if you want to apply a border to it, just select it and then you can add a border. So I'm just going to add a stroke here, just a very narrow stroke. You will lose the stroke if you release the clipping path that's standard with clipping path, so you would need to remake the stroke if you wanted to. Let's just Control or Command 0 to go back into our document. Now this clipping path can also be edited just the same way as any regular shape in Illustrator. I think it's a bit big. So I'm just going to re-size it around my text, and I'll go back to my text, and I just want to push that a little bit off the page so it looks a little bit cut off here. I'm going to take the entire contents of this layer and just move everything down. So there is a different clipping effect in Illustrator, the clipping path, make sure that anything and everything on this layer will be clipped to that shape. Your project for this class is to reproduce one or more of the examples that you've just seen created. There was the text reflection effect, where we used an opacity mask with a gradient to fade away the reflected text. Then there was a series of objects that we created and cut to a shape using a regular clipping mask. Then we made a cloud shape and we used that shape to clip a photograph. We also used a radial gradient with that particular opacity mask, to fade away the image, where it hit the edges of the clipping mask shape. Finally, you have the clipping layer effect, where you're actually going to create an object and clip an entire layer in the document to that object. I hope that you've enjoyed this course and I hope that you've learned a lot about clipping masks, and opacity masks, and clipping mask layers in Illustrator. If you did enjoy this course and if you see a prompt to recommend it to others, please give it a thumbs up. These recommendations help other subscribers to say this is a class that they may want to take. If you'd like to leave a comment, please do so. I read all of your comments and I look at all of your class projects. I'm Helen Bradley, thank you for joining me for this episode of Illustrator for Lunch, Fun with Clipping Masks. I look forward to seeing you in another episode of Illustrator for Lunch soon.