Creating an Autumn Tree Pattern in Inkscape

In this tutorial, you will create an easy autumn tree pattern in Inkscape. Similar to Creating a Meteor in Inkscape, you will mostly work with the Rectangle and Ellipse tools. You will also be introduced to Create Tiled Clones, which allows you to create and customize repeating patterns.

The process is beginner friendly, and shouldn’t take more than an hour, so let’s get started! Credits to Sharon Milne for coming up with the original tutorial.

Recently I went on a trip to the Scottish Highlands. Loads of mountains, hills, and trees. In the middle of autumn (or “fall”, depending on your place in the world), the leaves are changing… at different rates, different colours, and it’s utterly beautiful. This tutorial is inspired by this.

Sharon Milne

In this tutorial, the Inkscape version used is 0.91

LET’S BEGIN!

1.

First, let’s create the basic tree shape with a circle and rectangle. Select the Ellipse tool and hold down CTRL before dragging your cursor outwards to create a perfect circle. For the rectangle, you are free to play around with the width and height. However, as a tree truck try not to make it overly thick. Something like this should suffice:

Creating a Circle and Rectangle

2.

Next, shift and align the shapes so they come together as a tree. Open the Align and Distribution dialog by pressing SHIFT + CTRL + A, select both objects with the Select tool, and Center on Vertical Axis. Notice that the circle and rectangle are now centered relative to each other. You can further shift the rectangle vertically using the ↑ and ↓ arrow keys.

Once you are satisfied with the overall shape, open the Fill and Stroke dialog with SHIFT + CTRL + F and change the stroke color (RGBA) to 534741FF. For the stroke width, you want something that isn’t too thick or thin, like so:

Creating the Basic Tree Shape

3.

Now that you have the basic tree shape down, it’s time to create the other two shapes. Select the original shape, press CTRL + D to duplicate it twice, and shift them to the right and left respectively using the ← and → arrow keys.

Duplicating the Tree Shape

4.

For the middle tree, select the circle and drag the top handle upwards to create an oval. Since the stroke increases when the scaled is scaled up, you need to change the stroke width back to whatever you have set before.

Creating the Second Tree Shape

5.

The right tree is a bit more complex, but not by much. Select the circle, go to the Path menu and choose Object to Path to convert the circle into a path with 4 nodes. Use the Node tool to select the nodes on the left and right ‘sides’ of the circle (hold down SHIFT to select multiple nodes), and bring them down using the ↓ arrow key.

Once done, select the top node and move it upwards using the ↑ arrow key. The result should look like this:

Converting the Shapes to Nodes
Shifting the Nodes

6.

Duplicate the three shapes so you get six shapes in total, and let’s start filling them in with colors. Select all the trunks, go to the Fill and Stroke dialog, and enter 998675FF as the RGBA. As for the tree colors, starting from left to right, they are F15a24FF (burnt orange), FBB03BFF (pale orange), FCEE21FF (yellow), D9E021FF (yellow-green), 8CC63FF (pea green) and 39B54AFF (lush green).

Adding Colors

7.

If you haven’t done so, group the circle and rectangle for each tree shape together by selecting them and pressing CTRL + G. Now, we will create the base tile by moving the shapes around with the Select tool; Page Up and Page Down allows you to move a shape above or below another.

You are free to position the trees however you want, but for the purpose of this tutorial try to have them similar to the reference:

Creating a Tile

8.

Let’s add some dots to represent grass. Create a circle with the Ellipse tool and fill it in with 534741FF. Next, duplicate it twice by pressing CTRL + D. Shift the duplicated circles to the right with the → arrow key until each of them is around a width apart.

Select all of them, go to the Align and Distribution dialog, and Make Horizontal Gaps Between Objects Equal. Once done, group them together with CTRL + G.

Creating the Dots

9.

Scale the grouped circles down to an appropriate size using the Select tool (don’t forget to hold down SHIFT to keep the aspect ratio), before duplicating and placing them at both sides of each tree. You also have to align them to the base of the tree, and distribute them evenly like so:

Positioning the Dots

Group all the shapes together, go to the Edit menu, and Clone > Create Tiled Clones. You will see the Create Tiled Clones dialog come up on the right of the interface. For now, we will go with a pattern that has 2 rows and 2 columns, but feel free to experiment.


Finally press Create, and done!

Create Tiled Clones
Spread the love

Leave A Comment