Website contentbox design photoshop tutorial in photoshop

Posted on July 21st, 2008 by 3dfun in Photoshop Tutorials

Here we will tell you how to make a Website contentbox design photoshop tutorial in photoshop.

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

[2] Download the following pettern, and open it in Photoshop.

Website-contentbox-design-photoshop-tutorial1

[3] Create a new shape with the help of Rectangle Tool.

Website-contentbox-design-photoshop-tutorial2

[4] For this shape add the following layer styles.

Website-contentbox-design-photoshop-tutorial3

Website-contentbox-design-photoshop-tutorial4

Website-contentbox-design-photoshop-tutorial5

Website-contentbox-design-photoshop-tutorial6

Website-contentbox-design-photoshop-tutorial7

[5] Create another shape with Rectangle tool.

Website-contentbox-design-photoshop-tutorial8

[6] Now add the following layer styles.

Website-contentbox-design-photoshop-tutorial9

Website-contentbox-design-photoshop-tutorial10

Website-contentbox-design-photoshop-tutorial11

Website-contentbox-design-photoshop-tutorial12

Website-contentbox-design-photoshop-tutorial13

[7] Select Rounded rectangle tool, and create a shape like mine.

Website-contentbox-design-photoshop-tutorial14

[8] For this shape add the following layer styles.

Website-contentbox-design-photoshop-tutorial15

Website-contentbox-design-photoshop-tutorial16

Website-contentbox-design-photoshop-tutorial17

Website-contentbox-design-photoshop-tutorial18

Website-contentbox-design-photoshop-tutorial19

Website-contentbox-design-photoshop-tutorial20

[9] Take the Brush Tool set properties like this.

Website-contentbox-design-photoshop-tutorial22

[10] Make a new layer now play with your bursh tool.

Website-contentbox-design-photoshop-tutorial23

[11] Now Cntl+Click this layer to get selection,
After that press Cntl+Shift+I, to Inverse selection hit the delete key.

Website-contentbox-design-photoshop-tutorial24

[12] Create a new shape with the help of Rectangular Marquee Tool, fill that layer with White.

Website-contentbox-design-photoshop-tutorial25

[13] Take the Lasso Tool create the following selection and hit the delete key.

Website-contentbox-design-photoshop-tutorial26

[14] Take the Polygonal Lasso Tool create the following selection hit the delete key.

Website-contentbox-design-photoshop-tutorial27

Website-contentbox-design-photoshop-tutorial28

[15] Now press Cntl+T, right click select Rotate. Rotate your shape like me.

Website-contentbox-design-photoshop-tutorial29

[16] For this shape add the following layer styles.

Website-contentbox-design-photoshop-tutorial30

Website-contentbox-design-photoshop-tutorial31

Website-contentbox-design-photoshop-tutorial32

[17] Duplicate this layer and place it like me.

Website-contentbox-design-photoshop-tutorial33

[18] Create a new shape with Rectangle Tool.

Website-contentbox-design-photoshop-tutorial34

[19] For this shape add the following layer styles.

Website-contentbox-design-photoshop-tutorial35

Website-contentbox-design-photoshop-tutorial36

Website-contentbox-design-photoshop-tutorial37

Website-contentbox-design-photoshop-tutorial38

[20] Now select Rectangle Tool and make some white rectangles.

Website-contentbox-design-photoshop-tutorial39

[21] Add the following layer styles.

Website-contentbox-design-photoshop-tutorial40

Website-contentbox-design-photoshop-tutorial41

[22] Now i will add alone some text and images.

Website-contentbox-design-photoshop-tutorial44

[23] Thanks for read this Photoshop Tutroial.
I hope this is a good tutorial & u can use these Photoshop Techniques in your
Graphics Design Project.

Website-contentbox-design-photoshop-tutorial45

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Photoshop website ichat icon design in photoshop

Photoshop security logo icon tutorial in Photoshop

Leave a Reply

You must be logged in to post a comment.