How to design a loading logo

You might have seen loading icon in the many websites, actually every websites need some time to open completely their home page so that they need any icon to show that.

How to design a loading logo

How to design a loading logo

You might have seen loading icon in the many websites, actually every websites need some time to open completely their home page so that they need any icon to show that. We are going to design an animated loading icon so follow now.

New File: First we have to take a new file with appropriate size.

Ellipse Tool: Choose Ellipse Tool (U key) and draw a circle with "74CE42" color.

Effects: Go to Layer Menu > Layer Style > Stroke, Bevel and Emboss, use both settings as given below.

You will get it.

Ellipse Tool: Choose Ellipse Tool (U key) and draw a little circle with selected "E60404" color in side the big circle. 

Effects: Go to Layer Menu > Layer Style > Stroke, Bevel and Emboss, use both settings as given below.

Rectangle Tool: Take a new layer and select color "B9ED8D", choose Rectangle Tool (U key) and draw a rectangle shape.

Gaussian Blur: Go to Filter Menu > Blur > Gaussian Blur and adjust the setting.

Image should be similar.

Another One: Choose Rectangle shape line layer and make duplicate layer and set it as given below.

Use same step until this picture.

Write Text: Select this color "509547" then choose Horizontal Type Tool (T key) and write text to mention the work of this logo.

Image Ready: Click bottom of the tool bar in the Photoshop to go in the image ready, in the image ready you will have same layer of the file. You have to adjust all the layers one by one as make a complete round by the moving.

Final Result

0