Photoshop tutorial directory website layout in photoshop

Here we will tell you how to make a Photoshop tutorial directory website layout in photoshop.

[1] Take a new file of 770 pixels, 780 pixels, of resolution 72 dpi in the RGB mode.

Photoshop-tutorial-directory-website-layout1

[2] Then with Rounded rectangle tool create a few shapes.

Photoshop-tutorial-directory-website-layout2

[3] Then add this layer styles.

Photoshop-tutorial-directory-website-layout3

Photoshop-tutorial-directory-website-layout4

[4] This is my result.

Photoshop-tutorial-directory-website-layout5

[5] Then Create a shape like in the following image with the Rectangle Tool.

Photoshop-tutorial-directory-website-layout6

[6] Then add this layer styles.

Photoshop-tutorial-directory-website-layout7

Photoshop-tutorial-directory-website-layout8

Photoshop-tutorial-directory-website-layout9

[7] Download the following image, and open it in Photoshop.

Photoshop-tutorial-directory-website-layout10

[8] Now add the following layer styles.

Photoshop-tutorial-directory-website-layout11

Photoshop-tutorial-directory-website-layout12

Photoshop-tutorial-directory-website-layout13

[9] Select Line Tool, Set the line weight to 1 pixel.

Photoshop-tutorial-directory-website-layout14

[10] Now add the following layer styles.

Photoshop-tutorial-directory-website-layout15

Photoshop-tutorial-directory-website-layout16

[11] This is my result.

Photoshop-tutorial-directory-website-layout17

[12] Duplicate this line shapes as many times you want and place it like me.

Photoshop-tutorial-directory-website-layout18

[13] Select Type Tool, and write some text on your layout you can add your icon also.

Photoshop-tutorial-directory-website-layout19

[14] I am adding a previously created website round button.

Photoshop-tutorial-directory-website-layout20

[15] This is my final result, I hope you like it.

Photoshop-tutorial-directory-website-layout21

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Leave a Reply

You must be logged in to post a comment.