Flood Fill

Jump to Mobile or Windows 10


To successfully fill an area, it must be closed. Tap the paint bucket icon,Fill icon, then tap a closed region to fill the area with paint.

Original Solid

In this example, the first image has a closed area. The second shows a successful fill. The third is the finished product. The fill layer’s opacity was reduced to mute the fill and allow an underlying layer to peak through.

Successful fill example

If the fill are is not closed, the fill will invade areas you didn’t intend to color. In the example below, the area in the first image is NOT closed. When a fill was applied, the background, as well as the intended area, was filled. The white areas are the only closed ones.

Failed fill examples

When you select Fill icon, the Flood Fill toolbar appears, containing fills and, depending on the version you're using, an assortment of tools. Use the tools to change fill tolerance, apply a fill to either all layers or only the active layer, or reverse a gradient fill.

Select one of the following fills to add paint to an area bound by pixels of color or a selection. Flood filling an area is a quick way to fill an area with color, make highlights, or create gradations of color for such things as a metal look.

Solid Fill

Solid Fill Solid Fill

Fill

Fills an area with paint.

Gradient Fill

What is a gradient fill? It’s a fill with multiple bands of color that blend into one another. There are two kinds of gradient fills in SketchBook – Linear and Radial.

Linear Fill Gradient Linear Fill

Gradient Linear Fill

It uses a color ramp and applies it linearly from your first tap (origin) to the end of the drag (destination). This establishes the direction and size of the ramp. Fill manipulators can be added, moved, or removed.

Radial Fill Gradient Radial Fill

Gradient Radial Fill

It uses a color ramp that radiates from your first tap (origin) to the end of the drag (destination). Fill manipulators can be added, moved, or removed.

Fill Tolerance

Did the fill cover more area than you wanted? Did it not cover enough? Change the tolerance of your fill to determine the range of the area/colors affected. Set the flood region and size of the gaps between the fill paint and pixels creating the fill boundary.

The minimum tolerance, 1, selects and fills only pixels of that color value. The maximum tolerance, 255, selects and fills all pixels regardless of the region.

Fill tolerance color example1 Fill tolerance color example 2

Fill tolerance color example 3 Fill tolerance color example 4 for SketchBook

In the examples below, when Tolerance is set to 255 (the max), however, the results different greatly. This is due to a difference in stroke opacity and size (thickness). For a stroke using a Ballpoint Pen size of 1.3, with a fill tolerance of 168, the lines are ignored and the canvas is filled.

Shoe drawn with a thin penFill of a shoe drawn with a thin stroke

However, with a Felt Pen size of 4.5, where we’ve even increased the fill tolerance to the maximum value of 255, the lines held the fill within their borders. This is due to the thickness of the line (size). From above, you can see that fill tolerance can be set at a lower value and still fill the canvas, if the lines are thin.

Fill of a shoe drawn with thick strokes

Filling layers

You can choose to fill the current layer or all layers, using the following fill tools:

In the first image below, we used Sample Current Layer Sample One Layer, so the doll's head was the only area used to define the fill. For the second, we used Sample All Layers Sample All Layers and tapped in the area within the head, where the arm is visible. So, though the lines of the arm are on a different layer, they help define the filled area.

Fill Current Layer Fill All Layers

Using Flood Fill in SketchBook Pro Desktop

Flood Fill

  1. Fills
  2. Tolerance
  3. Sample All Layers
  4. Reverse
  5. Cancel and OK

Flood filling an area

Fill active layers with color.

  1. In the toolbar, tap Fill icon.

  2. Select a color from the Color Editor.

  3. Tap current layer to fill the current layer or Fill all visible layers for all visible layers.

    Selected Layer Fill Outcome
    Fill current layer Current layer Fill current layer
    Fill all visible layersAll visible layers Fill all visible layers
  4. Select a fill.

  5. To accept the fill, click accept or cancel to decline the fill.

Changing fill tolerances

In the Fill toolbar, tap-drag the slider to change fill tolerances.

fill tolerances

The fill automatically updates, making it easy to get the tolerance setting just right.

Creating a gradient area

You can create a fill and then set the colors or select a pre-defined gradient fill from the Color Puck's Gradient Fill Palette.

Show/Hide Palettes

  1. Create an area to be filled.

  2. With the Flood Fill Fill icon tool selected, select a Gradient Fill (Gradient Fill - Linear or Gradient Fill - Radial) from the Flood Fill toolbar.

  3. Click-drag to place the fill.

    Gradient Fill

  4. Do either of the following:

    • To change the color of a manipulator, double-click the manipulator Fill manipulator and select another color from the Color Wheel.

    • To select a different gradient fill, double-click a manipulator and select another gradient fill from the Gradient Palette.

    • To reposition fill manipulators, tap-drag a manipulator Fill manipulator and reposition it.

    • To add a manipulator, tap along the axis between manipulators.

    • To delete a manipulator, tap the Delete Remove Point manipulator.

    • To change the tolerances of a fill, in the Fill toolbar, tap-drag the Tolerance slider. Increase the tolerance to increase the range of colored pixels affected by the fill. Decrease the fill to reduce this.

Setting the fill sample

Example of Fill current layer Example of Fill all layers

In the Fill toolbar, do one of the following:

Inverting the direction of a gradient fill

Once your fill is created, in the Fill toolbar, click invert to invert the order of the fill manipulators.

Original direction of a gradient fill

Inverted gradient fill

Using Flood Fill in SketchBook Pro Mobile

On a tablet

Fill in SketchBook Pro Mobile on a tablet

On a handheld device

Fill toolbar for handheld devices in SketchBook Pro Mobile

Fill the active layer with color, speeding up the painting process, working like a mask. You can select the flood color before or during the fill. Check out the video below for a demonstration of using flood fills.

Filling an area

  1. Do one of the following:

    If on a handheld device, tap Tools icon, then Fill icon Fill.

    SketchBook Pro Mobile linear fill

    If on a tablet, tap Fill icon Fill.

    Fill toolbar on a tablet

  2. Select one of the fills.

    Note:

    Fill manipulators can be added, moved, or removed.

    • To add a manipulator, tap anywhere along the fill line.
    • To move a manipulator, tap-drag it to the new position.
    • To remove a manipulator, tap-drag it away from the fill line. It will disappear.
  3. Tap an area to fill it.

    Note:

    To change the color of the paint, tap Color Editor icon, then tap where you to fill that area. You are still in the Fill tool.

  4. Tap OK to accept the changes or to decline.

Changing flood fill tolerance

In the Fill toolbar, do the following:

The fill automatically updates, making it easy to get the tolerance setting just right.

Filling one or all layers

  1. In the Fill toolbar, do the following:

    • If on a handheld device, tap Fill editing tools icon Tolerance tool to access the Sample Layers tools.
    • If on a tablet, go to Step 2.
  2. Select one of the following:

    • To fill only the current active layer, ensure the icon in the toolbar is current layer. If Sample All Layers is visible, tap it to switch the icon to fill only the current layer.
    • To fill all layers, ensure the icon in the toolbar is Sample All Layers. If current layer is visible, tap it to switch the icon to fill all layers.

Our good friends at Wacom asked ARCHER’s Kevin Mellon to demonstrate the Flood Fill > Gradient Tools on Autodesk SketchBook Mobile. You can check out the video below.

Check out SketchBook Mobile For iPad: Fill and Gradient Tools [YouTube]

Using Flood Fill in SketchBook on Windows 10

Flood Fill toolbar in SketchBook Pro Mobile

Filling an area on Windows 10

  1. Tap Fill icon Fill.

  2. Select a fill: Solid fill icon Linear fill icon Radial fill icon

    Note:

    For information on Linear or Radial, see Using a gradient fill.

  3. Tap an area to fill it.

    Note:

    Fill manipulators can be added, moved, or removed. See Using a gradient fill for details. To change the color of the paint, tap the Color Puck, then the area you want to fill. You are still in the Fill tool.

  4. Tap Confirm to accept or Cancel to decline the fill.

Changing fill tolerances on Windows 10

  1. Select the region to fill.

  2. In the Fill toolbar, tap-drag the slider to change fill tolerances. As you make changes, the fill automatically updates, making it easy to get it just right.

    Fill tolerance at 26 Filling a shoe when the fill tolerance is set to 130

Filling one or all layers on Windows 10

Do you want to fill one layer or more than one? Use Fill only current layer Sample one or Fill all visible layers Sample all layers.

  1. Choose your layer settings:

    • To select only the current active layer, select Fill only current layer.

    • To select multiple layers, first ensure all the layers you want are visible. If not, unhide them, then select Fill all visible layers.

      Selected Layer Fill Outcome
      Original image Fill > Original image
      Fill only current layer Current layer Fill > Original image
      Fill all visible layers All visible layers Fill > Sample All Layers
  2. Select a fill (Solid fill icon Linear fill icon Radial fill icon).

  3. To accept the fill, click Confirm or Cancel to decline the fill.

Creating a gradient fill

  1. Create an area to be filled.

  2. With the Fill SketchBook's Fill icon tool selected, select a Gradient Fill (SketchBook's Linear Fill icon or SketchBook's Radial Fill icon) from the Fill toolbar.

    Fill Toolbar

  3. Click-drag to place the fill.

    Radial Gradient Fill - showing direction of manipulators

Editing a gradient fill

As long as the manipulators are displayed, you can edit your fill. There are many ways to edit a gradient fill. Do either of the following:

Reversing the direction of a fill

Once your fill is created, in the Fill toolbar, click Reverse fill to reverse the order of the fill manipulators.

Fill gradient direction 1 Fill gradient direction reversed