Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Professional Design Studio Web Template
rss

Professional Design Studio Web Template

Author: Adobetutorialz.com More by this author
Browse Pages:  1  2  3 > >>


Open a new file (File>New) with 780x360 px and 72 dpi and then apply the Rectangle Tool (U) to represent the background for the site to be next.

image 1

Set the layer's parameters on the layers' panel (click on the right mouse's button on the marked layer).

Blending Options>Gradient Overlay

image 2

Gradient's parameters:

image 3

Create a new layer and represent the primary elements of the texture's cliché of 4x4 px and 72 dpi, done with the Pencil Tool (B), colored in C5C5C5.

image 4

Save it!

image 5

Create a new layer and apply the next options for it.

image 6

image 7

Apply Add a Mask option for this layer (on the layers' panel bottom) and choose the Gradient Tool (G) to dark out the lowest part of the background.

image 8

Now we shall use the Rounded Rectangle Tool (U) to represent the primary layer, reserved for the site's sections, out of which we'll cut out several circles (pressing the Alt button and using the Ellipse Tool (U)).

image 9

image 10

The layer's parameters:

Blending Options>Outer Glow

image 11

Blending Options>Inner Glow

image 12

Blending Options>Gradient Overlay

image 13

Gradient's parameters:

image 14

Blending Options>Pattern Overlay from Color Paper select the texture Blue Textured

image 15

Blending Options>Stroke

image 16

Create one more primary texture of 4x4 px and 72 dpi, using the Pencil Tool (B) of black color.

image 17

It will be saved too!

image 18

Create a new layer and select the Rounded Rectangle Tool (U) to draw the frame designed for the site's section (the colors is E2E2E2).

image 19

Blending Mode-Soft Light

Blending Options>Inner Glow

image 20

Blending Options>Stroke

image 21

Next we'll apply the Rectangle Tool (U) to create the layer reserved for the menu's panel situated on the site's header that will have the white color.

image 22

Fill 30% on the layers.

Create one more layer above the previous one, colored with C6C6C6, using the same Rounded Rectangle Tool (U)

image 23

Blending Mode-Linear Burn

Fill 60% on the layers

Using the same instrument, represent now the menu's button that would have the color 25DCF7.

image 24

The layer's parameters:

Blending Options>Inner Glow

image 25

Blending Options>Pattern Overlay

image 26

Applying the last instrument (Rounded Rectangle Tool (U)), represent now one more button on the menu's panel situated on the site's header.

image 27

image 28




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  3 > >>

Add comments to "Professional Design Studio Web Template"