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

This is the finished product from this tutorial:

Aqua Menu Tutorial: Final Result (Click to enlarge)
Click to enlarge

I am going to show step by step how to do it.

First, create a new layer, call it "body", with the rectangular marquee tool (M), make a selection and fill it with black.

image 2

Now let's apply some styles to it.

Right click of the mouse on the body layer, and choose "Blending Options..."

Apply the following styles:

image 3

image 4

image 5

image 6

Your image should look like this now.

image 7

Now you will have to create a "scanlines" effect. The following image is only illustrative.

image 8

How to make those scanlines? To make them, zoom in your image in a white area (Zoom Tool, press Z), and fill with black 4 pixels in a diagonal, just like the picture.

image 9

Now, turn off, (by clicking on the small eye on the left of it) the Background white layer, so the background is transparent now.

image 10

Select the area around the 4 painted pixels, like the picture above, and go to Edit > Define Pattern, choose a nice name to your pattern.

Now ctrl+click the "body" layer to get it's selection. Create a new layer above it, call it "scanlines" and when filling the layer, Edit > Fill, choose "Pattern", and choose your new pattern.

Change the scanline layer mode to overlay and it's opacity to 21%

image 11

Your image is almost done now!

image 12

You just have to add some text (Horizontal type tool, press T).

I used the Blue Highway font, size 21, "smooth", and with the color #447494.

We are done!

Aqua Menu Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope that you enjoyed the tutorial.



Author's URL: SweDesignz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

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

Captcha