Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Graphic Design Studio Web Layout (Part 1)

Graphic Design Studio Web Layout (Part 1)

Browse Pages: 2  > >>

Create a new file with 766x700 dpi and select the Rectangle Tool (U) to represent the background of the picture to be next:

image 1

Blending Options-Gradient Overlay

image 2

Gradient's parameters:

image 3

Select the Pen Tool (P) to represent twenty rays, having a triangle shape.

image 4

image 5

All of them have the same parameters:

Blending Options-Color Overlay

image 6

For our convenience, we have to merge down in a group all the rays and set the Blending Mode to Soft Light for this group.

image 7

Download from www.deviantart.com brushes evil_bloodsplat. Place them on the next directory … Program FilesAdobeAdobe Photoshop CS2 PresetsBrushes.

Load them and select the Brush Tool (B). Click with the right mouse's button on the picture and choose the next option:

image 8

Load brushes.

Create a new layer now and apply the appropriate brush of white color on the layer, to get the same picture it is shown below:

image 9

Using the Rectangle Tool (U), represent the lowest layer for the site's panels, having the white color.

image 10

Blending Options-Drop Shadow

image 11

Using the same instrument, create one more layer reserved for the site's sections, colored in 4A4A4A.

image 12

Using the same Rectangle Tool (U), represent the layer reserved for the right and left halves of the site to be next.

image 13

Blending Options-Gradient Overlay

image 14

Gradient's parameters:

image 15

Applying a set of ready to use brushes, try to draw the drops, having the colors C34713 and BAE1FC.

image 16

Select next the Line Tool (U) and represent a vertical dividing stripe, colored in 646464.

image 17

image 18

Make three copies of the new made layer and place them the way it is shown below:

image 19

Write now the titles for the site's menu's buttons.

image 20

Graphic Design Studio Web Layout (Part 1)



Author's URL: Adobetutorialz.com
Browse Pages: 2  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments karan August 29, 2011 says:
hi could you make a video tutorial of the design and post it on youtube. really struggling to complete it
Reply
Add comments to "Graphic Design Studio Web Layout (Part 1)"

Captcha