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 area 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:

  • Sample Current Layer Sample One Layer to fill the current layer.
  • Sample All Layers Sample All Layers to fill all layers.

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 for 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.


Fill current layerCurrent layer Fill current layer
Selected Layer Fill Outcome
Fill all visible layersAll visible layers Fill all visible layers
  1. Select a fill.
  2. 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

  • Increase the tolerance to increase the range of colored pixels affected by the fill.
  • Decrease the fill to reduce this.

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 FillFill 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

  1. 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:

  • To fill only the current active layer, ensure the icon in the toolbar is current layer. If Fill all visible 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 Fill all visible layers. If current layer is visible, tap it to switch the icon to fill all layers.

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 for mobile devices

On a tablet

Fill in Sketchbook on a tablet

On a handheld device

Fill toolbar for handheld devices in Sketchbook for 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. 

Filling an area

  1. Do one of the following:

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

Sketchbook mobile linear fill

If on a tablet, tap Fill icon Fill.

Fill toolbar on a tablet

  1. 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.
  1. 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.

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

Changing flood fill tolerance

In the Fill toolbar, do the following:

  • If on a handheld device, tap Fill editing tools icon, then tap-drag the slider to change flood fill tolerances.

Sketchbook mobile fill tolerance

  • If on a tablet, tap-drag the Tolerance slider.

Tablet Fill toolbar

  • Increase the tolerance to increase the range of colored pixels affected by the fill.
  • Decrease the fill to reduce this.

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 iconTolerance tool to access the Sample Layers tools.
  • If on a tablet, go to Step 2.
  1. 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.

Using Flood Fill in Sketchbook on Windows 10

Flood Fill toolbar in Sketchbook mobile

Filling an area on Windows 10

  1. Tap Fill iconFill.
  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.

  1. 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.

  1. 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.

  

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 only current layer Current layer
    Fill > Original image"></td>
 </tr>
 <tr>
 <td class=
    Fill all visible layers All visible layers

2. Select a fill: Solid fill icon Linear fill icon Sketchbook's 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 FillSketchbook'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

  1. 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:

  • To change the color of a manipulator, tap the manipulator and select another color from the Color Puck
  • To move fill manipulators, tap-drag a manipulator into position.
  • To add a manipulator, tap anywhere along the line between manipulators.
  • To delete a manipulator, tap-drag the manipulator away from the fill line.
  • 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.
  • To sample one or all layers, tap Sample All OFF or Sample All ON.


    Sample One LayerSample One Layer Radial Gradient Fill with Sample One Layer
    What is Sampled Fill Outcome
    Sample All LayersSample All Layers Radial Gradient Fill - Sample All Layers

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