FREELessons: 18Length: 2.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.7 Effects, Effect Types, Multiple Effects

Gravit has an excellent system of non-destructive effects that can be applied directly to shapes or, thanks to a special type of shape fill, overlaid on an entire document. In this video we’ll go through the effects you have to choose from and how you can use them.

3.7 Effects, Effect Types, Multiple Effects

Hey, and welcome back to Gravit Designer Quick Start. In this lesson, we're gonna be checking out the cool effects that you can add, using Effects section in Gravit Designer. We're gonna start with a design from a template, so that we've got something to apply our effects to. So you can see things a bit more clearly. So we're gonna go to New From Template. Jump into the blog graphic category, and we will grab this template here at the top right, to the story books for children. Now the first thing we are gonna do, is something that we touched on in this section of fields, and we grab a rectangle and draw it down over the entire area, then in the field section, we are going to go up here and set this to background field. So that makes it as though we can't see the rectangle itself. But any effects that we apply to this rectangle, are gonna be visible on all of these other objects that are beneath the rectangle that we just added in. So just select that rectangle again, and then down here, we have all these different effects that we can choose from. And just like with fields and borders, you can add as many of these as you like. You can stack them on top of each other. You can reorder them into any sorting order that you want. You can blend them together, and use them to make combined effects. So we're just gonna quickly step through what each of the available effects are, and the settings that they have related to them. So first up, we'll check out the blur effect. And you can see, right away we have a soft blur that's been applied to the entire design, and we can increase the radius of that blur, so that it becomes more intense. And if we want, we can also activate this clip setting here, which will ensure that the blur effect is clipped to only be applied inside the actual shapes that are beneath this effect. So you can see when I turn that back off again, the blurring is bleeding out around the outside edges here. And if we turn it on, then it's nicely and neatly clipped. To get rid of an effect once you've added it, and you don't want it anymore, just hover over it. You'll see the ability to just hide it, if you wish, or you can delete the effect here. Next up we have the Color Adjust effect. So we can use this to make a number of different adjustments to the hue of our document, or to an individual element that we apply this effect to. So we can shift our hue, so you can see as I drag this across, the hue of everything in the image below, is being altered. We can also increase the saturation, decrease the saturation, we can change up the contrast, and we can change out the brightness. Just delete that one as well. Drop shadow, and in a shadow, I'll show on a different document in a just a moment. Then under the more section here, if you hit the little plus button, you get some extra effects that aren't showing by default. So we have the recolor effect, which is very similar to the color adjustment effect that we just looked at. But in this case, rather than taking the hues of individual elements and shifting them, it recolors everything in the scene with the similar hue. You can change what hue, you wanna recolor things too, and you can also change how heavily saturated that recoloring is. You also have the overlay, which is just an easy way to get a gradient overlapping your shape. However, you can of course, just use a gradient fill to achieve the same goal instead. And then we also have a vignette. So that gives us a nice soft darkening around the outside of the document. We can change the size of the vignette, and we can change the amount of the vignette. There's a couple more effects that I still want to show you, but they're going to be better demonstrated in a new document. So we're just going to draw another rectangle. Just give it a nice gradient of some description. All right, so now we have the ability to add a drop shadow to any one of our elements. We can change the X and the Y position of the drop shadow, we can increase or decrease how blurred that shadow is, so if we up it to, say 15, you see become more blurred. And you can change the opacity, so that we have a nice soft shadow, or you have a very dark shadow. You also have an inner shadow, which works exactly the same way. The only difference is that, this time, the shadow is on the inside. So all the settings are the same. You can change the color to anything you want. So it's the same as the drop shadow, it's just on the inside of the shape, instead of the outside of the shape. You also have this cool mirror effect, which is gonna make it look like there's a reflection of the shape down below it. So it just gives you this nice soft faded mirror effect down below. And then finally, we also have a curved shadow effect, which makes the shape look like, it's lifted off the background, and that the left and right edges are curved towards you. So you can modify the settings here, you can increase the amount of bend, or decrease it. You can draw how soft the shadows are. The radius. The coverage, so that changes the width of the shadow behind the shape. And you can also change up the angle. So, that's just a quick overview of all of the effects that are included here. It doesn't take too long to go over these, because they're all created to be very user friendly, without needing you to dig through a lot of complexity in order to use these effects. And just like with everything we've looked at so far, you can stack these effects on top of each other, to get a kind of combined effect on any element in your design. So far, we've pretty much just been playing with squares and ellipses, and just some random pods. In the next lesson, we're gonna look at how you can create text in Gravit Designer. How you can position it, control its alignment, adjust it, scale it, and make it follow paths. So we're gonna check all of that out in the next lesson. I'll see you there.

Back to the top