Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio

Design Points n PixelS


INFOGRAPHIC SERIES - Create LEAF Icons

4/30/2017

0 Comments

 
Spring is here and so are the new leaves on the trees. Here are 6 leaf icons to create and several options to create a different look and feel on each leaf. As always, this is a quick, easy and fun way to create all types of leaves. Enjoy!
Picture

Picture
Draw a rectangle, fill and no stroke.
Picture
Use the DIRECT SELECTION tool to select the top left point and the bottom right of the rectangle.
Picture
Pull the Corner Widgets to round the corners. 
Picture
Pull the Corner Widgets more to round the corners further and create more of a tapered leaf. 

Picture
Draw a circle a, fill and no stroke.
Picture
Duplicate the circle, overlap it half way. Select both circles.
Picture
Use the Overlap mode in the Pathfinder.
Picture
This creates a symmetrical leaf.

Picture
Create a circle, fill with green, no stroke.
Picture
Use the DIRECT SELECTION tool to select the top point of the circle, then move the point up.
Picture
Click on the Convert Anchor Point in the Control Bar.
Picture
This makes the tip a corner point and forms a tear-drop leaf.

Picture
Draw a line over the leaf.
Picture
Select the Width Shape Tool.
Picture
Pull the width of one end wider.
Picture
Use the Curvature Tool to pull the middle of the stem to curve it.

Picture
Select the stem and choose Object>Expand to outline the stem.
Picture
Select the stem and leaf. Use the Minus Front mode in the Pathfinder Panel.
Picture
This is the result.
Picture
OPTION: Select the stem and leaf a few steps back. Use the Exclude mode in the Pathfinder.

Picture
This is the result of the Overlap mode.
Picture
OPTION: Use the leaf created a few steps back from the overlapping circles. 
Picture
Use the DIRECT SELECTION tool to select the top point of the circle, then move the point up.
Picture
Click on the Convert Anchor Point in the Control Bar to make a point.

Picture
Choose Object>Path>Offset Path. Set the distance in (negative number). Click OK.
Picture
Fill the new shape with a different color.
Picture
OPTION: Using the previous Rounded Corner Leaf, create a small square.
Picture
Use the Direct Selection Tool and delete the upper left point.

Picture
Duplicate the triangle, flip it and copy it to the lower left corner. Align the edges. Select the 3 shapes and click the Unite Mode in the Pathfinder Panel to create one shape.
Picture
Use the Direct Selection Tool to select the inner corners of the triangles.
Picture
Pull the Corner Widgets to round the inner corners. 
Picture
OPTION: Using the previous Rounded Corner Leaf and pull the corners in further.

Picture
Swap the fill color for the stroke color and add a large stroke.
Picture
Copy the leaf, RIGHT + CLICK on it, select Transform>Reflect and flip the shape vertically.
Picture
You can size the leaves, reduce the size and create contradt.
Picture
OPTION: Use previous the tear-drop leaf.

Picture
Draw a rectangle over the leaf, aligning the left edge with the center of the leaf. Fill with a darker color.
Picture
Select both shapes. Use the Divide Mode in the Pathfinder panel. UNGROUP the shapes when done.
Picture
Select the extra piece of the rectangle leftover from the divide and delete it.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio