We will create our rainbow gradient as a linear gradient first, then apply it as a radial gradient later on. For this lesson we will be focusing on the Fill tab, so make sure to have that tab opened. Have a great day.At the top of the Fill & Stroke menu, you will see three tabs: Fill, Stroke, and Stroke Style. Smoothly Done!Įasy, I hope you learn to use a gradient with the shapes and patterns to create a geometric gradient background in Inkscape. Rotate it by clicking twice until the rotate symbols appear.ĭuplicate the shapes with Ctrl+D and place them as you want. Now we are going to give the pattern fill to the shapes, create a circle then in Fill and Stroke menu, cNow we will give the pattern fill to the shapes, create a circle, and change the pattern fill to Stripes 1:1 White in the Fill and Stroke menu. Step 6Ĭreate a circle with a transparency gradient change the top node color to Atomic Tangerine (#ff9955ff).Īdd more shape and change the color. In fill and stroke menu (Shift+Ctrl+F), Change the stroke width to 250px.Ĭlick on the Stroke paint tab, change to Linear gradient, and you can adjust the handle to move the gradient effect. Swap the fill color to stroke in the left corner, right-click on fill > Swap fill and stroke. Next, create a circle with Ellipse Tool (E) and change the color to Vivid Sky Blue (#48c8ebff). Make the Path fit with the background by duplicating the background with CTRL+D, then select the two objects (background and the rounded rectangle) in Path > Intersection. Make sure to remove the fill on the bottom node by right click > remove fill. With edit path by nodes (N)/(F2), click on the rectangle handle and drag down.Ĭreate a gradient with transparency with Gradient tool (G).

Step 2ĭraw a rectangle with Rectangle tool (R) and change the color to Medium Violet Red (#cd0e92ff). How to keep stroke width when scaling objectĬreate a background with the rectangle tool and with dropper tool (D) change the color to Navy Blue (#1e0083ff).How to round a corner with path effects.

How to change color with the dropper tool.

In this tutorial, we will create a gradient geometric design with Gradient Tool in Inkscape and shape it with patterns.

Inkscape gradient around entire object