Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Computer Store Web Layout

Those who want to see the total description of our notebook may use a special button MORE DETAILS that can be represented with Rounded Rectangle Tool and a color code 5A676C. Apply the Blending Options adjustments which are written below.
Drop Shadow parameters:

Computer Store Web Layout in Photoshop CS

Inner Shadow parameters:

Computer Store Web Layout in Photoshop CS

Gradient Overlay parameters.

Computer Store Web Layout in Photoshop CS

Stroke parameters.

Computer Store Web Layout in Photoshop CS

As a result we’ll get such a nice button:

Computer Store Web Layout in Photoshop CS

Finish the Header with two lines: one line must have 1 px and the other – 2 px, exactly like in the picture below.

Computer Store Web Layout in Photoshop CS

The Header is ready and we can get to the representing the basic part of our site. Represent a white rectangle, like in the next picture and divide it into three equal parts.

Computer Store Web Layout in Photoshop CS

Add in the each one the pictures of goods, like it is represented below.

Computer Store Web Layout in Photoshop CS

Page: 1 2 3 4 5 6 7

Comments