Hey everyone, in this video we're gonna do this. We're gonna actually be able to have editable text that has an offset stroke around the outside. We're gonna get nerdy with the appearance panel. It means there's a gap. That's why it's over the edge here. You can see there's a gap between the text and the outside.
And the text is editable. We don't have to do any CRE outlines. We'll turn it into a style as well and we'll apply it to shapes as well. Okay? They have a nice kind of clear offset. Alright, let's jump in and do it.
Donut some pizza. Yum. Alright, now first up, type some text on a page. Um, I'm using Museo, which is an Adobe font. I like it. It's really cool.
It's the italic 900 version. I'm gonna lower the tracking. Okay, so I'm gonna, I've selected it with the black arrow. I've got the option key. I'm just gonna use my left. So option, key on a Mac alt, key on a pc and just use my left and right arrow.
It is a little confusing like I thought we were using Kooning. Kooning is this one, which is the space between individual letters and tracking as to the, all of the letters all at once. Okay? You end up with the same sort of place. So I've got that. I want to add a stroke to it, okay?
And I'm gonna pick a stroke from my kind of, uh, swatches and I'm gonna make it thickish. Okay? And that works. But we know that if I, 'cause you see it overlaps. I'm gonna go even lower my tracking. You can see it overlaps.
We know that we just need to go ink and put it underneath the characters and that kind of works. I need to make it thicker so I can see it. Okay? But I want it offset. So you might have used the object path offset. Okay?
I can't do it with this type here. I'd have to outline it so we're advanced. So we're gonna use the appearance panel and what we can do, like I introduced earlier, you can say actually you Mr. Stroke, I clicked on the lineup here I can add an effect. And in this effects is one under path called offset path. Okay?
And there you go. It's kind of half working. How much do I want to offset? Okay, I'm gonna go up to 20. Kind of, kind of click down here to get it to do its thing. Yeah, that's the gap that I want.
I'm gonna click, okay, I'm gonna demonstrate what it's doing. Can you see it's not put in a green gap. It's actually a hole. It's offset it. Okay? Which is cool except there's that weird kind of like overlapping this going on.
What we can do is we can add multiple effects. I'm gonna click on the stroke again. So I'm not doing it to everything. I wanna do it to this. I want to add another effect. And I want to go to path.
Uh, nope. I wanna go to Pathfinder. Remember earlier in the course, okay, when we used our Pathfinder where we kind of stuck things together, kind of like the shape builder. That's what this is. And what we can do is click add, look at that and it adds all of those together to make one group cool. I think I want mine a bit bigger 'cause it kind of ends up going down the U and I don't want that to edit any of these.
You can go to which one I want to go to offset path and I want it to be a bit more. So I'm gonna go up to 30. This, that number will depend on your font size, okay? And how big your page is. So you don't have to copy mine. It'll be whatever's appropriate down here.
I want maybe 35 'cause I wanna clear out the hole in the donut as well. And the good thing about it is because we haven't had to outline it to do it, okay? It is this active effect. We can change the text. Okay, so I can be, oh, pizza, look at that. What I might do as well is add another stroke.
Okay? So I can say you are another stroke. So I got two of the same, the one at the bottom here. I'm gonna change the color. Um, something darker. Okay?
And I am going to not change the width. I'm just gonna, uh, change the offset, okay? To go plus what have I got here? I've got 11. So I want to go out another 11 and we're gonna use those sweet math trick plus 11. Hit enter and it should go out, whatever plus 11 was, okay?
So you can do the math, you can probably add better than I can. Okay? Let's turn it into a graphic style with it selected graphic style. You. And now that graphic style. Ooh, that was weird.
It didn't come along. Our graphic style doesn't have a fill. Okay? The text, the fill color is coming from the actual text itself. That's weird. I I just assumed that would work.
I'm gonna add a fill here. And so the stroke has a fill and the appearance panel has a fill. It doesn't really matter. We're gonna go to graphic style libraries, okay? And we're gonna add a new one and we will get rid of this one. You can drag it down or you can click on the delete button.
There we go. This is gonna work better. Here we go. I love it. It's offset. You can see through it.
It's actually a gap between it and it's an effect that you can apply to anything. So let's apply it to our star just 'cause. So we've got a star, we go bam, graphic style library. Look at our super duper advanced people. The big trick here to remember is that, um, we've applied things to a specific part. Okay?
You can do things to a fill. Okay? You can say this fill has an effect and you can go through all the different options in here and apply it just to the fill, not to the fill and the stroke. And not only just effects, which will cover a little bit later in the course, but actually kind of like a more path stroke style stuff. And even the pathfinder, if you're like, what was the Pathfinder again? I'm gonna grab my rectangle tool.
I'm gonna do two of these. Stick it over. Remember we were able to do this and these are the pathfinder options, okay? So this is the like button version we used the, the effects button get you to the same place. Okay? Add is the same as these two going add.
And remember, if you hold down the option or the alt key on a PC and click it, it becomes still adding, but it's remember, um, kind of still, uh, editable, non-destructive. All right, we're getting off topic. We came for the text that had the offset stroke and we did it. Alright, that is it. I will see you in the next video.