1. Design & Illustration
  2. Drawing/Illustration
  3. Vectors

How to Use the Flood Fill Tool in Affinity Designer

In this tutorial, we'll learn how to use the Flood Fill Tool in Affinity Designer. You'll be able to easily fill in different shapes and areas of your design.
Scroll to top
This post is part of a series called Complete Affinity Designer Beginners Guide.
How to Use Global Colors in Affinity Designer
How to use the Brush Tool in Affinity Designer

Now that we know how to use global colors, let's learn all about the Vector Flood Fill Tool in Affinity Designer. It's easy to use, and it can save you a lot of time.

You can follow along every step of the way in our ultimate Affinity Designer tutorial for beginners.

Watch the Lesson: How to Use the Flood Fill Tool

Let's get started! We'll use the Vector Flood Tool to fill the previously created shapes in with different colors (in this case, different shades of blue.)

This is where Global Colors come in. We'll choose colors from our Swatches panel and apply them to the shapes within the iceberg.

Affinity Designer tutorial for beginners: choose colors from the Swatches panel.Affinity Designer tutorial for beginners: choose colors from the Swatches panel.Affinity Designer tutorial for beginners: choose colors from the Swatches panel.
Affinity Designer tutorial for beginners: Vector Flood Tool in Affinity Designer.Affinity Designer tutorial for beginners: Vector Flood Tool in Affinity Designer.Affinity Designer tutorial for beginners: Vector Flood Tool in Affinity Designer.

Continue applying different shades of blue until the whole bottom area is filled in.

Click and drag to apply the same color across multiple shapes at once.

Now we need to make the iceberg look as if it's sticking out of the water instead of just sitting on top of it.

To do that, we'll separate the layers into two groups: one for the shapes on the top (Top Filled group) and the other for the shapes at the bottom (Bottom Filled group). We can do this by selecting the layers that we want to group and pressing Command-G.

In the Layers panel, grab the Bottom Filled group and drag it to the bottom of the list. Place the horizontal water rectangle just above it, as the second to last in the list.

Affinity Designer beginner tutorial: separate the layers in two groups.Affinity Designer beginner tutorial: separate the layers in two groups.Affinity Designer beginner tutorial: separate the layers in two groups.

Once we rearrange the layers, it should look like this:

Up next, we'll hide the lines we don't want to see. To do that, expand the lines group. Look for the ones we want to hide and select them.

Hold Command-X. Then, select the vertical rectangle layer and hold Command-V to paste them there. The rest of the lines in the former group can be dragged down, right above the Bottom Filled group.

Affinity Designer beginner tutorial: move the lines below to hide them.Affinity Designer beginner tutorial: move the lines below to hide them.Affinity Designer beginner tutorial: move the lines below to hide them.

You can also delete the lines and nodes that make no sense, and make the remaining lines a nice light color instead of black.

Affinity Designer tutorial for beginners: how it looks without the lines.Affinity Designer tutorial for beginners: how it looks without the lines.Affinity Designer tutorial for beginners: how it looks without the lines.

We can hide our reference images now. We won't need them anymore.

Read More Affinity Designer Tutorials

You've come this far! There's still plenty more to learn about Affinity Designer and overall design in our Envato Tuts+ and Envato Blog tutorials.

And if you're looking for design assets to get a head start, subscribe to Envato. You'll get access to a myriad of creative resources.

Keep improving your skills with some other of our Affinity Designer tutorials: