How to Use the Flood Fill 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:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Drew MacDonald

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:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Drew MacDonald


Print Share Comment Cite Upload Translate Updates
APA

Drew MacDonald | Sciencx (2024-07-30T08:42:35+00:00) How to Use the Flood Fill Tool in Affinity Designer. Retrieved from https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/

MLA
" » How to Use the Flood Fill Tool in Affinity Designer." Drew MacDonald | Sciencx - Tuesday July 30, 2024, https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/
HARVARD
Drew MacDonald | Sciencx Tuesday July 30, 2024 » How to Use the Flood Fill Tool in Affinity Designer., viewed ,<https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/>
VANCOUVER
Drew MacDonald | Sciencx - » How to Use the Flood Fill Tool in Affinity Designer. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/
CHICAGO
" » How to Use the Flood Fill Tool in Affinity Designer." Drew MacDonald | Sciencx - Accessed . https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/
IEEE
" » How to Use the Flood Fill Tool in Affinity Designer." Drew MacDonald | Sciencx [Online]. Available: https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/. [Accessed: ]
rf:citation
» How to Use the Flood Fill Tool in Affinity Designer | Drew MacDonald | Sciencx | https://www.scien.cx/2024/07/30/how-to-use-the-flood-fill-tool-in-affinity-designer/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.