How to Create Infinity Gradient Logo

How to Create Infinity Gradient Logo

In this design tutorial we are going to talk about use of gradient in an infinity logo design. Creating an overlapping infinity logo can be challenging but we’ll do our best by adding gradients to it as well. You may find additional inspiration by searching on Vlemonn.

Let’s get started!

 

Step 1

First, we create a new document (cmd+N or ctrl+N) in Adobe Illustrator with an artboard size of 800 x 600px

Step 2

Now use Ellipse Tool (T) to create a circle. Use the Swap Fill and Stroke (Shift X) this function converts the black fill into a stroke. 

Step 3

Afterwards, you need to increase the size of the stroke from the upper left corner.

Copy the selected circle (cmd+C or ctrl+C) then paste it next to the existing circle (cmd+P or ctrl+P).

Step 4

Just turn on the smart guides (cmd+U or ctrl+U) in the view panel. View > Smart Guides.

Step 5

Now create a line from the centre of the circle at a 45-degree angle. Use Pen tool (P) and click on the centre of the circle, press hold shift and move your mouse towards the edge of the circle as shown below.

Repeat the process in both the circles. In the first circle you end to create a line on bottom right angle and for the second circle you need too create the line on the top left angle.

Then simply join the two corner line points with the help of your pen tool

Step 6

Go ahead and delete the two corner lines we created. Select the Delete Anchor Point Tool (-) from the tool panel and select the centre point of the lines. The anchor points will be deleted as soon as you select them with this tool.

Step 7

Now you need to copy and reflect the centre line between the two circles. Select the line > Click Right > Transform > Reflect > Vertical > Copy. Adjust the new line to align with the circles.

Step 8

Firstly, you need to go to the view panel and select outline option (cmd+U or ctrl+U). This helps you to see only the outlines of the drafted objects.

Then select the two lines in the centre and lock those objects by opening the layer panel on the bottom right and hitting the lock button as shown below.

Step 9

Once in the outline mode, select the Add Anchor Point Tool (+) from the tool panel and add anchor points where the lines and the circles meet. There shall be four such points

Step 10

Now select the Direct Selection Tool (A) and select each anchor point you just created and select the scissor tool from the top panel. Then select the curve left between the anchor points of the circle and hit delete.

Repeat this process for the other circle as well

Step 11

Now with all the objects selected, go to Objects > Path > Join. This will help you in joining different anchors and making them one

Step 12

As you can see in the design, we need to create two end points of the infinity logo. For this you need to select the Add Anchor Point Tool (+) from the tool panel and add anchor points to the bottom of the left circle. Add two anchor points as shown below

Step 13

Now select the Direct Selection Tool (A) and select the two anchor points you just created and select the scissor tool from the top panel. Then select the curve left between the anchor points of the circle and hit delete

Step 14

To create round edges of the stroke, Select the object then select the stroke panel on the right side of the artboard. Then you may see options for the corner of the stroke, please go ahead and select the round cap one

Step 15

Now with all the objects selected, go to Objects > Path > Outline Stroke. This will convert your stroke into an object.

Step 16

To create an overlapping look, we need to dissect the object into different parts. With use of pen tool create four paths as shown bellow.

Please see that the four paths align with the infinity logo path

Step 17

After that select the Live Bucket Tool (K) from the tool panel and select on the objects with the lines. This option will create different paint groups of the single object. Then add colour to them from the swatch panel. The colors you choose right now are not important, we will change them as we proceed

Step 18

Now you need to hit the expand button on the top panel to create different objects as shown below.

The infinity logo will be converted into a group by now so double click on it to select individual objects in it. Select the four strokes we created before and hit delete on your keep board

Step 19

We’re now going to generate our color palette.
First select your colors for gradient. Draw squares with fills of the colors you’re going to use for the different parts of the design. I've picked eight colors which start from a dark blue ends on a lighter green blue, its important that the flow is natural.

Now you can use the colors and add them to the Swatch panel by selecting them and clicking on the New Color Group button.

Step 20

Our design and the color palette are ready. Now first object on left, then select the Gradient Tool (G) and add color to your design. Try to play with colors and have direction of the light and shadow.

Pay attention to the gradient flow. You do not want your design to look like it’s divided in different parts. Try and create a seamless gradient look so its important you invest as much time you can to make it look seamless

Conclusion

Our infinity gradient logo is complete! I hope you have enjoyed this tutorial. If you do follow this tutorial and create your own logo, please post it in the comments so we can see your result. Thankyou fellow designers!

0 Comments
Leave A Comment

Please login to post your valuable comments.

Join the newsletter

Get the latest vLemonn news first

share