Creating an Online Pet store – Photoshop Tutorial

Step 1

(Ctrl + N) Width : 1000 Height : 1409 and Resolution : 72

Background : ย #e0f6d4

Background

Step 2

Select a Rectangle tool and Create a Rectangle like this … Color Code :

2

Step 3

This time to add some Noise in Rectangle ๐Ÿ™‚

3

Step 4

After NOISE…..

4

Step 5

Select a Rectangle Tool and create a Dark Grey rectangle Below HOME…

Add Your Links and Cart: [EMPTY]… Font name :ย Kristen ITC font

Add a Cart Button and Social Media Buttons..

5

Step 6

Add Welcome (Login) (Your account) Font :ย Century Gothic

Add Text Currency and USD and Below USD Create a rectangle using Rectangle Tool and Add a Arrow with USD.

Add Language : EN , FR , ES and Create a circle in the mid of English.

6

Step 7

Create a White Rectangle for Slideshow with Rectangle tool and Add some DROP SHADOW.

7

Step 8

In the top add a logo.

Add a image like we added a image of PUPPIES in Right side.

In Left side Create a Dark Green Rectangle and add a text.. Free Shipping on orders over 100$.

Insert 2 lines with the Line tool below the text.

8

Step 9

Add Circles in Slideshow.

9

Step 10

Now We are going to work on Content Area.

Select a Rounded Rectangle tool and create Rounded rectangle tool in Black color and add a text : New Products.

Add 3 pictures and add their texts.

10

Step 11

Insert some Lines with Line tool in light color.

11

Step 12

Second part of Content Area

Add Pets for SALE.

Create 3 white Rectangles with Rectangle tool.

12

Step 13

Add Pets Pictures and their RATES.

13

Step 14

Add (Add to Cart) Buttons ๐Ÿ™‚

14

Step 15

Footer always your Last Step ๐Ÿ˜€

15

FINAL

Final image

Download: Premium Web Layout

Authors

Related posts

Top