Palm Leaf Icon Design | Icon

My First tutorial since early last year – 2016 The Palm Leaf Icon Design! Well I am back with a new tutorial Partly because of a follower who got in touch with me Auriol AGOSSADOU from Benin Africa. He also wanted to know how this icon was developed from my blog post Ital Livity. So I made this the first comeback tutorial!

Licence: Creative Commons Share Alike

Creative Commons Share Alike Licence
#222529
#383d44
#518f27
#63af30
#74c93c
#8dd35f
Palm Leaf Icon

Palm Leaf Icon Tutorial Layout Description.

Inkscape Bezier Tool
Bezier Tool
Inkscape Nodes Tool
Nodes Tool
Inkscape Selection Tool
Selection Tool
Inkscape Ellipse/Circle Tool
Ellipse/Circle Tool
Inkscape Colour Dropper Tool
Colour Dropper Tool
Inkscape Gradient Tool
Gradient Tool
Palm Leaf Icon Screen 1

First I created two circles by selecting the circle tool and holding {SHIFT + CTRL + LEFT-CLICK HOLD}.  Drag outwards on the any of the corner scale arrows on the select box perimeter. Then I used the dropper tool {D} to change the colours of the two circles.

Inkscape Ellipse Tool
Ellipse Tool

Inkscape Selection Tool
Selection Tool

Palm Leaf Icon Screen 2

I named the green circle for curves that bend into the Palm Leaf and black/gray that bulge out. I then duplicated { CTRL+ D} each circle, for each cut and bulge on the Palm Leaf Icon. Place each circle to touch each vertices’s/corner on the drawn shape. Then using the Bezier Tool follow the inside of the cut circle and the outside of the bulge where each circle touches until you get your desired shape. I used a the {dropper tool + SHIFT} to select bright blue line for the bezier on the Palm Leaf so it was easier to see against the other colours.

Inkscape Colour Dropper Tool
Colour Dropper Tool

Inkscape Bezier Tool
Bezier Tool

Palm Leaf Icon Screen 3

Next I used the Node Tool {F2 or DOUBLE CLICK ON SHAPE} to alter the nodes remove undesirable circles and smooth the lines until I was satisfied.  Then using the Colour Dropper tool {D} I selected Green #63AF30 for the base colour of the Palm Icon.

N.B. when your using the node tool use the “Make Selected Nodes Smooth” and “Make selected Nodes Symmetrical (use this less than former) for the line segments/midles lines. And you should use the “Make Selected Nodes Corner” for the corners/vertices’s. As much as you can.

Inkscape Nodes Tool
Nodes Tool

Inkscape Colour Dropper Tool
Colour Dropper Tool

Palm Leaf Icon Screen 4

First I selected the Bezier Tool then in the Tools control Box above it, select “Spiro”. In the drop down box you should also select “Triangle In”. With those two select you should click at the bottom of the Palm Leaf Icon and Drag up. Look for purple node and drag up on the new shape. You should then {LEFT-CLICK HOLD} and drag out until you get the desired thickness( I.E. The Power Stroke). Lastly I used the Colour dropper Tool to select the same base green as the leaf.

Inkscape Bezier Tool
Bezier Tool

Inkscape Nodes Tool
Nodes Tool

Inkscape Colour Dropper Tool
Colour Dropper Tool

Palm Leaf Icon Screen 5

I used the Bezier tool to draw two lines – closed path, around the leaf where I wanted the colour slices to go. I then Duplicated the base palm {CTRL + D}.

Then using the Selection Tool you should  {Hold SHIFT} and select both the duplicated shape and the first bezier-closed path and go to the path and select “INTERSECTION”.  Repeat the process for the second bezier-closed path.

Inkscape Bezier Tool
Bezier Tool

 

Palm Leaf Icon Screen 6

Lastly using your Dropper Tool, select the green colours #74C93C & #8DD358 for the two slices of colour on the Palm Leaf respectively. Also if the top shape is not showing, raise it in the layer hierarchy/Step order using the Select Tool and “Rise Selection to Top”. This can be found in the tool control box.

Once done I created two bezier shapes. One to cut the Stem of the Palm in down middle vertically, the other to cut the Palm Leaf down the middle, vertically as well. I then used the Dropper Tool to select the green colour #518F27 .

To Finish I used the gradient tool from the top of the stem and leaf respectively, and dragged the node down to create a linear gradient to transparency(each shape individually). This creates the crease sheen effect.

Inkscape Bezier Tool
Bezier Tool

Inkscape Colour Dropper Tool
Colour Dropper Tool

Inkscape Gradient Tool
Gradient Tool