Download Icon

Step 1 : Create an Document
Create a new document with preferred size.
Fill the background with #f0eae1

1
image-2685

Step 2 : Draw a circle
Use shape tool to draw circle.
Ctrl+Click on the circle and add some anchor points to make some shape changes.

2
image-2686

Add the following layer styles to that shape

Gradient overlay
Inner shadow
Stroke

Next draw a little lip at the bottom of the main shape

3
image-2687

Give the following layer styles to this lip shape
Drop shadow
Inner shadow
Color overlay

4
image-2688

Now the shape will be like this

5
image-2689

Step 3 : Inner circle
Draw a small circle inside the main shape and apply following layer styles.
Drop Shadow
Inner shadow
Inner glow
Gradient overlay

6
image-2690

Step 4 :Overloading shape
Now it’s time to draw loading shape for this once again draw a circle behind small circle.
Apply the following layer styles to overloading shape
Drop Shadow
Inner shadow
Inner glow
Color overlay
Stroke

7
image-2691

Create a new layer ctrl+click the orange shape layer.
Set the blending mode to soft light, opacity to 70%.
Grap brush tool and play on orange shape laye
Once again create new layer, ctrl+click on orange layer and hit delete

8
image-2692

Now apply the following layer style
Drop shadow
Inner shadow
Gradient overlay

9
image-2693

Step 5 : Add text
Now type the number 85% and 530kb to denote the loading.
Afetr making some changes finally the icon will be like this.

10
image-2694

No comments yet.

Leave a comment

Request a Free SEO Quote