Flooding areas

The Vector Flood Fill Tool lets you flood areas with color and texture as well as areas that can't otherwise be filled because they are not closed objects. New shapes are created as a result.

Flooding areas with color before
Flooding area with color after
Before and after flood filling using solid color. The Before image shows the filling of both individual areas (by tapping) or adjacent areas (by dragging).
Flooding areas with gradients and bitmaps before
Flooding areas with gradients and bitmaps after
Before and after flood filling using gradient fills and bitmaps.

About vector flood filling

Flood filling lets you 'color in' areas of your design that can't otherwise be filled with the Gradient Tool. This includes areas created from overlapping closed/geometric shapes as well as open curves.

The Vector Flood Fill Tool detects edges in your drawing and then, if a fully enclosed area is detected, it will flood fill to the area's boundary. The current solid color (standard or global) or color gradient specified in the Fill color selector (Color panel) is used for the fill, thus creating a new shape. Assets (vector and bitmap) or stock images can also be used to flood fill.

Some examples include:

Flooding is carried out by tapping on areas or dragging across multiple areas. The latter being a quick technique that avoids flooding specific objects one-by-one. You can flood fill any object even if it is not selected (filling the whole object) but you can select objects in advance if you want flooding to take into account intersecting shapes and curves.

Fill types

The tool can flood with different types of fills, i.e.

Scaling with gradient and bitmap fills

You can select the layer object of any gradient or bitmap fill for editing with the Gradient Tool—this could include swapping the gradient type, adjusting how the gradient/bitmap fill scales or how the bitmap pattern extends.

Flood filling with multiple transparent fills

If any of the above fills have reduced opacity or have alpha, they can optionally be 'layered up' to create multi-fill effects when applied in multiples. For example, transparency gradients and/or textures possessing transparency can be placed over a base solid color. A Fill mode on the tool's context toolbar lets you stack or replace fills.

Appearance panel after flood filling
Appearance panel showing multiple semi-transparent gradient and bitmap fills on a target area.

Picking up flood fills from previously selected areas

Instead of defining the flood fill color via a panel, you can pick up the fill from previously selected areas with the modifier pressed and then flood to other areas. Similarly, bitmap fills can be picked up instead of filling from a image file or panel.

Filling to visible boundaries

When dragging across areas to flood fill, you can enable Fill to Visible Boundaries to fill to overlapping shapes' outlines and either detect (and fill to) internal edges or ignore internal edges. For the latter, if shapes have the same fill color, then the flood fill will extend the fill to encompass those shapes automatically.

Flood filling (with green color) with Fill to Visible Boundaries disabled (A) and enabled (B).
Vector Flood Fill Tool To flood an object with color:
  1. Select the Vector Flood Fill Tool.
  2. Set your preferred fill in the Color panel.
  3. (Optional) On the context toolbar, set a Fill mode to control if semi-transparent fills are added to, smart refilled (ignoring identical fills) or replaced in a fill stack.
  4. Tap on an object. This doesn't require the object to be selected.
Vector Flood Fill Tool To flood an object with a bitmap fill:
  1. Select the Vector Flood Fill Tool.
  2. Do one of the following:
    • On the context toolbar, tap Set Bitmap Fill then navigate to and select your image.
    • On the Assets panel, select your vector or raster asset.
    • On the Stock panel, search for and select a stock image.
  3. (Optional) On the context toolbar, set a Fill mode for transparent bitmap fills as described in the previous procedure.
  4. Tap on an object.

Set the context toolbar's Fit mode to control its scaling in advance of flood filling.

Vector Flood Fill Tool To flood fill areas on multiple objects that possess intersecting curves and shapes:
  1. Select the Vector Flood Fill Tool.
  2. Drag a marquee selection over the objects whose areas you want to target, or select objects via the Layers panel.
  3. Set your preferred color or bitmap to flood fill.
  4. Inside In-between (Optional) On the context toolbar, choose an Insertion mode to control whether the new shape is to be clipped within the existing upper shape (Inside) or added between the shapes (In-between).
  5. (Optional) On the context toolbar, set a Fill mode as described in the previous procedures.
  6. Fill to boundaries (Optional) On the context toolbar, enable Fill to Visible Boundaries to extend the fill to the outline of a shape or a curve's path, ignoring the areas formed by the overlap.
  7. Do one of the following:
    • Tap on an object.
    • Drag across multiple enclosed areas.
    • Pick up a fill from one of the currently selected objects using -tap (use Command Controller or hardware keyboard) and click on the target object.

SEE ALSO: