Her

Home Photoshop Tutorials Web Layout Web Layout for Night Club

Web Layout for Night Club

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

Create a new file (File>New) that would have 770x600 px and 72 dpi. Select after that the Paint Bucket Tool (G) to paint the file in black color.

image 1

Create a new layer of 20x20 px and 72 dpi to represent a Pattern. We'll use in this case the Pencil Tool (B) and the color #D28528.

image 2

Save the texture!

image 3

Using the Rounded Rectangle Tool (U), represent the primary layer reserved for the site's sections.

image 4

image 5

The layer's parameters:

Blending Options>Gradient Overlay

image 6

Gradient's parameters:

image 7

Blending Options>Pattern Overlay

image 8

Blending Options>Stroke

image 9

image 10

Create a new layer and select then the Brush Tool (B), colored in #57100E to represent several patches downside, on the right side of the previous layer's edge. We need also to place this layer lower than the layer reserved for the sections, on the layers' palette.

image 11

image 12

Choosing the Rounded Rectangle Tool (U), try to make now the primary layer reserved for the menu of the buttons situated on the site's header.

image 13

image 14

The layer's parameters:

Blending Options>Gradient Overlay

image 15

Gradient's parameters:

image 16

Blending Options>Pattern Overlay

image 17

Blending Options>Stroke

image 18

image 19

Make a copy of the last made layer and press on the Alt button to cut out five ellipses with the Ellipse Tool (U).

image 20

The layer's parameters:

Fill 0% on the layers.

Blending Options>Gradient Overlay

image 21

Gradient's parameters:

image 22

image 23

Using the Ellipse Tool (U), make a flare on the left side of the menu's palette.

image 24

The layer's parameters:

Fill 0% on the layers.

Blending Options>Gradient Overlay

image 25

Gradient's parameters:

image 26

image 27

Make a copy of the last made layer and choose the Free Transform option to place the copy exactly like in the picture below.

image 28

Using the same instrument, try to picture out a flare on the upper part of the buttons' palette.

image 29

The layer's parameters:

Fill 0% on the layers.

Blending Options>Gradient Overlay

image 30

Gradient's parameters:

Web Layout for Night Club