Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
You know, sometimes you take a look at all the effects that appear inside the Effect menu and you ask yourself, when would I ever need, or when would I ever use some of these? Like for example, there is a whole bunch of Pathfinder effects here. Now I use Pathfinder effects when I am trying to build artwork, but when would I want to use Pathfinder as a Live Effect? Well, in this movie, I am going to show you exactly why you might want to do that. Now we have some artwork here in this document that's called outlines.ai, and I have two graphic elements here: I have these flowers over here in the top and I have some text in the bottom as well.
Now sometimes you want to create an outline around your artwork, and we already discussed that when you have a group, you have the ability to apply your stroke to a group. Now if you want just the stroke to appear around just the perimeter of our artwork, we learned the technique that we can actually take the stroke and drag it beneath the contents in the stacking order so that artwork itself kind of blocks all the strokes. However, what if you actually want to offset that path somewhat? Well, let's take a look at what kind of effect we can actually create. I am going to start off by selecting the elements right here.
This is one group that contains the flowerpots, the flowers, and the leaves. And by looking at the Appearance panel here, I see that my group is targeted. What I'd like to do is I would like to create a single path that kind of traces around the perimeter of the entire artwork. However, I don't want this path to actually touch the artwork. I want it to be somewhat offset away from artwork itself. Sometimes you want to create like a patch or some kind of a graphic that's going to go on the background and you want to create some kind of an outline that appears around the entire perimeter of the logo.
Well let's see how we can do that very easily as an appearance for the group itself. So the first thing I am going to do here is I am going to start to add a stroke to the group. Inside the Appearance panel, I will come down over here to the button that allows me to add a new stroke, and I now have a stroke applied to the group. We want this to be a little bit more significant, so I will change the weight of the stroke to about 5 points. Now as you can see, all the elements in the group have a stroke applied to it. We learned that this happens because Illustrator looks at all the elements that are inside the group as if they have now become one big path, so everything gets a stroke applied to it.
Now we want this path to be somewhat offset from our artwork. So, with the stroke still targeted here inside the Appearance panel, I'll come down to the Effects icon and I will choose Path > Offset path. This is going to allow me to move the path off the object. I will click on the Preview button here, and we see that it's currently set to 10 pixels, which actually doesn't look too bad at all. So I will click OK, and we can see that the path that we just added, or I should say the stroke that we just added to the group, has now been offset away from the graphic itself.
However, there is just a big mess here because all the objects have strokes applied to it. Now, let me ask you. If you had created an artwork like this without using any kind of an appearance, how would you clean this up? How would you turn all the strokes or all these separate paths into one united path? That's right; you would use Pathfinder. Well remember, that in this case here I am dealing specifically with a group. There are multiple objects here. Each of those objects now are getting stroke, but I want to combine those into one fused path.
So again, with the stroke still targeted inside the Appearance panel--and if I click on the twirl-down I will see we now have the Offset path that is applied just to this one stroke-- I am going to add now yet a second effect. I am going to go back to the effect over here, choose Pathfinder, and then I will choose Add. Note what happens now. All that mess went away, and all I am seeing is one united path that traces the outline or the perimeter of my graphic. So just to review what we've done here, we've taken a group, we've applied a stroke to that group, we then set an offset path, and then we used the Pathfinder Add effect to unite, or combine, all those strokes into the appearance of one object.
Of course, because this is an effect that we have applied to the group itself, if I were to make changes to the group--like for example use my direct selection tool and actually move some of these leaves around--that outline will always update. Remember, if I want to make changes to the group itself, I'll want to use isolation mode so that I don't have to ungroup and lose that effect. So we have applied this now to a group itself. However, there are many times when you want to do a similar kind of effect with text. Now for example, if you wanted to trace the outline of the letters that appear on the word Flowers down here, we can use a similar technique.
We don't need to convert this text to outlines at all. I could simply select this element right here. Notice now that I have my type object targeted. And we already know that really this type object is a group that contains characters inside of it. So the same concepts that we have applied to the flowers above, we can now also apply to this text element. We will start by adding a stroke. I will change it to maybe around 3 points in thickness. Then with that stroke still targeted, I will apply the Path > Offset Path command.
Let me click on Preview here. I think 10 pixels here is a little bit too much. Let me bring it down to maybe around 5. I will click OK, and now to get one united appearance for this entire stroke, again I will make sure that the stroke itself is still targeted in the Appearance panel, and now I will add the Pathfinder > Add effect to complete the look I am going for. Of course, the text is still editable, so I can make changes, like change the type- face or make changes at all to the appearance of that text at will. So you can start to see how powerful it can be to start combining effects together.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58400 Viewers
119 Video lessons · 67627 Viewers
84 Video lessons · 16904 Viewers
125 Video lessons · 29804 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.