infographic series - curved ribbons

Creating curved ribbons in Illustrator is not one of those things that makes a lot of sense when you think about how to curve them and make them look real.

But this makes it easy for both a curved ribbon and a ribbon turn as well.

---

Start with a rectangle, set it to no fill, but with a stroke. 

Select just the upper left corner with the Direct Selection tool and activate the Live Corner Widget.

Drag the corner widget into the center as far as it will go to form a rounded corner.

Select the lower right corner point with the Direct Selection Tool and delete. This will remove the right and bottom line.

---

Duplicate the line.
Select both line and Join them together.  Object>Path Join. Join twice to close both open ends. (COMMAND + J)

Switch the fill with the stroke. 

Chose the Reflect Tool and reflect the ribbon, click COPY to get a duplicate.

Change the color of the second ribbon to a darker color.

---

Send the darker ribbon to the back to make it look like it wraps around.

Create another rectangle, keep the same width as the height of the existing ribbon. Fill with the darker green.

Select the upper right of the light green ribbon with the Direct Selection tool and move it to the right side of the dark green rectangle.

---

Duplicate the ribbons and move them to the upper part of the vertical rectangle.

Select the lower right corner of the upper ribbon with the Direct Selection Tool and move it to the outside edge of the vertical rectangle to create the fold-over.

Upper and lower sections with curved ribbons with the center section with the fold-over.

---

Final ribbon with curves and roll-overs.

Some added elements to create more of an infographic!