Illustrated designs - http://www.illustrateddesigns.com
Create Mu Online Game Web Header
http://www.illustrateddesigns.com/articles/2594/1/Create-Mu-Online-Game-Web-Header/Page1.html
By Art-D !
Published on 01/14/2007
 
Create Mu Online Game Web header in Photoshop CS Create Mu Online Game Web Header
This tutorial will show you how to create web header for Mu Online community.

Create Mu Online Game Web Header - part 1
Open a new file with 680x265 px and 72 dpi.
Choose an appropriate picture’s fragment from any Mu Online site with one condition. It must fill in the file’s sizes.

Create Mu Online Game Web header in Photoshop CS

Take the next instrument and represent the lowest layer painted in black for the lateral menu of the site’s header.

Create Mu Online Game Web header in Photoshop CS

Copy this new made layer applying the parameters form the table below.

Create Mu Online Game Web header in Photoshop CS

Fill 0% on the layers.
Blending Options-Inner Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 2
Blending Options-Pattern Overlay

Create Mu Online Game Web header in Photoshop CS

Make use of the following tool to represent the menu’s buttons (all of them placed on the same layer)

Create Mu Online Game Web header in Photoshop CS

Fill 0% on the layers.
Blending Options-Inner Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Outer Glow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 3
Blending Options-Pattern Overlay

Create Mu Online Game Web header in Photoshop CS

Take the next tool to represent the lowest layer of black color reserved for the sote’s name.

Create Mu Online Game Web header in Photoshop CS

Make a copy of this new layer and introduce some changes.

Create Mu Online Game Web header in Photoshop CS

Fill 0% on the layers.
Blending Options-Drop Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Inner Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 4
Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Blending Options-Pattern Overlay

Create Mu Online Game Web header in Photoshop CS

Take another instrument now to draw a pointer inside the black button.

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web header in Photoshop CS

Copy the new represented layer four times and place it the same way it is shown below.

Create Mu Online Game Web header in Photoshop CS

Introduce the titles for the menu’s buttons.

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 5
Blending Options-Drop Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Bevel and Emboss

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Insert now the site’s name itself.

Create Mu Online Game Web header in Photoshop CS

(MU online)

Create Mu Online Game Web header in Photoshop CS

(community)

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 6
Blending Options-Drop Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Bevel and Emboss

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Apply the following tool for representing the site’s header’s frame. Represent firstly a black surface then click on the Alt button and by keeping it pressed cut out a window, making use of the same instrument used earlier .

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web header in Photoshop CS

Create Mu Online Game Web Header - part 7
Make a copy of the new layer and introduce several changes on it.

Create Mu Online Game Web header in Photoshop CS

Blending Options-Inner Shadow

Create Mu Online Game Web header in Photoshop CS

Blending Options-Gradient Overlay

Create Mu Online Game Web header in Photoshop CS

Gradient’s parameters:

Create Mu Online Game Web header in Photoshop CS

Blending Options-Pattern Overlay

Create Mu Online Game Web header in Photoshop CS

The last step includes cutting out very carefully a logotype from any screenshot of the Mu Online web-site. Place it the same way it is shown below.

Create Mu Online Game Web header in Photoshop CS

This is what you must get!

View full size here.