This tutorial will show you how to create abstract modern fluid background in Inkscape with gradient mesh.
What you will learn
- How to create a background
- How to use gradient mesh tool
- How to add text
Tutorial Steps
Step 1
First, create a new background with Rectangle tool (R), and turn on the Snap to the page border for easier when you drag down the rectangle to the canvas.
![](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-1-1-.png)
Result:
![abstract-gradient-background-step-1-2](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-1-2.png)
Step 2
Click Create and edit meshes tool to create a gradient mesh and double click to the Rectangle.
![abstract-gradient-background-step-2-2](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-2-2-edited.png)
It will create a gradient mesh with nodes in the corners.
![abstract-gradient-background-step-2-3](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-2-3.png)
Step 3
Click on the corner of the canvas and change the color to something you like I’m using the purple and blue colors.
![abstract-gradient-background-step-3-1](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-3-1.png)
Result:
![abstract-gradient-background-step-3-2](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-3-2.png)
Step 4
We can add more columns or rows by double-click on the edge of the rectangle.
![abstract-gradient-background-step-4-1](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-4-1.png)
And change the color by double click and see where the arrow is facing. In the blue area selected, we can change the colors in it.
![abstract-gradient-background-step-4-2](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-4-2.png)
Add more rows until it becomes like this (2 Rows 3 Columns) :
![](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-4-3.png)
Just drag the Point and make it random to create a more abstract look.
![abstract-gradient-background-step-4-4](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-4-4.gif)
Step 5
Add a Text and add more elements.
![](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-step-5-1.png)
Your design is Ready!
Try to create more experiments with the colors and node placing to create a more abstract look also add text and shapes.
![abstract-gradient-background-zakeydesign.com](https://zakeydesign.com/wp-content/uploads/2021/07/abstract-gradient-background-zakeydesign.com_-1024x576.png)