Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Design a website layout with logo using photoshop techniques

December 10th, 2007 · No Comments

Here we will tell you how to make a Desing-Studio in photoshop.

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

desing-studio1.gif

[2] Now take the Rectangular Marquee Tool then create a shape.

desing-studio2.gif

[3] Take the Elliptical Marquee Tool use these settings.

desing-studio3.gif

[4] Now draw a new shape as shown image below.

desing-studio4.gif

[5] Your image should be look like this.

desing-studio5.gif

[6] Now fill the new shape with black color.

desing-studio6.gif

[7] Now go to Blending Option use the following settings.
desing-studio7.gif

desing-studio9.gif

desing-studio10.gif

[8] Your image something look like this.

desing-studio11.gif

[9] Now create a new shape with the help of Rounded Rectangle Tool see in the next image.

desing-studio12.gif

[10] Now go to Blending Option use the following settings.

desing-studio13.gif

desing-studio14.gif

desing-studio15.gif

[11] Your image should be look like this.

desing-studio16.gif[12] Now make the copy of layer-2

desing-studio17.gif

[13] Then press Cntl+T, Transform selection to minimize your shape see in the next image.

desing-studio18.gif

[14] Make the 3 more copy of layer-2copy as shown image below.

desing-studio19.gif[15] Then take the Text Tool write your text as shown image below.

desing-studio20.gif

[16] Now take the Pen Tool create a new shape.

desing-studio21.gif[17] Then take the Brush use these settings.

desing-studio22.gif

desing-studio23.gif

[18] Take the Pen Tool and right click on the shape select the Stroke Path use these settings.

desing-studio24.gif

desing-studio25.gif

[19] Your image should be look like this.

desing-studio26.gif

[20] Now create a new shape with the help Ellipse Tool.

desing-studio27.gif

[21] Now go to Blending Option use the following settings.

desing-studio28.gif

desing-studio29.gif

[22] Your image should be look like this.

desing-studio30.gif

[23] Now take the Shape Tool, select this one.

desing-studio31.gif

[24] Now create a shape and fill with light black color.

[25] Then make the copy of shape layer now go to Edit>Transform>Flip Horizontal, now take Brush tool create a small line as shown image below.

desing-studio32.gif

[26] Now create a new shape with the help of Rounded Rectangle Tool.

desing-studio33.gif

[27] Now go to Blending Option use the following settings.

desing-studio34.gif

desing-studio35.gif

desing-studio36.gif

desing-studio37.gif

desing-studio38.gif

[28] Your image should be look like this.

desing-studio39.gif

[29] And now make the copy of this layer as shown image below.

desing-studio40.gif

[30] Your image look like this.

desing-studio41.gif

[31] Make the 2 more copy of Previous layer as shown image below.

desing-studio42.gif

[32] Now take the Text Tool and write your text.

desing-studio43.gif

[33] And now add some images your final image is ready.

desing-studio44.gif

Design a website layout using photoshop techniques

Basic photoshop tutorial

logo tutorial photoshop 

Tags: website graphics photoshop tutorial

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.