Creating a cool tree infographic that can have a great look and have some data points or descriptions can be easy if you know how to master the background grid in Illustrator. This is a quick tree created by using the grid, adding some color, type and line ends to create an engaging infographic. Enjoy!
Start by turning on the background grid under the View menu>Show Grid. Also select Snap To Grid under the same menu.
You can set the grid size under Preferences>Guides & Grids. I set mine to mm, having a gridline every 10mm and 10 subdivisions, one every mm.
Draw a line, snap it to the grid. I made the line wide enough to cover 2 units of the grid to keep things nicely lined up.
Duplicate the lines and snap those to the grid as well.
Then duplicate those sets of lines, snapping them to the grid as well.
Change the color of the stroke if you want.
Select one line with the Direct Selection Tool. Then select the Pen Tool, click on that point to add to the line.
Using the pen tool, click 10 unit UP and 10 units to the side and click, then pull the Pen Tool to create a curve. Pull the Pen Tool until the handle comes out 10 units as well, creating a perfect arc. Then, click on the end point again with the Pen Tool to pull in the handle on the right side.
Repeat the process again, 10 units over and 10 units up. Then pull the handles 10 units long.
You can use the Pen Tool to add straight segments to the lines as well.
Select the line with the Selection Tool, the open the Stroke Panel and add a round arrow head to the end of the line.
I set the size to 60% of the size of the line to keep it from being too big.
To create the dotted line around the head, create a half circle, then in the Stroke Panel, set the line weight to 6 pt. Set the Cap to rounded. Click on the Dashed Line check box. Set the dash length to 0 and the gap to 12. This will create a dotted line.
Rotate the dotted line into position around the head of the line.
Using the Star Tool, draw a Star and use the UP or DOWN arrows while drawing to add or subtract points on the star.
Use the Direct Selection Tool to select all the points.
With the corner widgets selected on the shape, use the Direct Selection tool to pull in the widgets to round the ends of the lines. It doesn't require much movement. Don't pull them all the way in.
Then hold OPTION and click on a corner widget to cycle through the different corners. This is a flat corner that gives you a gear look.
Fill the shape with a color, no stroke. Then draw a smaller circle in the middle of the gear.
Select both shapes and use the Pathfinder Panel to use the Minus Front Mode to knock out the circle.
Change the color and drop it over one of the line ends to create a cool flower head.
Repeat the process of drawing line and curves on all the lines initially created. This in Outline mode, it shows the grid as dots instead of lines which may make it easy to count 10 units.
This is a close up of Outline mode. View>Outline or COMMAND +Y
This is the final with colors and some type added.