Vignette In Illustrator | Illustrator – Vignettes For Shapes And Clipped Photos

Helen Bradley

Subscribe Here





Illustrator - Vignettes For Shapes And Clipped Photos


Hello. I’m Helen Bradley. Welcome to this video Tutorial today we’re looking at adding vignettes to shapes and to photos in Illustrator before we begin. I want to show you a couple of other places where I teach. I teach over here at udemy where I currently have four classes. You can sign up for any of my udemy classes with a discount if you just use the coupon code Youtube, and that’s all in the description below, I also teach at Skillshare and I can offer you at least as good. A deal on Skillshare as Skillshare does sometimes even better and again, a link to that offer is in the description below. So back here in Illustrator, Let’s have a look at vignettes. I’m going to drag out a circle and I’m going to fill it with a color, but I’m not going to give it a stroke. I want to add a vignette to it now. The vineyards are available as gradients here in the swatches panel. So you about the swatches panel, which, of course you can also get to by choosing window and then swatches. I’m going to drop this little library option. Open here, go to gradients and select the vignettes. And these are the vignette options. Now the one. I’m going to use is just here. It’s a sepia tone vignette. But if I just add it to the shape, then it’s going to replace the current fill in the shape, and that’s not what I want to do. So I’ll just press ctrl or command Z. I’ll go over here to the appearance panel, which you can also get to by choosing window and appearance. I’m going to add another fill to their shape, and this fill is going to become our vignette, so just click here on the vignette option. Now you can see that we can see through the vignette itself to the original. Fill for the shape. If this fill is too heavy, then you can just click this disclosure triangle to get to the opacity and the blend mode for this fill alone. This is not the entire shape. It’s just for the fill. Let’s click here on opacity. I’m going to drop this down to a less opaque sort of fill, and you can also blend it, so if you could, for example, use the multiply blend mode. So there is a way of getting access to vignettes in Illustrator for shapes. You just want to make sure that you add another filter the shape. Otherwise, the vignette is going to replace the current fill now. I also have image already here in my illustrator document now. This has been embedded. That’s really critical that you embed it that you don’t link it. Otherwise, this is not going to work. I’m going to drag out a circle because I want to clip this photo to a circular shape. So let me just drag out a circle. Now it’s gone in with the vignette applied to it, but since this shape is going to be sacrificed in the clipping process. I can just ignore that. Let’s select over the photo and the clipping shape, choose object clipping mask, make, and now we’ve clipped or cut the photograph to the circular shape. Now, if I want to add a vignette to it, it’s a little bit different here with photos. This is what you’re going to, do, youll. Open up the clipping group that contains not only the photograph this rectangular image here, but also the clipping object and what you want to do is just target the photograph alone, and you need to add another shape to this and what I’m going to do is add a circular shape Because I’ve clipped it to a circle, so I’ll first go to the appearance panel. I’m going to click to add a new fill and this fill is going to be a circular shape, so I’ll choose effect and then convert to shape and then ellipse and I’m going to set it to relative, so it’s the same size as the original one, but I’m going to set the extra width to zero and zero, so it’s not any larger and I’ll click OK, so what we’ve got here is a filled circle over the top of our rectangular shape, which has been clipped to a circular shape if that’s not a little bit confusing, so let’s target our filled shape and now let’s go and apply our sepia toned vignette now. The sepia toned vignette is not really acting too much like a vignette right now so with it targeted. I’m going here to the gradient tool. I’m just going to drag out this gradient from the middle of the circle just to the edge and it’s going to work a little bit better. Then let’s also go to the gradient panel. Let’s make some changes to our vignette. You click this gradient stop, and I’m going to drag it all the way over here, and I’m going to set it to Oh percent at that point, So that means the middle of the vignette is now going to be totally see-through, and I can just kick down these values. I think they’re a bit high, so I’m going to start dropping these down. Probably by about thirty percent. H Oops ended up with an extra one there and let’s just drop this down to about sixty and again lets. Just make sure that the vignette is looking the way we want it to, so let’s go to the appearance panel. Turn the vignette on and off and you can see that it is affecting this shape and you can continue to work on this gradient to get the best result that you want. You could also blend it, for example, with the multiply blend mode so would be possible to just apply a multiply blend mode and perhaps even a decrease to opacity on the entire vignette. And you still got that vignette in effect, it’s just a whole lot more subtle, so there are some ways that you can apply vignettes to shapes in Illustrator just using that vignette gradient, but you can also apply it to a clipped bitmap image. I hope you’ve enjoyed this video tutorial. I hope you’ve learned things about illustrator of which you were previously unaware. If you did enjoy the video tutorial, please click the subscribe. Button hit the notification bell and you’ll be alerted when new videos are released Until next time my name is. Helen Bradley. Thank you so much for joining me here on my Youtube channel.