How To Illustrate A Plant

Plant Vector Art

  • Software: Inkscape - you may be able to use other vector graphics editor but the instructions in this tutorial are quite specific to Inkscape.
  • Level: Intermediate
  • Subject: Plant - it is similar to the free clipart given away last time.

Step 1

Step 1

Start of by using the Bezier Curve/Straight line tool and draw a rather narrow triangle. Orientation is not an issue.

Step 2

Step 2

Choose the tool that lets you edit path nodes and control handles. (F2 in Inkscape). Select all the nodes, by pressing Ctrl+A.

Step 3

Then you need to add nodes between these nodes 5 to 10 times.

Step 2 - Add nodes

Experiment with it few times, and you will get the hang of how many times you need to ’subdivide’.

Step 2 - Nodes are added

Step 4

Step 4

Use the bezier tool (Shift+F6) to create another curved path. You should be able to do it with two or three nodes.

Step 5

Select the subdivided triangle first and then the path. Next choose Effects > Generate From Path > Pattern Along Path.

Choose the following options and hit OK.

  • Copies of the pattern: Sinlge, stretched
  • Deformation type: Snake
  • Rest of the settings should not matter.

Step 5 - Pattern Along Path

A new shape should be created as shown.

Step 6

Step 6

Move it aside and select the edit node tool. (Shift+F2).

Step 7

Step 7 - Simplify

Press Ctrl+L or Path > Simplify - one or two times.

Step 8

Step 8 - Repeat

Repeat the steps or create copies and deform it to get the shapes of various branching part of the plant. Position them in the desired fashion.

Step 9

Step 9 - Union Operation

Apply the union operation on all those shapes. (Path > Union or Ctrl++)

Step 10

We will now create the leaf shape. I will try to explain this in a bit more detail.

Step 10 - Begin leaf shape with bezier curve tool

Start of with the bezier tool and mark a point. Move the cursor away, and mark the second point.

Step 10 - Second point and third point on the first

After the second point is placed, move the cursor over to the first point to place the third point.

Step 10 - Polygon with two edges

In effect, we have created a polygon with two edges.

Step 10 - Begin shaping the leaf

Begin shaping the leaf, by pulling out one of the edges and curving it.

Step 10 - Repeat on other edge to create leaf shape

Repeat the same on the other edge to get the leaf shape.

Step 11

Step 11 - Copies of leaf shape positioned on the branches

Make copies of the leaf shape, scale them, rotate them and position them along the plant shape you created earlier.

Step 12

Step 12 - Color them up

To finish it off, apply colors and your are done. You can make several variants with this set of design proccess.

Let me know if you want clarification at any step. Do post your designs in the comment section.

If you liked the tutorial, and would like to keep updated, you can subscribe to KalaaLog.com feeds or opt in for email subscription (use the form at the top).

Tags: , ,

Awesome. Thank you.

You are welcome, Thomas.

is there an equivalent to the “pattern along path” tool found in inkscape, for CorelDRAW?

Daniel, I am not sure about CorelDRAW. I do not have a copy of it. I have a faint memory that it has “text along path” options when I used it long time back. But I am not sure of the exact command for it.

Daniel, in Corel Draw 12 you can draw a triangle first, convert it to curves, than use the interactive tools flyout, select Distortion, Twister distortion, mark one of the bottom nodes and pull slightly. And voila. Experiment :)

Andrzej, thanks for clarifying that. :)

Inkscape too allows you to edit the paths/edges of basic shapes - any vector program usually has the bezier edit functionality. And you can use that to ‘manually’ move vertices to where you want. The ‘pattern along path’ option though, is a lazy approach. You can just use a single line as guide for the distortion, and have any other shape distort according to it.

Again - thanks for dropping by. I appreciate the input.

thanks for that post - very inspiring
i made an adaptation and posted it here >
http://openclipart.org/media/files/Peileppe/8978
you are credited in the “how i did it” section

Hey peileppe, your adaptation has come out great! Good to see that you have actually grasped the concept behind this tutorial and not just used it as a step by step manual.