Learn How to Intersect Shapes within a Single Layer in Macromedia Flash 8
Tags:adobe acrobat,adobe illustrator,adobe indesign cs2,adobe pagemaker,adobe photoshop,cmyk,control palette,object styles,rgb,total training
Grab video code:
Now that we have got a good feel for the vector drawing in flash and the tool kit and how it works, let us go over some advanced drawing techniques and we can bring it all together. I would like to start by paying closer attention to how our vector shapes interact with one another. You might have seen some of what we are about to do while you are drawing in Flash. But this time, we are going to do it on purpose. Now, I have brought up a blank Flash document so that we can do some drawing in it. I just want to scribble so that we can take a look at what happens with our files.
I am going to start with a pencil tool. I got a little black color on here. We have done this before. I am also going to set to smooth because what I am looking for is just a little arc. When we select it, I want that to be one curve segment. And you can see, one single click brings it up. No big deal. Now, I would like to draw another curve segment in here but this one is going to cross right over it. If we go back to our selection tool and pick this one up, the first thing you will notice by clicking on it is that it has been cut in half. Now like I said, you might have noticed this before while we were drawing, I did not really pay too much attention to it because I wanted to get the idea of the tools down first.
But now that we see this going on, we want to learn how flash is going to be dividing up these vectors so that we know what to expect when we are drawing our elements in here. Flash is going to do this pretty much every time you have vectors cross. Now, I will also point out the one reason that this is happening and that is we are drawing both of our items in one single layer. The easiest way to keep this from happening if you do not want the items to intersect with each other is just to simply put it in other layers, which is a lot of what we have been programming ourselves to do throughout the rest of the lessons. Another interesting thing that we can take a look at is that if I take both of these elements and I delete them, we go back and click our line. You can see that it is glued back together. So really, what is happening here is Flash is not only taking control of all of those points and handles and our vector lines but it is also taking control of pretty much everything else. And, that intersection is something that I will say probably bothers a lot of people when they first start drawing with Flash. But, once you learn to expect it, we can use that to our advantage in our drawing systems.
Now I just want to explore this a tiny bit more. Let me get rid of that line and let us see what happens with the fill shape. I am just going to choose my oval tool. Now, I want to pick a colored fill just so we can make sure we see what is going on. I have got a black stroke and a blue fill. I will just make an oval. I will run the same idea here. I am just going to take my pencil tool and I will draw a little stroke vector right across it. Now, we can probably start to expect what is going to happen when we set this up. First of all, that stroke, which was just a single segment all the way around the oval, is now split up of course. In fact, even the stroke that we drew should be probably split in three. So, you can see what I mean. It is very easy to kind of understand what is going to happen to your drawing as you are starting to work with it. We will also take a look at that fill and you will notice it has been split in half as well. If we run through the same exercise, if I just get rid of this piece, you can see that my fill has been glued back together. And, if I get rid of the other elements – oops, a little bit too much, I will undo that. I just want to grab that one element and you can see that has been glued back together as well.
Let us take this one step further and let us see how fills interact with each other. Now, I can do this by making a simple rectangle tool. I want to purposely make this a different fill color than our original one. I will make it red or something like that and I will draw a big red rectangle right up in here.