Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Graphic Design Studio Web Layout (Part 1)
rss

Graphic Design Studio Web Layout (Part 1)

Author: Adobetutorialz.com More by this author
Browse Pages:  1  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

image 21




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages:  1  2 > >>

Add comments to "Graphic Design Studio Web Layout (Part 1)"