Her

Home Photoshop Tutorials Web Layout Video Blog Web Page

Video Blog Web Page

Author: Adobetutorialz.com Author's URL: www.adobetutorialz.com More by this author

Create a new file (File>New) that would have 788x1000 px and 72 dpi.

Using the Rectangle Tool (U), try to draw the basic layer reserved for a site's page. The layer's color is #EFF2F5

image 1

Select the next demonstrated parameters by making a mouse click on the processed layer on the layers' palette: Blending Options>Inner Glow

image 2

Blending Options>Stroke

image 3

image 4

Next we shall draw the menu's button on the site's header. Use for this operation the Rounded Rectangle Tool (U) with the radius 5 px.

image 5

The layer's parameters: Blending Options>Inner Glow

image 6

Blending Options>Gradient Overlay

image 7

Gradient's parameters:

image 8

Blending Options>Stroke

image 9

image 10

Make five copies of the layer containing the button. The copies should be situated from the right side to the left one. The fifth copy should be stretched out, applying the Free Transform selection.

image 11

Next we'll represent the searching window out of the stretched button. The Rectangle Tool (U) in this case has the white color.

image 12

The layer's parameters: Blending Options>Stroke

image 13

image 14

Represent the button for starting searching process near the searching window. Select for this operation the Rounded Rectangle Tool (U) with radius of 3 px.

image 15

The layer's parameters: Blending Options>Gradient Overlay

image 16

Gradient's parameters:

image 17

Blending Options>Stroke

image 18

image 19

Insert the buttons' titles on the site's header and the inscription for the search and menu buttons.

image 20

image 21
Click to enlarge

It's time for drawing the banner, choosing the Rounded Rectangle Tool (U) (radius 5 px).

image 22
Click to enlarge

The layer's parameters: Blending Options>Inner Glow

image 23

Blending Options>Gradient Overlay

image 24

Gradient's parameters:

image 25

image 26
Click to enlarge

Make a copy of the banner's layer, replacing the copy's color with the white one and move off the layer's parameters out of the copy. Select the Add Anchior Point Tool to modify the element's shape.

Use also the Convert Point Tool to make the corrections on the highlight's shape as it is demonstrated below:

image 27
Click to enlarge

The layer's parameters: Fill 20%

Blending mode-Overlay

image 28
Click to enlarge

Insert the text on the made banner, keeping the next demands for the inscription:

Video Blog Web Page