How to Create an Infinite Loop Symbol with Illustrator

How to Create an Infinite Loop Symbol with Illustrator

Don't try to do this with the Pen Tool!

This tutorial will teach you how to take a basic circle shape and use Illustrator to manipulate, duplicate and layer it step by step to build a perfect infinite loop and also create the illusion of depth.

Step 1

Launch Illustrator and create a new RGB document (800 x 520 px). how to create an infinite loop symbol in illustrator

Step 2

Draw a large rectangle that fills the artboard to use as a background layer. Set the fill to #2D2629 and the stroke to none. how to create an infinite loop symbol in illustrator

Step 3

Use the Ellipse tool to draw a 125 x 125 px circle in the center of the canvas with a 50pt #D73562 stroke and no fill. how to create an infinite loop symbol in illustrator

Step 4

Use the Convert Anchor Point tool and click once on the right-most point of the circle. how to create an infinite loop symbol in illustrator

Step 5

Highlight the same point with the Direct Selection Tool and use the arrow keys to nudge it 20 pixels to the right. how to create an infinite loop symbol in illustrator

Step 6

Add a new vertical guide as shown below at X:450 px. how to create an infinite loop symbol in illustrator

Step 7

Select the top anchor point and drag the right handle to meet the vertical guide. how to create an infinite loop symbol in illustrator

Step 8

Repeat for the bottom anchor point, they should both snap to the guide if you have Smart Guides (CMD+U) enabled. how to create an infinite loop symbol in illustrator

Step 9

Set the reference point for the shape to the right and use Flip Horizontal from the Transform Panel how to create an infinite loop symbol in illustrator

Step 10

Select both shapes and re-align them to the center of the artboard. how to create an infinite loop symbol in illustrator

Step 11

Use the Direct Selection tool and hold down the Shift key to select the two line segments show in the image below (just the segments not the anchor points). how to create an infinite loop symbol in illustrator

Step 12

Copy and paste the two segments to duplicate them. how to create an infinite loop symbol in illustrator

Step 13

Group the segments and double click them to enter Isolate Mode. Then highlight the middle points and Join (CTRL+J or CMD+J) them to create a complete line. how to create an infinite loop symbol in illustrator

Step 14

Exit Isolation Mode and duplicate the right hand side shape in place (you can change the stroke color to black to differentiate it from the original). how to create an infinite loop symbol in illustrator

Step 15

Enter Isolation Mode again for the duplicated shape and delete the two points shown. how to create an infinite loop symbol in illustrator You should be left with just this segment: how to create an infinite loop symbol in illustrator

Step 16

Select the black segment and also the middle segment, convert their strokes to outlines then make a copy of the middle segment (because we'll need to reuse it for the other side) and subtract one of the middle segments from the black segment using Pathfinder. how to create an infinite loop symbol in illustrator This should be the result: how to create an infinite loop symbol in illustrator

Step 17

Repeat this process for the other side, start by duplicating the left-most shape and changing it's fill to black. how to create an infinite loop symbol in illustrator

Step 18

Then enter Isolation Mode and delete the two points shown. how to create an infinite loop symbol in illustrator

Step 19

Use the remaining copy of the middle segment to subtract from the black segment. how to create an infinite loop symbol in illustrator You should be left with this: how to create an infinite loop symbol in illustrator

Step 20

Apply a gradient fill to the right-most black shape. Both stops are the same color as the background, but one stop is 100% opacity and the other is 0% opacity. The angle should be around 35° but you can also use your eye. how to create an infinite loop symbol in illustrator

Step 21

Apply the same gradient to other side and flip the direction. how to create an infinite loop symbol in illustrator

Result & Conclusion

Here is the result: how to create an infinite loop symbol in illustrator I also loaded the image into Photoshop and applied some very subtle grunge effects for a finishing touch: how to create an infinite loop symbol in illustrator There are lots of different ways to manipulate shapes in Illustrator, and sometimes seemingly complex shapes can be simpler than they seem. To draw this shape manually with the Pen tool would be extremely frustrating, but by starting with a basic circle we can manipulate and build the infinite loop with perfect dimensions.

Comments

X

You've successfully logged in!