Loading Interface - part 1
Download out of Internet the same texture, like the next one, having 1280x1024 px and 72 dpi.

Press CTRL+SHIFT+U

Set the next parameters for the above downloaded texture’s layer by making a mouse click on the layer we work with in the layers’ panel: Blending Options>Gradient Overlay

Gradient’s parameters:


Next we shall use the Ellipse Tool (U)
Ellipse Tool (U).


The layer’s parameters: Blending Options>Outer Glow

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient’s parameters:

Loading Interface - part 2


Next try to represent a circle, colored with #565656. It’s necessary to use for the beginning the Ellipse Tool (U)
Ellipse Tool (U).


The layer’s parameters: Blending mode-Lighten
Blending Options>Inner Glow

Blending Options>Bevel and Emboss


Using the already known Ellipse Tool (U), try to create the next layer, belonging to the same element:

The layer’s parameters: Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

Loading Interface - part 3

Use the last applied tool to represent the next layer, belonging to the same abstract element we want to get finally:

The layer’s parameters: Fill 0%
Blending Options>Drop Shadow

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

Gradient’s parameters:


Select the Rectangle Tool (U) for the next step to draw a vertical black stripe, crossing the central part of the colored circle:

Loading Interface - part 4


Combine in a group all the layers containing the black lines (press Ctrl button to mark out the corresponding layers and hold on the left mouse’s button to take the accentuated layers on Create a new group selection). Apply the next indicated parameters for the new group: Opacity 20%

Make a copy of the last made group containing the black lines. We need to get back the Opacity option on 100% on the copied group, erasing on the copy all the lines, except those shown below:

Select the Ellipse Tool (U)
Ellipse Tool (U).


The layer’s parameters: Blending Options>Outer Glow

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke


Loading Interface - part 5
Ellipse Tool (U).


The layer’s parameters: Fill 20%
Blending Options>Drop Shadow

Blending Options>Gradient Overlay

Gradient’s parameters:


Use the Pen Tool (P)
Pen Tool (P).


The layer’s parameters: Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

Loading Interface - part 6


Select once again the Pen Tool (P)
Pen Tool (P).


Choose the next demonstrated parameters for the layer: Fill 20%

Select the same Pen Tool (P) to create a triangle which shape must be corrected with the Convert Point Tool.

The layer’s parameters: Blending Options>Drop Shadow

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke


Loading Interface - part 7

Set the next parameters for the last made layer: Fill 17%

Now we shall use the Ellipse Tool (U)
Ellipse Tool (U).


The layer’s parameters: Fill 20%

Create a new file (File>New) of 4x4 px and 72 dpi. We shall use on it the Pencil Tool (B)
Pencil Tool (B).


Edit>Define Pattern
Next step includes using the Ellipse Tool (U) on a new layer (Create new layer) on which must be inserted the last made pattern.

The layer’s parameters: Opacity 20%, Fill 0%
Blending Options>Pattern Overlay


The loading interface is finished!