Web Header for Ragnarok Community


Web Header for Ragnarok Community

Open a new file with 770×300px and 72 dpi. The color is 3B6EA5.

Web Header for Ragnarok Community

On the web-site dedicated to the Ragnarok you can find the next fragment, cut it and place it the way it is shown below.

Web Header for Ragnarok Community

Then we must apply this tool

Web Header for Ragnarok Community

to create the lowest layer reserved for the menu’s site’s button.

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Continue creating the button with the next instrument

Web Header for Ragnarok Community
Web Header for Ragnarok Community

Blending Options-Outer Glow

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Blending Options-Stroke

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Copy the new made layer and make use of the Free Transform selection to minimize it a little and change its parameters.

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Blending Options-Stroke

Web Header for Ragnarok Community

Using the next tool

Web Header for Ragnarok Community

inside the new created one create one more, colored in DAF5FF.

Web Header for Ragnarok Community

Copy the new made layer and make use again of the Free Transform selection to minimize it a little and to apply the parameters from below.

Web Header for Ragnarok Community

Blending Options-Inner Glow

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Blending Options-Stroke

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

For making the work easier we have to combine now all the layers containing the button in a group. Copy this new made group 5 times and place them the way it is demonstrated next step.

Web Header for Ragnarok Community

Apply the following instrument

Web Header for Ragnarok Community

to create a vertical dividing line.

Web Header for Ragnarok Community
Web Header for Ragnarok Community

Fill 40% on the layers.
Copy the layer with a vertical line 4 times the way it is indicated below.

Web Header for Ragnarok Community

Using the shown tool

Web Header for Ragnarok Community

on the button’s top draw a horizontal line.

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Make a copy of the new created layer and apply again the Free Transform selection to make it narrower on vertical. Place it the same way as you see below.

Web Header for Ragnarok Community

Select the next instrument

Web Header for Ragnarok Community

to create the lowest layer for the site’s name

Web Header for Ragnarok Community

Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Blending Options-Stroke

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Make a copy of the new made layer. Make use of the Free Transform option to minimize it a little and to change its parameters. It will be colored in FF0000.

Web Header for Ragnarok Community

Blending Options-Inner Glow

Web Header for Ragnarok Community

Blending Options-Bevel and Emboss

Web Header for Ragnarok Community

Blending Options-Stroke

Web Header for Ragnarok Community

Introduce one word of the site’s name.

Web Header for Ragnarok Community
Web Header for Ragnarok Community

On the same Ragnarok web-site you may find an inscription like in the picture below. Place it upper than the already written word.

Web Header for Ragnarok Community

Take the next tool

Web Header for Ragnarok Community

to create a flare on the site’s logotype.

Web Header for Ragnarok Community
Web Header for Ragnarok Community

Fill 0% on the layers.
Blending Options-Gradient Overlay

Web Header for Ragnarok Community

Gradient’s parameters:

Web Header for Ragnarok Community

Finally we must insert the names for the site’s menu’s buttons.

Web Header for Ragnarok Community

Blending Options-Drop Shadow

Web Header for Ragnarok Community
Web Header for Ragnarok Community

The final result!