Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

E-Shop – online store logo

This tutorial explains how you can quickly create a logo for an online store.

 

Open a new file (File>New) that would have 450×450 px and 72 dpi.
Select after that the Rounded Rectangle Tool (U) to represent the primary layer of the logotype to represent next.

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

The layer’s parameters:
Blending Options>Drop Shadow

Create E-Shop - Online Store Logo in Photoshop CS

Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Choose then the Rectangle Tool (U) just for separating the zone of logotype’s layer’s marking zone that would have this color: #FCFCFC

Create E-Shop - Online Store Logo in Photoshop CS
The layer’s parameters:
Blending Options>Drop Shadow

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Press now the Alt button and make a mouse’s click in the same time between the previous layer and the recently made one and the layer situated on the top will be applied in the limits of the first one.

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Create a new layer and apply the Eraser Tool (E) to erase the unnecessary elements, like it is demonstrated in the picture. Apply the same method described earlier to click between the layers.

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Select now the Ellipse Tool (U) to create the next layer designed also for the logotype.

Create E-Shop - Online Store Logo in Photoshop CS
The layer’s parameters:
Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Blending Options>Stroke

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Make a copy of the recently made layer and apply the next parameters shown below.
Fill 0% on the layers.
Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS
Using the same instrument, create one more layer situated inside.

Create E-Shop - Online Store Logo in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Blending Options>Stroke

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Insert a letter inside the already made circle.

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

The last stage includes writing the text inserted in the logotype, keeping the demands represented in the next tables.

Create E-Shop - Online Store Logo in Photoshop CS

(E-Shop)

Create E-Shop - Online Store Logo in Photoshop CS

(store online)

Create E-Shop - Online Store Logo in Photoshop CS

The layer’s parameters (E-Shop)
Blending Options>Gradient Overlay

Create E-Shop - Online Store Logo in Photoshop CS

Gradient’s parameters:

Create E-Shop - Online Store Logo in Photoshop CS

Create E-Shop - Online Store Logo in Photoshop CS

Finished!

Comments