Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Red Menu

Red Menu


This is the finished product from this tutorial:

image 1

I am going to show step by step how to do it. Create a new layer, call it "body", and with the Rectangular Marquee Tool (M), create a rectangle and fill it with any color.

image 2

Now Right Click on the "body" layer and choose "Blending Options..." Add a Stroke and Gradient Overlay styles as shown in the above pictures:

image 3

image 4

image 5

(The above picture is a gradient with two colors, looklikes three because of the image's poor quality)

Now create your text, I used font "Blue Highway" and set it as "smooth".

image 6

The last part now, create a new layer, call it "divide".

Create a black vertical line of 1 px. Then duplicate this layer, ctrl+click it to get the selection and fill with white. Position the duplicated one pixel at the left of the other.

Now set a little down both layers opacity.

image 7

It's done!

image 1

I hope that you enjoyed this tutorial.



Author's URL: SweDesignz.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Red Menu"

Captcha