Open a new file with 770x300px and 72 dpi. The color is 3B6EA5.

Create Web Header for Ragnarok Community in Photoshop CS

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.

Create Web Header for Ragnarok Community in Photoshop CS

Then we must apply this tool to create the lowest layer reserved for the menu?s site?s button.

Create Web Header for Ragnarok Community in Photoshop CS

Blending
Options-Gradient Overlay

Create Web Header for Ragnarok Community in Photoshop CS

Gradient?s parameters:

Create Web Header for Ragnarok Community in Photoshop CS

Continue creating the button with the next instrument

Create Web Header for Ragnarok Community in Photoshop CS