updated on 06 March 2019 | reading time: 5 minutes

Effects

Shadow Group of Effects

The Shadow group needs no presentation, although there are a couple of effects you would be really impressed by, particularly Long and Curved shadows.

Shadow effects in Gravit Designer

As with the Artistic effects, they are rather a shortcut to the otherwise complex and time-consuming matters.

Curved Shadow

Curved shadow thumbnail

The curved shadow creates a bent shadow effect as if it is cast by the material with pilled corners. It might be a sheet of paper lifting off the desk, for example.

Curved shadow example

No matter what object you are trying to simulate, you have tons of controls to fine-tune the shadow:

Curved shadow controls

The bend slider(1) controls how much it would be bent.

Bend slider curved shadow

The radius slider(2) sets the distance between an object and the shadow. High radius value creates an illusion of the hanging object.

Curved shadow radius slider

The softness slider(3) controls how blurry the edges would be.

Curved shadow softness

The coverage slider(4) controls the distribution of the effect. Low coverage makes the shadow very faint into the middle.

coverege slider example

The angle slider(5) controls the position of the shadow. While dragging, you get the feeling as if you are rotating the source of light around the object.

angle slider example

You can control the opacity of the shadow by typing inside the opacity text field(1).

Curved shadow color picker and shadow

Select the color of the effect by clicking the color picker icon(2). You are free to select among the solid color, linear gradient, radial gradient, and angular gradient options.

Note: The curved shadow is one of the shadows that you can create in a single click only in Gravit. In other popular vector editors, it is a tedious step-by-step process of recreating the same effect.

Drop Shadow

drop shadow thumbnail

The drop shadow effect helps an object to rise up above the surface by drawing and offsetting a blurry dark duplicate behind.

drop shadow effect example

You can control the offset value and amount of blur throughout the drop shadow interface:

Drop shadow interface

  1. Use X text field(1) to move the shadow horizontally. The positive values move the shadow to the right, negative – to the left.
    X field example
  2. Use the Y text field(2) to move the shadow vertically. The positive values pull it down, negative – push it up.
    The Y field example
  3. The blur text field(3) controls the spread and smoothness of the shadow. The low blur value makes it almost solid.
    Drop shadow blur field
  4. The opacity text field(4) controls the transparency of the effect.
  5. Click to the color picker icon(5) to bring up a color picker menu and select the color.
    Drop shadow color picker

Inner Shadow

Inner shadow thumbnail

The inner shadow effect creates an offset shadow within an object. It simulates 3D depth of the 2D object, thus it is perfect for letterpress, cut-out and engraved text effects.

Inner shadow cut out effect

The inner shadow shares the same interface with the drop shadow effect.

Inner shadow interface

  1. Use X text field(1) to move the shadow horizontally. The positive values move the shadow to the right, negative – to the left.
    inner shadow x value
  2. Use the Y text field(2) to move the shadow vertically. The positive values pull it down, negative – push it up.
    Inner shadow Y field
  3. The blur text field(3) controls the spread and smoothness of the shadow. The low blur value makes it almost solid.
    Inner shadow blur example
  4. The opacity text field(4) controls the transparency of the effect.
  5. Click to the color picker icon(5) to bring up a color picker menu and select the color.
    Inner shadow change color

Contact Shadow

Contact shadow thumbnail

The contact shadow effect creates a small elliptical shadow on the horizontal surface.

Contact shadow

It simulates the shadow cast by the object standing on the horizontal surface or hanging above the ground while the light coming perpendicular to the surface.

Contact shadow light source

The effect’s panel provides plenty of controls to fine-tune the shadow.

Contact shadow interface

The offset text field(1) controls the distance between the shadow and the object.

Contact shadow offset value

The angle text field(2) controls the position of the light source and influences the shape of the shadow. Its value varies from 5 to 35, from a narrow ellipse to the near circle.

Contact shdow angle

The blur text field(3) starting from the 5 going makes the shadow to appear fuzzier. Control how smooth the contact shadow is by typing in this field.

Contact shadow blur

The opacity text field(4) controls the transparency of the contact shadow.

Change the color of the shadow by clicking the color picker icon(5). You can select only a solid color, no gradient available for the contact shadow.

Long Shadow

Long shadow thumbnail

The long shadow effect simulates the dramatic long shadow, created by the low sun during sunset or sunrise.

Long shadow effect in Gravit

The long shadow is trendy but not new. It was a long time employed by professional photographers and film editors to add drama to the scene. In Graphic design, it found its way as part of the flat design aesthetics.

Long shadow effect interface

The long shadow by default rests at a 45-degree angle. You can change it by typing inside the angle text field(1).

The length field(2) controls the length of the effect.

Technically the long shadow is a blend of the duplicates of the object. You can control the number of duplicates involved in the fusion by typing inside the density text field(3). High density makes the long shadow very smooth when the low one allows each individual duplicate to be seen.

Long shadow density exmple

Click the color picker icon(4) to bring up the color picker and select the color. Your choice is not restricted by a solid color only. You can pick up the linear, radial or angular gradient.

The opacity text field controls the transparency of the effect.

When the fade radio slider is on, the long shadow is growing faint and blurry at the end, so the fade slider makes the shadow’s tail transparent.

long shadow fade effect