Adding and changing fills
(1) Add a fill to a selected shape (shapes can have multiple, layered fills)
(2) Remove Selected Fill
(3) Advanced Fill Settings (for selected fill)
If you click on the empty area of the fill interface, you can select the fill. You can also drag fills to re-order them for shapes with multiple layered fills.
The clickable area is highlighted in lighter grey and pink
It is also possible to copy a fill and paste it, on the same element or on a different element in the same document. This can be done using Ctrl/Cmd+C – Ctrl/Cmd+V or using the context menu with a right-click on the fill. The option to delete the fill is also present on the context menu.
(1) Click once on the fill preview circle to change the fill type (solid color, gradients, etc…) and properties.
(2) Color picker eyedropper – Pick a color from anywhere on the canvas
(3) Blending mode – blending mode for this fill only.
(4) Opacity (percentage) for this fill only.
(5) Visibility (on/off). Hide/show this specific fill.
Here is a Color picker eyedropper in action:
Advanced fill settings
Fills have two (winding) fill rules which define how holes are calculated:
- Non-Zero (Fill Holes) – Internal enclosed areas are NOT regarded as holes
- Even-Odd (Keep Holes) – Internal enclosed areas ARE regarded as holes
Multiple Layered Fills
One very useful feature of Gravit Designer is that it enables you to add multiple fills to the same shape.
These fills can be layered and combined using opacity and blending modes. Here is an example of a single ellipse with multiple fills.
(1) Single color fill as a base
(2) Added an Image (Texture) fill, set to Overlay
(3) Added a Noise fill, with Opacity set to 80%
(4) Added a Gradient fill, set to Multiply
Then you can simply select any vector object and use Paste +
Color picker Eyedropper
Eyedropper tool allows you to change the color by picking a new one from the viewport:
- Click once on the small eyedropper icon next to the Color preview, and release. Alternatively, use the eyedropper icon available inside the Color Picker Dialog
- Move your cursor over the viewport
- When the selector square (in the middle of the magnified view) is over the color you want, click once to pick that color
- Use the key to cancel Eyedropper mode.