2.10 Stitching Effect
In this lesson you’ll learn how to create a realistic stitching effect.
1.Introduction1 lesson, 00:38
2.10 Design Tips10 lessons, 1:17:20
3.Wrapping Up2 lessons, 25:44
2.10 Stitching Effect
[MUSIC] Right, number ten. This is a stitched effect. Now, I love this, I love this. I've used this on projects. It's really cool and you can do this for text. Again, you can do it for anything created in Illustrator. So why not? Let's go with a star. So we're gonna do that same pentagram style star, we've got 65.5, 25, and 5. And we'll create the star. We're also going to do it with some text. So we'll type the word stitched. And of course, you can use any font for this. It doesn't have to be this uppercase text as well. You can change this from the character panel if you like. Lets go for a slightly different font. We'll go for good old Arial. Stitched, there we go. And let's scale this up. So first of all, we're going to select the star and swap that fill on the stroke. Now I'm going to make this a darker color, just so you can see the stitched effect in a bit more detail. And I'm going to increase that stroke weight as well. Now the way we enable this is from the stroke panel. Now if you don't have all of these options here, just go to the menu at the top and just go Show Options. And conversely, you can Hide Options if you'd like to kinda keep this panel a lot more streamlined. And we're going to check the box saying, Dashed Line. And you can see, of course, this does give us just that, a dashed or dotted line. And you can adjust how it preserves the dash and gap lengths around corners. So you can see here on the right, all of these corners now have a point to them. And this one here just ignores the corners and just runs the dashed line around the entire star shape regardless. But the trick with this, and this is a really clever little trick, is to change the dash and the gap values. So let's set the dash. Of course, we could change this to 100, and you can see it makes it a lot longer. We could change it to 2, and it makes it a lot shorter. We can also change it to 0. Then we can change the gap to 40, And select this option on the right so it preserves the exact dash gap and dash length. So these are the specific settings that you want. But at the moment, it looks like that, even though the dash is 0 points, you can still see a line or a path. But, and this is the magic bit, if you select your shape and change the cap type to round cap, it will become dots. So at the moment, for each of these, we have these lines that are effectively naught point in width. And then if you change the cap to round, it takes that naught point and it rounds off one side and it rounds off the other side, which effectively just gives us a circle. Now if you increase this, it becomes something like this, kind of more of an oval shape or a rounded rectangle. And then what we do is adjust the gap distance. And you can choose how many dots there are. And then you can adjust the size. So you can control the size of the dot and the space or the gap between each of the dots. Now this is pretty cool, if you want to create dots. If you'd like to create a stitching effect, which is what we are actually going to do, you just simply increase the dash length. So let's zoom in, and we'll adjust this again. And maybe increase that gap. So this is a case of just kinda playing around a little bit and seeing what kind of stitching effect you're going for. But then of course, you can change that cap so you can have this kind of effect or something a little bit closer to real life stitching with that round cap. But you can also apply this exact same effect to lettering. So let's change these both to 10, zoom in nice and close, and round these off. And of course, you can add more than a single dash in a gap. If you just add these two here, it will only use those two, and just repeat those two values. We can, of course, add lots more and it will cycle through this entire list, which just gives a little more randomness. So let's go and change this. Change this up a little bit. Just kinda make these numbers feel a little bit more random. Make sure you copy [LAUGH] the text selected before you do that. So I'm just varying them ever so slightly. So you can see that as this runs around the text, it first uses the 10 point dash, the 10 point gap and then it jumps to the 8 point dash, the 12 point gap. It goes all the way till the end, and then it repeats this over and over again. So rather than just having everything a consistent dash and gap length, you can use this to create a much more believable stitching effect, because it just adds an element of randomness to it. And of course, like everything, we can go and add colors to this. And let's have a look and see if it will let us add brush effects. Sadly not. Sadly not. But there we go, regardless. We've already had our fun playing with brushes and we've added a stitch effect to some text and a star. And the best thing about this is this text is all still editable. It's still editable, so we have that flexibility. And this effect, you can just turn it off and on from the stroke panel. And as with a lot of the other things we created, when you're happy with your text, you've got your stitching effect exactly how you want it. You can go to Object > Expand and leave Object and Fill checked. Click OK, and sometimes it's a case of just doing it twice. So that's for the stitch effect. Do it again for the fill and the stroke. And this is no longer editable, but these shapes are now exactly what you see on screen. So if you wanted to integrate some other shapes within them somehow, when you start trying to combine things together, if it's for a logo or whatever it is, you can fully combine all of these shapes. So generally, as a rule of thumb, if you're happy with an effect or anything that you've applied in the appearance panel, whether it's a dashed line, if you're happy with it and you don't want to change it, keep a copy maybe, just in case you would like to. But you go to Object > Expand or Expand Appearance, just keep using those expand options until you can't go any further. And then when you come to use this composition, what you've created, with other tools like the Pathfinder tools and maybe the Align tools as well, some of the complications you might get, they just won't happen. Because Illustrator is just seeing what you've created not just as a path with an effect on it, but as a standard shape, and it will treat it as such. So if you do get any problems with pathfinder shapes not combining or subtracting or anything like that, just check out those expand options first, try those, and see if that fixes the problem. And on that note, that wraps up the end of the stream. So just thank you so much to everyone for joining. I really hope you enjoyed it. As I say, nice bit of variety here today, something a little bit different than what we normally do. Thank you so much to the moderators as well in the chat, and for everyone for asking so many good questions. So this has been absolutely fantastic. And what I'm going to do is when the course goes live on Tuts+, this will be packaged up with it as well. And, Yeah, thank you so much. So as always, I hope you have a fantastic 2018. It's been a pleasure to be here. My name is Daniel White, aka Dansky. Thank you very much, and have a fantastic day. And I will see you soon.