High-Tech Menu

Create this high tech menu
High-Tech Menu: Final Result

Step 1
Start with a large white canvas. Make a new layer group and set the title to “Tab” (it’s the folder icon next to new layer).
Choose rectangle marquee tool.
In a new layer make a #00EAFF rectangle. ( width: 142px ,height: 20px)
Add the following layer styles:

High-Tech Menu: 1.1
High-Tech Menu: 1.2
High-Tech Menu: 1.3

Result:
High-Tech Menu: Step 1 Result

Step 2
In a new layer make a #00EAFF rectangle in the top left hand corner of the previous rectangle. ( width: 14px, height: 12px)
Add the following layer styles: Gradient Overlay, Stroke.

High-Tech Menu: 2.1
High-Tech Menu: 2.2

Result:
High-Tech Menu: Step 2 Result

Step 3
In a new layer draw a short but wide black rectangle. ( width: 38px x height: 5px)
Add the following layer styles:

High-Tech Menu: 3.1
High-Tech Menu: 3.2

Result:
High-Tech Menu: Step 3 Result

Step 4
Duplicate the layer from step three twice and set up the duplicates as shown below.
High-Tech Menu: Step 4 Result

Step 5
In a new layer draw a #008FD2 tiny rectangle. ( width: 3px x height: 5px)
High-Tech Menu: 5

Step 6
Now duplicate your tiny rectangle and set it up as shown below.
High-Tech Menu: 6

Step 7
Add your first navigation using font Arial, regular, 10pt, sharp and #00A8C2.
Add the following layer styles:

High-Tech Menu: 7

Step 8
Copy the group to create more menu items as required.

Result
High-Tech Menu: Final Result

Leave a Reply

You must be logged in to post a comment.


Socialized through Gregarious 42 Comfortable Shoes - Comfortable Footwear