Hey everyone. Uh, in this video we're gonna look at some advanced stroke stuff Using the appearance panel, we're gonna be able to kind of create something that is a graphic style that runs around the outside of multiple objects, okay? And those objects can still be moved around. You can see the stroke kind of comes along for the ride. Okay? We'll do it for this mountain here, which is kind of flat and doesn't have a stroke around it.
And then we're gonna kind of add it and we're gonna add this kind of like extra effect here to kind of push it off to the side. It's reusable. We can turn it into a graphic style. That's a lot of the skills we already know. Alright, let's jump in. Alright, I've got the file called stroke outside.
Uh, open up in my document I drew some mountains or triangles. And we wanna do what you saw at the beginning with the line around the outside. So, uh, there's a couple of rules. Um, first of all, let's select it all and let's open up our appearance panel 'cause that's where the magic's gonna happen. And what we wanna do is add a stroke around it. Ugh, it won't let us.
It says it's 'cause there's all sorts of mixed things going on. All we need to do is group it. It's a command G on a Mac control, G on a pc, and it kind of turns it into a group. You see here it says I'm a group now and guess what? I can add a stroke to it. Ooh, that kind of works.
Let's, uh, increase this up and not quite what I want. I want the stroker on the outside and it's just to do with the appearance panel order. Okay? Uh, so we're gonna click hold, drag, drag, drag. And you want it, um, behind the, either in front of contents or behind it. Behind it.
Okay? So, uh, drag it behind the contents and the contents will be above the stroke and the stroke will just apply around the outside. Cool. Huh? I love it. Um, the cool thing about it's let's, let's pick a color.
I'm just gonna pick a color from this, just kind of an off, uh, gray color. And I'm gonna hold shift and click this up a few times. And what's really cool about it is what this, if I can double click to go inside, I'm grab uh, the top of the mountain. Can you see, can you see the stroker on the outside? I dunno. It's magic.
I don't know why that's magic, but you see it bends around it depending on where it is. You don't have to like outline stroke and try and force it and have never, never be able to adjust it later on. One of the things in this particular example is it can see for some reason, um, even though if I go to outline mode, my little, I've got a little line that I drew a little zigzag. Okay, he's in there. Okay. The stroke is kind of seeing it and scourging out the side.
Can you see it? You're like, what is that? It's really weird things like that happen. Um, what we wanna do is I am going to come back out. Okay? Double click on the background.
First of all, you have to have it selected. I always spend a lot of time messing around in here. Not having the actual shape selected. You will do this and you'll be like, it's not working. It's 'cause you don't actually have it selected. Okay?
You're doing stuff but to nothing. Okay? So I'm gonna go to my stroke and in stroke here. Okay? I can kind of cut to the stroke panel by hitting this little dropdown and say I can pick one that's maybe more appropriate to what I want. Okay?
To try and get rid of that line. If you need the sharp one, it is just a byproduct of using this technique. If I double click it to go inside and I go you in a little bit, oh, grab this one, hold shift and click over. Can you see? It's only when that edge gets close to it. So you might run into little problems that you need to kind of work around, but I love it.
Alright, let's go even further. Double click the background. Let's add that kind of extra line. So we've done this earlier on. Remember way back when when we did graphic styles, okay? And we added lots of lines around the stroke.
I couldn't remember either. Remember this way back when I was like, I'm sure we did it. We did. Okay. So basically we can do the same thing here but add a little bit of extra advanced to it. So I could say actually add another stroke.
Just make sure it's in the right spot. Okay? I'm gonna put mine just above, below the contents. I'm gonna make this one white. Okay? And I wanna make it smaller and because it's on top of the gray one, it kind of looks like there's this like offset part.
We'll do offset in another video but kind of faking it here a little bit. But what I want to introduce you to is we're gonna do effects more and more, but while we're in the appearance panel, I wanna kind of start introducing it. So what we do is we have it selected. Make sure, okay. And what you can do is you can actually apply effects to a specific thing in your appearance panel. So I'm gonna say you Mr.
Stroke, I've got it selected, it's kind of blue. I can say I want an effect. Okay? And all of these effects here are the same ones that are up here. We're gonna cover those in a bit. Okay?
But let's just do one to get us started. So with it selected effects, I like this one. You can go, uh, two transform and distort. I'm gonna go to free transform. Okay? Make sure we have it selected.
And watch this. I'll do something. Yeah, I'm just gonna kinda like drag it out this way. Watch this. Oh, it's too far. It's kind of, you can kind of see the bits underneath.
So I'm gonna click on free distort to get back into that effect. And I'm just gonna make it appropriate for the size of the stroke. Your stroke will be different. But look at that. I love that kind of like, I don't know, it's kind of nice and Victor, but it has this kind of organic can drawn comic book style. I've double clicked to go inside of it and that's what's really cool about it.
It is something can be updateable. So if you're doing a kind of a set of icons or a set of matching shapes, as long as it's done in the appearance panel and you haven't outlined everything and just hand drawn it, okay, you can, you know, it's all totally updateable. Alright, last thing I wanna do is turn it into a graphic style. Just a, we've done that before. Um, I just wanna kind of reiterate it. So graphic styles.
Remember, okay, if I select this, I'm kind of at my home base, I'm not inside of it. Got it selected. I can say Euro a graphic style. Okay. And then over here I can grab my lips tool. I'm gonna grab one eye, drop a tool, grab that one, two, and three.
Eye drop. A tool is the I key. Just grabbing a couple of colors. That one. Okay, so I've got them all. I can select them if I apply the graphic style.
Now it doesn't quite work, okay? What I wanna do is go to my parents' panel. Okay? And remember I can't add anything. Now what do I need to do? What's the thing?
Yep, you need to group it. Okay. Group It. It could be a symbol. Just needs to be together. Okay?
And this group now can have all this stuff, but I can say, all right, just add the graphic star library. Look at that. It matches that one. And if I double click it to go inside, look blo. Okay? It all kind of connects up.
I do love it. Look at us Advanced, uh, appearance panel. People making graphic styles we're awesome. Alright? Uh, that is how to add strokes around the outside of stuff that is editable. It's fancy appearance panel stuff.
Alright, that is gonna be it. I will see you in the next video.