Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Picking up where we left off in the last movie, we now know that it's possible for if I have a single object to have multiple fills and multiple strokes. So let's see how that applies again or using the Appearance panel. I'm going to start off by first reducing this object back to a regular state. I'm going to press the D key on my keyboard. D stands for default that's a keyboard shortcut probably that I use very often that basically sets your object back to a default white fill and black one point stroke. Notice over here all my opacity settings are set back to normal. Let's change the twirl down over here to just regular. Let's go back to maybe where we had before the yellow fill and a black 20-point stroke. So now I have the shape that I had created right here. So remember this object right now has a single yellow fill and a single black stroke that set at 20 point. Let's go down here to the Appearance panel, see that there are two icons here. This is also new to CS4. It has the ability to add multiple strokes and fills right from the panel itself. In the past you would have to dig deep into the flyout menu to choose Add New Fill or New Stroke.
I now can come right here to the panel and make a setting right here. First go ahead and maybe add a second stroke. So now my object has two strokes applied to it. Notice again, the Appearance panel shows me the stacking order. Illustrator first apply default opacity, then it painted a yellow fill, then it painted a 20 point black stroke and then on top of that, it painted another 20 point black stroke. Now my object itself does not look any different, because the two strokes are stacked directly on top of each other. However, now that I now that I could target individual attributes inside of my Appearance panel for the object itself, I know that I can now change some of the settings.
So let's target the topmost stroke. Let's change its color to something maybe like a cyan and change its stroke weight to maybe five point. So now you will see that I have a single object that I have created. If I click on it and move it around at just one object and may it look like that it's made up of several object stacked on top of each other, but in reality it's one path that has an appearance of one fill and two strokes and those two strokes obviously have two different appearances. Now it's important to realize that as I'm working with my particular artwork here, even if I don't create multiple strokes, I maybe working with files that other people have created and maybe they have added multiple strokes or multiple attributes. So that's why again the Appearance panel is so important.
If you don't have the Appearance panel open then it can make for some difficult editing. For example let's go ahead and just temporarily close the Appearance panel right here. Let's just simply double click over here on the Appearance panel, on the tab right here. So basically close it up, so that I don't see any of the information here. Now if I click on this object right now and I decide that that black stroke over here, that's in the background to be a different color. Maybe I want it to be red instead of black, how would I go about changing that. I don't know about the Appearance panel. I look at the shape right now and then just because I have been using Illustrator for quite some time or maybe I'm new to Illustrator, I look over here at the Color panel and I see that I have a cyan stroke and I have a yellow fill, but I don't see that black shape anywhere and if I look at my Swatches for example, again there is no information that's here, there is no useful way for me to find out where that black stroke came from.
Now I may think that, oh, you know what, maybe the person stack two objects on top of each other and you try to move one away, but there is nothing that's here and you figure maybe that both moving because they are grouped together. So you go to the Object menu and when you see that they are not grouped together because Ungroup is grayed out. There is no group that exists. In fact, if you look over here it's a single path. The only way to access that black stroke is through the Appearance panel itself. So I'm going to double click on the Appearance panel here. You must first target the black stroke and now if I go ahead and I change the color to red, that's only way if you want to make that change. There is no way to change that in any other way except through the Appearance panel itself. What's also new and exciting about the Appearance panel and how Adobe is kind of thought about appearances now inside of Illustrator, is that if I do have the black stroke targeted I'm working on the shape right now and I decided I want to change the color and I come over here, I see that there is little icon, a warning icon and this indicates that right now the topmost fill or the stroke is not active.
Remember, it's the second stroke down that's currently active. So I might get messed up. For example, I might choose this color and say, hey! How come my object over here, if I look at it right now, it has a blue stroke on it, but the Control panel reads that it being black? Well that's because right now the black stroke, which is the second stroke down is currently targeted. So this icon is letting me know that if I click on the icon, it basically automatically selects the topmost attribute and now this indicator now shows me the color for the topmost stroke and then we will apply for the fill as well. Now you might ask, hey, you know I could understand why maybe it make sense for you to have two strokes in a single object. In fact, we know from just regular editing paths, that you cannot edit the control handles of two paths at the same time. So if I have to create this particular shape right now using two overlapping shapes and then I wanted a change maybe the curve or the control handle of this, I can do this now in one motion, whereas before inside of Illustrator we would have to do that first for the blue path and then for the black path and there would be no way for me to match it correctly, it will be very difficult for me to make it look exactly the same.
So from my perspective of creating art in a much more efficient manner, adding multiple fills and strokes in single object just make a lot of sense and we will see also maybe in more advanced discussions of working with appearances. I could capture all this appearances and create what Illustrator calls a graphic style and that means with the single click of my button, I can add, I don't know 15 to 20 strokes to a single object. Makes it much easier to create the kind of artwork that you might needs here for complex designs. So I'll select this shape again and like I said before you might ask yourself I understand why I might be able to apply multiple strokes to single object but why multiple fills. Remember that will be useful. Now remember that we could always target individual attributes and apply different opacity values to them as well. So for example, on this particular shape right here, which is a yellow fill I could change that maybe to a pattern fill. Notice I have a nice little fish pattern here for my surfboard.
Then what I might do is add a second fill. When I come down here to the Appearance panel, say Add another fill but this particular fill, I'm going to go ahead now and specify a different color, may be a gradient even. So I'll choose say a gradient here, that's black to white and maybe I'll set this particular fill to have an opacity value or a blend mode of Multiply and that one now add that particular gradient or multiply that gradient or basically it's now multiplying the two fills. Now remember we could also adjust the stacking order of our objects. So I could take this fill and drag it down over here as well. So now I get beautiful design that I have created and it's all one single shape. So there are many different possibilities that you can create.
In fact, if you are on packaging you might have consider mixing a regular color that maybe spark color like a Pantone color on one layer, take a second spark color as a second fill and then set the opacity value of that spark color on top, also to multiply and what you end up creating basically as a mixed ink value of a single object. So that one object separates using two different inks. But again, at this level right now we now had this understanding that appearances are far more than just showing us what a fill and a stroke are. Appearances allows us to target individual attributes and that also helps us when we start adding multiple fills and multiples strokes to single object and by targeting them individually, we can have some really cool appearances for single object inside of Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 50119 Viewers
117 Video lessons · 37465 Viewers
113 Video lessons · 81230 Viewers
65 Video lessons · 10763 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.