Designing Float Circle Icon in Adobe Illustrator

In this tutorial we are going to create a Designer Float icon with the help of Adobe Illustrator.

Step 1
Create a new document. Use the Ellipse tool (L). Draw a perfect circle by holding the Shift key. Fill the circle with
2ca148 colour.

 

Create a new document. Use the Ellipse tool
Step 2
Now you have to draw another circle smaller in size (pixels). Use the colour 2da249.

 

 you have to draw another circle smaller in size

 

Step 3
Now you have to draw a third circle a few pixels smaller. Apply a Liner Gradient Fill of dark blue to light blue and set the
angle to -90.

 

 you have to draw a third circle a few pixels smaller.
So far it has been easy. Now you have to create hallow shapes using Pathfinder which is a bit tricky.

Step 4
Make a white circle and another smaller circle in black at the centre.

 

 Make a white circle and another smaller circle in black at the centre.
Step 5
Now you have to select both the circles. Choose the white circle and then hold the Shift key and select the black circle.
By keeping the selection, go to pathfinder panel (SHIFT+CTRL+F9) and click on the Subtract form shape area icon.

 

 you have to select both the circles.

 

Step 6
Now you are familiar of creating hallow circles. So go on create a few more as we have done earlier.
Create a small hallow circle .

 

 you are familiar of creating hallow circles.

 

Create another hallow circle in white that will come next to the circle in the centre (see the image below).

 

Create another hallow circle in white that will come next to the circle in the centre
Draw one more white hallow circle. Mow the image looks floaty.

 

Draw one more white hallow circle. Mow the image looks floaty.
Step 7
Now we have to create a rectangle. Use the Rectangle tool (M) and make a rectangle using the colour orange F8A73B.
Make 4 copies of the triangle.

 

We have to create a rectangle. Use the Rectangle tool .

 

We have to align each of the triangles on each end of the circle. Make use of guides o get thee perfect alignment.

 

We have to align each of the triangles on each end of the circle. Make use of guides o get thee perfect alignment.

 

Step 8
For creating a glassy transparent effect we will follow the technique for making hallow shapes (see Step 5). In the
example given below, I have only used bigger circles.

 

For creating a glassy transparent effect we will follow the technique for making hallow shapes
Step 9
Go to the Transparency panel (SHIFT+CRTL+F10) and adjust the Opacity to 23.

 

Go to the Transparency panel and adjust the Opacity to 23.
Step 10
You need to create a shadow for the image. For this, pick the Ellipse tool. Create a black oval shape and place it at the
bottom of the circle.

 

Pick the Ellipse tool. Create a black oval shape and place it at the  bottom of the circle.

 

Step 11
To adjust the oval shape, choose the Delete anchor point tool (-). Delete the bottom point.

 

To adjust the oval shape, choose the Delete anchor point tool

 

Step 12
To blur the oval shape, navigate to Effect>Blur> Gaussian Blur and set it at 4.8.After entering the value right click on
Arrange >Send to Back.

 

To blur the oval shape, navigate the Effect to Gaussian Blur
Final image

 

Designing Float Circle Icon in Adobe Illustrator Has Be Implemented

 FOR MORE TUTORIALS – CLICK

avatar admin (257 Posts)