If you are a creative website designer and you are looking for unique ideas for content box using photoshop techniques. Here is a tutorial for you.

How to make a Website-scroll-content-box in photoshop.

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

[2] Now take the Shape Tool and select this one.

[3] Then create a new shape as shown image below.

[4] Take the Rentangular Marquee Tool.

[5] Create a shape and fill with Black color.

[6] And then take the Pen Tool and create a new shape.

[7] Take the Gradient Tool use these settings.

[8] Make a new layer and fill the selection with the help of Gradient Tool.

[9] Take the Rentangular Marquee Tool.

[10] Create a new shape.

[11] Take the Gradient Tool use these settings.

[12] Make the new layer and fill the selection with the help of Gradient Tool.

[13] Make the copy of previous layer and move the shape with the help of Move Tool.

[14] Create another shape with the help of Rentangular Marquee Tool.

[15] Take the Gradient Tool use these settings.

[16] Fill the selection with the help of Gradient Tool and change the Blending Mode to Linear Dodge.

[17] Your image should be look like this.

[18] Now take the Pen Tool.

[19] And create a line see in the next image.

[20] And now take the Brush Tool use these settings.

[21] And again take the Pen Tool then right click to select the Stroke Path.

[22] Your image should be look like this.

[23] Now make the three more copy of previous line layer and move the lines with the help of Move Tool.

[24] Take the Text Tool create your text.

[25] Now create a new shape with the help of Rectangular Marquee Tool.

[26] Go to Blending Option use the following settings.

[27] Your image should be look like this.

[28] Now make the copy of Previous layer and take the Text Tool create your text.

[29] Then take the Shape tool select this one.

[30] Create a shape then make the new layer and with black color.

[31] And now make the three more copy of shape layer and move the every shape with the help of Move Tool.

[33] Now your final image is ready.

Adobe photoshop cs2 tips and technique.

How to design a website layout in Photoshop

web site design Melbourne  - guarantees to create an engaging website design that is intelligent, consistent and unified