Web Header for Ragnarok Community
http://www.illustrateddesigns.com/articles/2592/1/Web-Header-for-Ragnarok-Community/Page1.html
By Art-D !
Published on 01/12/2007
 | Web Header for Ragnarok Community Here you'll see the basics of creating this nice web header. |
Web Header for Ragnarok Community - part 1
Open a new file with 770x300px and 72 dpi. The color is 3B6EA5.
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.
Then we must apply this tool
to create the lowest layer reserved for the menu’s site’s button.
Blending Options-Gradient Overlay
Gradient’s parameters:
Continue creating the button with the next instrument
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.
Then we must apply this tool
to create the lowest layer reserved for the menu’s site’s button. Blending Options-Gradient Overlay
Gradient’s parameters:
Continue creating the button with the next instrument
Web Header for Ragnarok Community - part 2
Blending Options-Outer Glow
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
Copy the new made layer and make use of the Free Transform selection to minimize it a little and change its parameters.
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
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 - part 3
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Using the next tool inside the new created one create one more, colored in DAF5FF.
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.
Blending Options-Inner Glow
Gradient’s parameters:
Blending Options-Stroke
Using the next tool
inside the new created one create one more, colored in DAF5FF. 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.
Blending Options-Inner Glow
Web Header for Ragnarok Community - part 4
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
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.
Apply the following instrument
to create a vertical dividing line.
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
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.
Apply the following instrument
to create a vertical dividing line. Web Header for Ragnarok Community - part 5
Fill 40% on the layers.
Copy the layer with a vertical line 4 times the way it is indicated below.
Using the shown tool on the button’s top draw a horizontal line.
Blending Options-Gradient Overlay
Gradient’s parameters:
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.
Select the next instrument to create the lowest layer for the site’s name
Copy the layer with a vertical line 4 times the way it is indicated below.
Using the shown tool
on the button’s top draw a horizontal line. Blending Options-Gradient Overlay
Gradient’s parameters:
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.
Select the next instrument
to create the lowest layer for the site’s nameWeb Header for Ragnarok Community - part 6
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
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.
Blending Options-Inner Glow
Gradient’s parameters:
Blending Options-Stroke
Gradient’s parameters:
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.
Blending Options-Inner Glow
Web Header for Ragnarok Community - part 7
Blending Options-Bevel and Emboss
Blending Options-Stroke
Introduce one word of the site’s name.
On the same Ragnarok web-site you may find an inscription like in the picture below. Place it upper than the already written word.
Take the next tool
to create a flare on the site’s logotype.
Blending Options-Stroke
Introduce one word of the site’s name.
On the same Ragnarok web-site you may find an inscription like in the picture below. Place it upper than the already written word.
Take the next tool
to create a flare on the site’s logotype. Web Header for Ragnarok Community - part 8
Fill 0% on the layers.
Blending Options-Gradient Overlay
Gradient’s parameters:
Finally we must insert the names for the site’s menu’s buttons.
Blending Options-Drop Shadow
The final result!
View ful size here.
Blending Options-Gradient Overlay
Gradient’s parameters:
Finally we must insert the names for the site’s menu’s buttons.
Blending Options-Drop Shadow
The final result!
View ful size here.
