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!

Personal Web Site Header

In this tutorial you will learn how to create a header design perfect for personal web sites.

Create a new file (File>New) that would have 770×150 px and 72 dpi. Applying the here shown instrument Paint Bucket Tool, it’s possible to paint in 2D2D2D.

Create Personal Web Site Header in Photoshop CS

Create a new layer of 4×4 px and 72 dpi and select the Pencil Tool (B) to create the texture shown below for the Pattern.

Create Personal Web Site Header in Photoshop CS

Save it!

Create Personal Web Site Header in Photoshop CS

Create a new layer again and choose this time the Rectangle Tool (U) to represent the background reserved for the background of the menu, situated on the site’s header. It should have the black color.

Create Personal Web Site Header in Photoshop CS

The layer’s parameters:
Blending Options>Pattern Overlay

Create Personal Web Site Header in Photoshop CS

Create Personal Web Site Header in Photoshop CS

Now we should represent the primary layer of the site’s header, applying the Rounded Rectangle Tool (U) and then press the Alt button to cut out the lowest part, selecting the Rectangle Tool (U) also.

Create Personal Web Site Header in Photoshop CS

Page: 1 2 3 4 5

Comments