Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout High Tech Navigation
rss

High Tech Navigation

Author: Frankenkill More by this author


In this Adobe photoshop tutorial, I'm going to teach some tips and tricks so you can make a high tech navigation like I did!

Ok, start Adobe Photoshop and make a new document, doesn't really matter which size. Fill the background with the color you like! Create a new layer and make a rectangular selection, like below:

image 1

Grab your gradient tool and fill it with a gradient:

image 2

Now, deselect (by pressing "Ctrl + D"). Apply these blending options:

image 3

image 4

image 5

You should now have this:

image 6

Create a new layer and with this layer active Ctrl+click the button layer to load it's selection. Now delete half of the selection, you can do this by holding down "ALT" while dragging a new selection over the formal one!

image 7

Now fill this selection with white, deselect (by pressing "Ctrl + D") and lower the opacity to 27%. You should now have this:

image 8

Now just make some more, add some text. I added some wires as well:

High Tech Navigation Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "High Tech Navigation"