Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Video Blog Web Page

Video Blog Web Page

Browse Pages: 2  3  > >>

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

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

The layer's parameters: Blending Options>Inner Glow

image 23

Blending Options>Gradient Overlay

image 24

Gradient's parameters:

image 25

Click to enlarge
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:

Click to enlarge
Click to enlarge

The layer's parameters: Fill 20%

Blending mode-Overlay

Click to enlarge
Click to enlarge

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

image 29



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: 2  3  > >>
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Video Blog Web Page"

Only registered users can write comment

No comments yet...